-
高校生向けのおすすめなバイト8選：バイトしてる友達に聞いてみた
今回は、実際に体験したり友達に聞き込みをして「このバイトなら高校生におすすめだな」というのを厳選しました。おすすめバイトの評価基準としては下記です。 [memo title="おすすめバイトの評価基準"] [list class="ol-circle li-accentbdr acc-bc-befor... -
【面接対策】高校生のバイトの面接で聞かれること3つ【回答例もセット】
初めてのバイトの面接は、何を聞かれるかがわからずに緊張しますよね。ですがご安心ください。 本記事を読んだあとは面接でどんなことが聞かれるのかがわかり、自信をもって面接を受けれるようになりますよ。 ※回答例もセットで解説していきます。 [box cl... -
高校生に絶対におすすめしないバイトは1つだけ【鬱になりかけた】
はじめてのバイトってなにから手をつけていいかわかりませんよね。はじめてやったバイトがキツくてはずれだったときのリスクも大きいですし。 ぼくは初バイトで大ハズレを引いて鬱になりかけたので、身にしみてリスクの大きさがわかります。 なので今回は... -
【コピペでOK】パンくずリストのデザイン3選
こんにちは、ゆうが（@yuuuugablog）です。 今回は、パンくずリストのデザインを紹介していきます。 [box class="box28" title="パンくずリストとは？"] パンくずリストとは、ブログやWebサイトを見ている人に「現在地」を教えてくれる構造化データのこと... -
【2025年】All in One SEOでGoogleアナリティクスを登録する方法
2021年にAll in One SEOの大型アプデがきて画面がいろいろ変わってしまい戸惑う方も多いと思います。 そこで本記事では、2021年にアプデして変わったAll in One SEOでGoogleアナリティクスを登録する方法を解説していきます。 [box class="box30" title="... -
【コピペOK】おしゃれなSNSアイコンをCSSだけで実装する方法
こんにちは、ゆうがです。 今回は、SNSアイコンをマウスホバーで色を変える方法を解説していきます。 たぶん言葉だけだと意味わからないと思うので、こちらを見てください。 上記のような感じで、おしゃれにアイコンの色を変える方法を解説していきます。 -
【2025年】All in One SEOのセットアップウィザードの設定方法
本記事ではAll in One SEOのセットアップウィザードの設定方法を解説していきます。たった6つの手順で設定が完了します。 [imgfuki src="https://cyberprogress.net/wp-content/uploads/2020/12/seo-score-1.jpg" alt="All in One SEOのセットアップウィザ... -
見やすい！引用ボックスのデザイン3選
こんにちは、ゆうが(@yuuuugablog)です。 今回はブログで使える引用ボックスのデザインを紹介していきます。 [imgfuki src="https://cyberprogress.net/wp-content/uploads/2020/12/image-2-1-5.png" alt="【コピペでOK】引用ボックスのデザイン【CSS】"]... -
【ざっくりと】Bootstrap5と4の変更点を簡単に解説
ついに、Bootstrap5(ベータ版)が実装されましたね。まちどうしかった人もいるのじゃないでしょうか。 私はBootstrap3や4を使っていて「いや、5とか覚えられんわ」と思っていました。ですが、調べてみた結果そこまで爆発的な変更はないので安心してください... -
【コピペOK】CSSでドロップダウンメニューを作る方法
こんにちは、ゆうが（@yuuuugablog）です。 今回はwebサイトで頻繁に使われている、CSSでドロップダウンメニューを作る方法を解説していきます。 完成イメージ 上記のようなドロップダウンメニューを実装していきます。 [box class="box30" title="本記事... -
【JS不要】メガメニューを簡単に作る方法【コピペOK】
こんにちは、ゆうが(@yuuuugablog)です。 今回はweb制作でかなり使う「メガメニュー」を簡単に作る方法を解説していきます。 完成イメージ メガメニューとは上記のようなもので、スペースが広いのが特徴です。 ※マウスホバーをするとメニューが表示されま... -
【10秒でできる】WordPressにアプリリンク（iOS＆Android）を貼る方法
今回はアプリリンクを作る方法を紹介していきます。アプリリンクは視覚的にもわかりやすいのでテキストリンクで表示するよりも圧倒的にクリック率が上がりますよ。 [box class="box30" title="本記事のもくじ"] アプリリンクとは？ WordPressでアプリリン... -
【2025年最新】Macのおすすめ無料ウイルス対策ソフト3選【研究データで証明】
Macを使っている方は「どんなウイルス対策ソフトがいいんだろう？」と悩みますよね。私は3日ほど悩んだあげく選べずに時間を無駄にしました。 そこで本記事では、研究データを用いてMac用の無料のおすすめウイルス対策ソフトを3つ紹介していきます。 ※完全... -
【簡単】Chromeデベロッパーツールでスマホ機種を追加する方法
こんにちは、ゆうが（@yuuuugablog）です。 今回は、Chromeのデベロッパーツールでスマホ機種を追加する方法を紹介してきいきます。 完成イメージ [imgfuki src="https://cyberprogress.net/wp-content/uploads/2020/11/dev1.jpg" alt="【簡単】Chromeのデ... -
【iPhone 13 ProMaxまで対応】レスポンシブデザインのブレイクポイントのテンプレ
こんにちは、ゆうが(@yuuuugablog)です。 今回は、最新の機種iPhone 13 ProMaxまで対応しているレスポンシブデザインのブレイクポイントを紹介します。 どうぞ、この記事に書いてあるブレイクポイントをテンプレート代わりにし、ご使用くださいませ。m(_ _... -
【完全無料】BoostNoteの特徴や使い方を解説
似たようなコードを１から書いたりするのってめんどうですよね。とくに、メニュー部分だったり、フッター、ボタンその他もろもろ。 なのでそんな方向けに、今回は「BoostNote」というエンジニア専用のメモ帳を紹介＆使い方を紹介します。 [box class="box3... -
【簡単に解決】スマホ表示で「background-attachment: fixed」が効かないときの対処法
こんにちは、ゆうが（@yuuuugablog）です。 最近スマホのレスポンシブ対応をしている時に、実機で確認していたら「background-attachment: fixedが効かない！」とあせりました。 そこで今回は原因と対処法を解説していきます。 [box class="box30" title="...
