TechAcademyの評判をChatGPTに聞いてみたら。 2023.01.30 井川 宜久 TechAcademyの評判はどうなのだろう? ここ数年ふと気になっているプログラミングスクール「TechAcademy」について、ChatGPTに聞いてみた。 TechAcademyの評判を知っていますか? すると、、、 TechAcademyは日本では有名なプログラミングスクールですが、具体的な評判は知りません。TechAcademyはWeb... ChatGPTCSSJavaScriptjQuerymemosPHPWebデザインWordPressデザイン
Google Tag Managerの設置場所は一体どこにすれば良いの? 2023.01.14 井川 宜久 Google Tag Manager(GTM)とは? Google Tag Managerとは、UAによるGoogleアナリティクスを利用している方には特に説明は必要ないと思われるが、ざっくりというと「サイトの利用状態、アクセス状態」がわかるGoogleのツールだ。 Googleアカウントさえあれば、無料で利用が可能。 導入自体は比較的簡単にできる。ネット上にも情報が多い... JavaScriptmemosPageSpeed InsightsWebデザインアナリティクス
slickの使い方。jQueryスライダーのシンプルなサンプル例。コピペも可。 2022.12.17 井川 宜久 slickのシンプルなサンプル。 petsmetaタグ内に記述。 jQuery本体とslickのJS、slickのCSSを読み込む。 (※jQueryはbodyの閉じタグの前じゃなくても特に問題はない。開発者や公式サイトではmeta内となっている。) <script src="https://code.jquery.com/jquery-3.6.... CSSHTMLJavaScriptjQuerymemosWebデザイン
detailsとsummaryの使い方。HTML&CSS or jQueryアコーディオン。 2022.12.10 井川 宜久 detailsタグとsummaryタグ。HTMLだけでアコーディオンメニュー。 JavaScriptを使わなくても、HTMLだけで折り畳められたコンテンツ領域の開閉(アコーディオンメニュー)ができようになった。 情報量が多い箇所など、覚えておくと何かと便利そうなHTML5の新しい要素。基本的な使い方はとにかくシンプル。 コピペで使い回しも可能。 de... CSSHTMLJavaScriptjQuerymemosWebデザイン
Chromeデベロッパーツールでスマホ表示チェックする際の注意点。 2022.11.14 井川 宜久 デベロッパーツールのショートカット。 デベロッパーツールは右クリックからも開けるが、よく使う機能なのでショートカットで覚えておくと作業がはかどる。 ショートカット Mac: 「Command」 + 「Option」 + 「i」(FirefoxやSafariでも同じ。) Win: 「Ctrl」 + Shift「」 + 「i」 (「F12」でも可。) で開いた... CSSiPhoneJavaScriptmemosWebデザイン
CSSとJSのマーカー。コピペで使えるグラデーション・アニメーション。 2022.09.07 井川 宜久 CSS & JSによるマーカー。 サイトにちょっとしたアクセントが欲しいとき、使い回しが効くマーカーがあると便利だ。 汎用性があるのでスニペットとして使える。 グラデーション付きの、動きのあるマーカー。 ざっくりと、3ステップでOK。 CSSで、マーカーの見た目と動きを作成。(class名「highlight」) JavaScriptで、スクロー... CSSHTMLJavaScriptmemosWebデザイン