ぴよぐらみんぐ
JP
≡
はじめての方へ
このサイトについて
ダッシュボード
じゅんび
HTML
CSS
JavaScript
Webアニメーション
アクセシビリティ
Git・GitHub
npm
Tailwind CSS
WordPress
テーマ開発
べんりワザ
HTMLタグ早見表
CSSプロパティ早見表
|
べんりワザ
読み物
べんりワザ
Emmet・拡張機能・ショートカット・ブラウザの開発者ツール——知ってると一気にラクになる小ワザ集。困ったときに拾い読みしてください。
はじめての人はここから
全2本
3
何から始めればいい？学ぶ順番の地図
Web制作の情報収集におすすめのサイト集
「今も必要？」と迷う道具
全3本
jQueryは今も必要？
jQueryの読み方
Sassは今も必要？
VSCode を速く使う
全7本
3
入れておきたいVSCode拡張機能
2
Emmetで爆速でHTMLを書く
2
おすすめのコーディング用フォント
2
おすすめのVSCodeカラーテーマ
1
覚えて得するVSCodeショートカット
VSCodeを日本語化する方法
検索と置換でまとめて直す
パソコンの操作を速くする
全1本
エディタの外でも効くショートカット
ブラウザの開発者ツール
全3本
開発者ツールの使い方入門
作ったページをスマホで確認する3つの方法
調べるのが速くなるChrome拡張
見た目をワンランク上げる
全6本
10
無料の写真・イラスト素材サイト
Google Fontsで文字の顔を変える
おすすめのGoogle Fonts
配色サイトで色に迷わない
無料のアイコン素材サイト
Webデザインの参考サイト
コピペで使えるデザイン素材集
全10本
2
コピペで使えるCSSカードデザイン集
1
コピペで使えるCSSテーブルデザイン集
1
コピペで使えるCSSリストデザイン集
コピペで使えるWebアニメーション集
コピペで使えるCSSレイアウト集
コピペで使えるCSSボタンデザイン集
コピペで使えるCSS見出しデザイン集
コピペで使えるCSSフォームデザイン集
コピペで使えるCSSナビゲーションメニュー集
コピペで使えるCSSグラデーション集
チートシート・早見表
全5本
Flexboxチートシート
CSS Gridチートシート
positionの早見表
ブレークポイントの決め方早見表
カラーコード一覧と色見本帳
コーディング以外でも便利
全1本
知っておくと得するChrome拡張機能10選
つまずいたとき
全7本
パスの読み方・書き方
CSSが反映されないときの調べ方
エラーが出ても、あわてない
文字化けの直し方
CSSの単位はどれを使う？
リセットCSSはどれを使う？
クラス名の付け方に迷わなくなる考え方
AIをじょうずに使う
全3本
プログラミング学習に使えるAIチャット
AIへの質問のしかた
AIの答えを鵜呑みにしない
作ったものを公開する
全14本
1
独自ドメインの取り方と選び方
1
作ったサイトをネットに公開する方法
画像形式の選び方（JPG・PNG・WebP・SVG）
画像をWebPに変換する方法
画像を軽くしてページを速くする
ファビコンをつけよう
OGPを設定しよう（シェアされたときの見た目）
検索に出るための基本——titleとdescriptionの書き方
入力チェック（バリデーション）の基本
問い合わせフォームを本当に送れるようにする
おすすめレンタルサーバー比較
Search Consoleで「検索でどう見られているか」を知る
アクセス解析を入れて、見に来てくれた人を知る
表示が遅いサイトを速くする——初心者ができる5つ
WordPressのカスタムフィールド（ACF・SCF）
全9本
1
ACFとSCF、どっちを入れればいい？
ACFフィールド別・表示の書き方早見表
ACFで画像を表示する方法
ACFの繰り返しフィールドの出し方
ACFのグループフィールドの出し方
ACFの柔軟コンテンツでページを組み立てる
ACFのオプションページでサイト共通の情報を管理する
get_post_metaでカスタムフィールドを扱う
ACFの値が表示されないときのチェックリスト
WordPressの投稿タイプと分類を増やす
全2本
カスタム投稿タイプの作り方（register_post_type）
カスタムタクソノミーの作り方（register_taxonomy）
WordPressのテンプレートと投稿の取得
全11本
テンプレート階層早見表（どのファイルが使われる？）
ループの外で投稿を取得する方法（WP_Query）
tax_queryでカテゴリ・タクソノミーで絞りこむ
meta_queryでカスタムフィールドで絞る・並べ替える
get_termsでカテゴリ・タームの一覧を出す
WordPressの条件分岐タグ早見表
WordPressのページ送り（ページネーション）の出し方
アイキャッチ画像の出し方と代替画像
抜粋（the_excerpt）の文字数と「続きを読む」を変える
関連記事をプラグインなしで出す
子テーマの作り方（最小構成）
WordPressのカスタマイズの土台
全7本
WordPressのフック入門（add_actionとadd_filter）
CSSとJavaScriptの正しい読みこみ方（wp_enqueue）
ショートコードの作り方（add_shortcode）
ナビメニューを管理画面から編集できるようにする
パンくずリストをプラグインなしで作る
検索フォームと検索結果ページを整える
エスケープ関数の使い分け（esc_html・esc_attr・esc_url）
WordPressの設定と運用
全4本
目的別・WordPressおすすめプラグイン13選
パーマリンク設定のおすすめと変更時の注意
WordPressの表示を速くする（効果が大きい順）
コメント欄を消す・閉じる方法
WordPressのマルチサイト
全5本
マルチサイトのメリット・デメリット（使うべき？）
WordPressマルチサイトの作り方
マルチサイトで親子テーマを設計する
マルチサイトで他サイトの投稿を取得する（switch_to_blog）
マルチサイトで今どの子サイトかをslugで判別する
WordPressのつまずき解決
全2本
画面が真っ白になったときの調べ方（WP_DEBUG）
WordPressにログインできないときの対処法
ターミナルをつかいこなす
全2本
ターミナルの基本——最初に覚える5つのコマンド
ターミナルを自分好みにカスタマイズしよう
作業環境をととのえる
全10本
プログラミング用パソコンの選び方
学習がはかどる作業環境ガジェット
キーボードの「方式」を知って選ぶ
画面を2つにして学習のスピードを上げよう
端子が足りない・容量が足りないを解決する
長く座っても疲れない座りかたをつくる
気が散らない静けさを道具でつくる
デスクまわりを改造して学習がはかどる環境をつくろう
初心者におすすめのHTML/CSS・JavaScript入門書
デザインを学べる本
