ハンバーガーメニューを開いた時に背景をスクロールさせない方法！
ハンバーガーメニュー・ドロワーメニューを開いた時に背景を固定したい、背景のスクロールを無効にしたい この記事では、上記の悩みを解決するために、ハンバーガーメニューを開いた時に背景を固定する方法（背景のスクロールを無効化する方法）について、J
SVGファイルって何？Macユーザー必見！SVGをPNGに変換する方法
SVGファイルってどんな特徴があるの？SVGファイルからPNGファイルに無料で変換する方法を知りたい この記事では上記のような疑問を解決していきます。 SVG（Scalable Vector Graphics）は、解像度に依存しないベクター
HTMLファイルからJavaScriptファイルを利用する方法2選【Web制作】
JavaScriptってどこに記述するの？ファイル構成は？ Web制作で動きのあるサイトにはかかせないJavaScriptですが、最初はどこに記述するのか、ファイルはどうなっているのかもわからないと思います。 この記事では、初学者の方向けに
Sassの「@mixin」を活用したレスポンシブデザインの基本【Web制作】
近年、スマートフォンやタブレットなど、多様なデバイスが普及したことで、Webサイトの表示がどのデバイスでも見やすくなる「レスポンシブデザイン」の重要性が高まっています。 この記事では、sassを活用してレスポンシブデザインの基本と、それを実
CSSの「margin」と「padding」ってどう違うの？使い分けについて解説
Webページの見た目を整えるためにCSSについて学習を進めている中で「margin」と「padding」について学習すると思います。どちらも余白を変化させるプロパティなのですが、 「margin」と「padding」って何が違うの？実際にど
AQUAのドラム式洗濯機はコンパクトで一人暮らしに最適！実際に使用してみた感想【AQW-DX12P-L 】
洗濯機置き場が狭いけどドラム式洗濯機置けるの？一人暮らしでドラム式洗濯機って必要？ 一人暮らしをされている方でドラム式洗濯機が気になっているけど、上記のようなことや、値段が気になって購入まで踏み切れない、という方も多いのではないでしょうか。
Localを使ってWordPressのローカル環境を構築する方法【簡単】
「WordPressのサイトや自作テーマを自分のパソコン上で開発してみたいけど、どうやって始めればいいかわからない…」 上記のような悩みを抱えている方におすすめなのが「Local」を使った簡単なローカル環境の構築方法です。 ローカル環境とは
エポスゴールドのインビテーションは大学生にも届く！実際に受け取った方法を解説
最近、特定の利用条件を満たしたり、カード会社からのインビテーションからの申し込みで年会費が無料になるゴールドカードが増えてますよね。三井住友NLとか、イオンゴールドとか その中でも、選べるポイントアップショップで還元率が3倍になったり、年間
CSSの「object-fit」を使って画像や動画を自在にトリミングしよう【Web制作】
Web制作について学んでいる中で、画像や動画をWebページに載せる時にcssの「object-fit」を利用することも多いと思います。 この記事では「object-fit」って実際に何してるの？どんな設定ができるの？という疑問が解決するよう
HTMLだけでも作れる！アコーディオンメニューの作り方【Web制作】
Webサイトの中に上記のようなクリックすることで中の要素が見れるようになるようなパーツがよくあると思います。これを「アコーディオンメニュー」というのですが、実はこれ簡単なものなら、HTMLだけで書くことができますので、この記事ではその方法と
くせ毛・天パにおすすめのシャンプー、トリートメント、ヘアオイルを紹介【メンズ】
私は小さい頃から癖毛に悩まされ続けてきて、縮毛矯正をかけたり、パーマをかけたりしてきたのですが、縮毛矯正にしろパーマにしろ、時間が経ってくると自分の地毛の割合が増えてきて、頭がデカくなってくるのが悩みでした。 そこで、少しでも自分の癖を扱い
くせ毛・天パにおすすめのシャンプー、トリートメント、ヘアオイルを紹介【メンズ】
私は小さい頃から癖毛に悩まされ続けてきて、縮毛矯正をかけたり、パーマをかけたりしてきたのですが、縮毛矯正にしろパーマにしろ、時間が経ってくると自分の地毛の割合が増えてきて、頭がデカくなってくるのが悩みでした。 そこで、少しでも自分の癖を扱い
CSSで画像が無限ループするアニメーションを作成する方法【Web制作】
Webサイトを見てみると、上記のような画像やロゴなどが無限ループするアニメーションがついたサイトを見たことがあると思います。 このアニメーションですが、CSSの「@keyframes」を使うことで簡単に実装できますので、今回はその方法を紹介
CSSで画像が無限ループするアニメーションを作成する方法【Web制作】
Webサイトを見てみると、上記のような画像やロゴなどが無限ループするアニメーションがついたサイトを見たことがあると思います。 このアニメーションですが、CSSの「@keyframes」を使うことで簡単に実装できますので、今回はその方法を紹介
HTML,CSS,JavaScriptで作るTOPに戻るボタンの作り方【Web制作】
Web制作でLPなどの制作について勉強していると、1ページが長いこともあるため、TOPに戻るボタンを実装する機会がよくあると思います。 今回は、HTML,CSS,JavaScriptを使ってTOPへ戻るボタンを作る方法について解説します。
HTML,CSS,JavaScriptで作るTOPに戻るボタンの作り方【Web制作】
Web制作でLPなどの制作について勉強していると、1ページが長いこともあるため、TOPに戻るボタンを実装する機会がよくあると思います。 今回は、HTML,CSS,JavaScriptを使ってTOPへ戻るボタンを作る方法について解説します。
CSSグリッドレイアウトの基本的な使い方を解説！【初学者向け】
CSSの「grid」について結構難しいイメージを持っている方も多いのではないでしょうか。この「grid」を使えるようになると、結構柔軟に画像の配置やロゴを配置できるようになり、とても便利なのでこの記事で解説します。 今回は、CSSのgrid
CSSグリッドレイアウトの基本的な使い方を解説！【初学者向け】
CSSの「grid」について結構難しいイメージを持っている方も多いのではないでしょうか。この「grid」を使えるようになると、結構柔軟に画像の配置やロゴを配置できるようになり、とても便利なのでこの記事で解説します。 今回は、CSSのgrid
楽天モバイルについて「乗り換えで14,000ポイントプレゼント」のキャンペーンであったり、「プラチナバンド解禁」、3,000円/月の利用料金でデータ容量無制限の料金の安さから乗り換えを検討している方も多いのではないでしょうか。 しかしその一
くせ毛（天然パーマ）でもパーマってかけられる？実際にかけてみた感想【メンズ】
男性のくせ毛の方で髪型に悩んでいる方は結構多いのではないでしょうか。私も結構強めの天パで、梅雨や夏になると湿気で大変なことになります。 くせ毛の方の中にくせ毛でもパーマをかけることができるのか？と気になっている方も多いと思いますので、実際に
エックスサーバー利用者必見！WordPress有料テーマを割引価格で購入する方法【Xserver】
WordPressには様々な有料テーマが存在しており、ブログ制作に向いているものやWebサイト制作に向いているもの等、それぞれ特徴があります。 しかし、WordPressの有料テーマって1万円以上するものが多くて結構高額ですよね。エックスサ
新卒社会人にアメックスプラチナのインビテーションが届いた!特典や条件は？【年収300万】
以前、こちらの記事で私が大学生の時にアメックスゴールドを実際に利用してみた感想について紹介しました。それから新卒で社会人になって半年くらい経った頃になんと、アメックスプラチナのインビテーションが届きました！ この記事ではアメックスプラチナの
新卒社会人にアメックスプラチナのインビテーションが届いた!特典や条件は？【年収300万】
以前、こちらの記事で私が大学生の時にアメックスゴールドを実際に利用してみた感想について紹介しました。それから新卒で社会人になって半年くらい経った頃になんと、アメックスプラチナのインビテーションが届きました！ この記事ではアメックスプラチナの
普段よく「iPhone」や「Apple Watch」「AirPods」等のApple製品をよく利用している方やPCの見た目、性能どちらもこだわりたい方にはとてもおすすめの「MacBook」ですが、いざWindowsから乗り換えてみると、キー
WordPressカテゴリーの作成方法とアイキャッチ設定方法を解説
このブログでは画像のようにカテゴリーごとに分けられていて、ホーム画面にそれぞれのカテゴリーページへのリンクが作成されています。 この記事では、WordPressでカテゴリーを作成する方法と、そのカテゴリーページにアイキャッチを設定する方法に
私は将棋の駒の動かし方と有名な囲いの矢倉囲いしか知らない状況から将棋を始めました。2年間くらいかけてようやく「将棋ウォーズ」というアプリで1級になれたので、1級になるまでに勉強したことや個人的に勝ちやすいと感じた戦法を紹介します。 必要な棋
アマゾンプライムって実際いくら得するの？入るべき人は？【Amazonprime】
多くの方が知っているサブスクの一つがアマプラですよね。年間5,900円または月額600円で加入でき、翌日配送や送料無料、プライムビデオ等の特典を受けることができるサービスです。 この記事では、実際にアマプラに加入してどれくらい得したのか、ど
Netflixオリジナルドラマ「地面師たち」感想【ネタバレあり】
話題になっているNetflixオリジナルドラマの「地面師たち」全7話をイッキ見して、めちゃくちゃ面白かったので、今回はその感想を紹介しようと思います。 この記事にはネタバレを含みますので、ネタバレが嫌な方はここで引き返してください。 主な登
MacBookのスクショ方法や保存先、保存形式の変更方法を画像付きで解説【Mac】
この記事ではMacを初めて購入した方や私と同じようにWindowsからMacに乗り換えた方に向けてMacでスクリーンショットを撮影する方法と、初期設定ではデスクトップに「.png形式」で保存されるため保存先、ファイル保存形式の変更方法を実際
私が新入社員研修で「Java」について学習していく中で一番最初に難しいと感じたのが今回のテーマである「2次元（多次元）配列」でした。この2次元配列って配列の中に配列が入っているんですけど、少しイメージが掴みにくくて当時はとても難しかったです
Sassの基礎-ネスト構造と変数について解説！【Sass,CSS】
Sass（Syntactically Awesome Style Sheet）は、CSSをより効率的に書くための拡張言語です。 この記事では人気のエディターであるVSCodeを使って、Sassの基礎としてネストと変数についてを解説していきま
ポートフォリオサイトの公開方法を画像付きで詳しく解説！【初心者向け】
Web制作について勉強を進めていくと自身のポートフォリオサイトを作ると思います。このポートフォリオサイトは自分のこれまでの実績やスキルをアピールすることができ、名刺のようなものになるとても大切なサイトです。 頑張って素晴らしいポートフォリオ
エックスサーバーの契約と独自ドメインの取得方法【Xserver】
Web制作について勉強していくとサイトを公開するために「サーバー」や「ドメイン」が必要になってくると思います。 この記事では当ブログでも利用しているXserverの契約からドメイン取得までの流れを画像付きで解説しますので、「サーバー」や「ド
MacBookを購入したらインストールするべきオススメアプリ【厳選3選】
今回は、MacBookをより有効に活用するために、普段私が利用していてMacを購入したら絶対にインストールするべき！とおすすめできるアプリを3つに絞って紹介します。 Magnet 一つめは画面分割アプリのMagnetです。 Windowsだ
文系が新卒未経験でSier企業に入社して半年間過ごしてみて【就活】
私は大学時代は文系学部でプログラミングや情報系の学部とは何の関わりもなかったのですが、将来的に会社に雇われなくても自分の力でお金を稼げるスキルを身に付けたいという考えから、IT系への就職を考えていました。 IT系の中でも文系の未経験でも採用
これからフリーランスとして活動しようと考えている方で、GmailやOutlookのような無料で利用できるフリーメールではなく新しく事業用のメールアドレスを作成したいと考える方も多いのではないでしょうか。 しかし、実際にどのように事業用メール
私が当ブログでWeb制作について解説する時にはSassのコードを記載しています。しかし、このSassは初期設定の状態では書いても反映されません。 この記事では、人気のエディターであるVSCodeで拡張機能を使って、Sassをコンパイルする方
M2MacBookAirメモリ16GB、ストレージ256GBを使ってみた感想【ストレスなし】
2024年の6月にM2チップ搭載の人生初MacBookを購入したため、これまでWindowsしか使ってこなかった人間が初めてMacBookを3ヶ月間くらい使ってみて感じたことを紹介します。 ちなみに、私が購入したのはM2チップ搭載モデル、1
HTML,CSSで実装！マウスカーソルを当てた時にボタンの色を変える方法【Web制作】
よくWebページを見ているとボタンがあり、マウスカーソルをボタンに合わせた時に色が変わるように設定されているものを見かけると思います。 HTMLとCSS（Sass)だけで簡単に実装できますので今回はその方法について紹介しようと思います。 完
iPhoneからAirDropで受け取った画像（HEIC形式）をWordPressにアップロードする方法【MacBook】
2024年9月現在、iPhoneで撮影した画像は通常設定のままでは、「.HEIC」というHEIC形式のファイルで保存されます。このHEIC形式の画像は当ブログのようなWordPressのサイトにアップロードすること自体は可能なのですが、実際
トラックパッドからトラックボールマウスに乗り換えてみて【使い勝手、操作感】
トラックボールマウスは数年前から「疲れない」「1度使ったら他のマウスに戻れない」と話題になっていますよね。私大学を卒業して、よりPCに関わる機会が増えてきた（ほぼ毎日）ので、今までノートパソコンに付属しているトラックパッドしか使ってこなかっ
「ブログリーダー」を活用して、yuyaさんをフォローしませんか？
