ウェブ制作 クリックで開閉するアニメーション付きアコーディオン【CSS/JavaScript/jQuery】
クリックするとアニメーションしながら開閉する折りたたみ要素の実装方法です。今回は主に<details>（詳細折りたたみ要素）とJavaScriptを使って実現す
ウェブ制作
ウェブ制作 
ウェブ制作 ある日FacebookグラフAPIによるフィード取得ができなくなっていた
過去に制作したウェブサイトでFacebookグラフAPIとアクセストークンを使ってFacebookページの記事データを取得し一覧表示していたのですが、何らかのエ
Visual Studio Code Visual Studio CodeでのSass導入と基本設定【Live Sass Compiler】
Sassを使えるようにするためにはVisual Studio Codeの拡張機能である Live Sass Compiler (Glenn Marks) が手軽
ウェブ制作 フォントサイズの指定方法と違いを見直してみる【CSS】
ウェブサイト制作時のフォントサイズの指定方法について考え直す機会があったのでそれぞれの違いや見解をまとめてみます。rem, em, px, % 等、単位の選び方
ウェブ制作 正規表現のパターンは段階的に考えると覚えやすい【PHP】
正規表現というと「記号が多く意味不明・難しそう・読めない──」といった印象を持っていたのですが、「簡単な正規表現はいつでも使えるようにしておきたい」という思いか
ウェブ制作 Googleアナリティクス（GA4）とサーチコンソールの関連付けを行う
以前はできなかったGoogleアナリティクス（GA4）とサーチコンソールの連携が可能になっているので紹介します。これらを関連付けるとGoogleアナリティクス上
ウェブ制作 Googleアナリティクス4（GA4）をGoogleタグマネージャーで導入する
Googleアナリティクスにおいて従来のユニバーサルアナリティクスは2023年7月1日より新しいデータの処理ができなくなるため、新しいGoogleアナリティクス
ウェブ制作 Googleタグマネージャーをウェブサイトに設置する
Googleが提供するツールの1つであるGoogleタグマネージャー（GTM）をウェブサイトに設置すると、HTMLを編集することなく様々なタグの管理が可能になり
ウェブ制作 三項演算子の使い方( 条件 ) ? 式1 : 式2;【PHP】
使っていないと忘れがちな三項演算子のPHPでの使い方です。3つの式（三項）を?（ハテナ）と:（コロン）で表す三項演算子ですが、「こういう書き方がある」ということ
ウェブ制作 tableをレスポンシブ対応してスマホでも見やすくする【CSS】
表（table）で整理された情報は視覚的にも理解しやすく効果的ですが、十分な表示領域が無い場合はセル幅が狭くなり、とても見やすいとは言えない状態になってしまいま