-

【WordPress】theme.jsonって何?設定ファイル1つでサイトの見た目を統一する仕組み
theme.jsonは、色・フォント・見出しスタイルを1つのファイルでまとめて管理できる「サイトの司令塔」。 この記事では、実際のサンプルコードを見ながら図解で…
-

【p5.js】SVGRepoの罠を回避!動くSVGパスの見分け方と『最強の描画関数』
p5.jsでアニメーションを作る時、『イラストをそのまま使いたい!』と思ったことはありませんか? 複雑なSVGパスでもp5.jsで綺麗に描画できる『関数』と、失…
-

【WordPress】HTMLブロック1つで、LINE風の背景エフェクトを実装(季節の演出)
プラグインは不要。WordPressの『カスタムHTMLブロック』1つで完結。LINEのトーク画面の背景エフェクトのような、桜や紅葉が舞う演出を自分のブログで再…
-

【ブロックテーマ入門⑥】「スタイル」機能でサイトを自分色に染める!
「サイト全体の色をもっと優しくしたい」「文字の形を丸くしたい」 そんなこだわりを、ページ一枚ずつではなくサイト全体に反映させるのが、「スタイル(グローバルスタイ…
-

【ブロックテーマ入門⑤】サイトを支えるナビゲーションとクエリループ
今回は、サイトのあちこちで「勝手に動いてくれている仕組み」についてです。 ヘッダーのメニューや、トップページの新着記事一覧。これらはテーマをいれた時に、テーマが…
-

【ブロックテーマ入門④】パターンで時短!「同期・非同期」を使い分け
せっかく苦労して作ったお気に入りのデザイン。別のページを作るたびに、また一から作り直すのは大変ですよね? 一度作った「箱」を名前をつけて保存しておけば、いつでも…
-

【ブロックテーマ入門③】デザインの救世主『グループ』と『カラム』の攻略
「どこで何を直すか」の全体像が見えたら、次はいよいよパーツを組み上げる「大工仕事」に挑戦してみましょう! 🤔 こんな悩み、ありませんか? 画像と…
-

【ブロックテーマ入門②】サイトエディターの歩き方
ブロックテーマの醍醐味は、「サイトエディター」。これを使えば、本文だけでなく、ヘッダーもサイドバーも、サイト全体のデザインを丸ごとあなたの手でプロデュースできる…
-

【ブロックテーマ入門①】WordPressの新常識「ブロックテーマ」の正体とは?
ブロックテーマは、決して難しい「専門家向けの道具」ではありません。 むしろ、「プログラミングやデザインの知識がなくても、パズルを組み立てるように自分好みのサイト…
-

WordPressのクラシックテーマ移行難民のための処方箋
WordPressのクラシックエディタを使用している皆さん。心のどこかで「いつかはブロックへ移行しなきゃ……」と、重い腰が上がらずにいませんか? 「今のままでも…
-

【夏休みの自由研究】ついに完成!「万華鏡」(第5回)
第1回の「とりあえず遊んじゃおう!完成版コード」を覚えていますか? これは、世界のクリエイターを熱狂させた Kishimisuさん の魔法です。 これまでの第1…
-

【夏休みの自由研究】増殖の魔法:forループ(第4回)
今回のテーマは、「反復(ループ)」。 たった1つのプログラムを、ロボットに「100回やって!」と命じるだけ。プログラムだからこそ描ける「圧倒的な数」。その扉を一…
-

【夏休みの自由研究】「動き」と「色」の魔法(第3回)
第2回では画面にポツンと浮かぶ「完璧(かんぺき)な丸」を描くことに成功したね。 でも、今の丸はじっと止まったまま、眠っているみたい……。 今回使う魔法は、とって…
-

【夏休みの自由研究】ロボットへの命令と座標のナゾ:丸を描く(第2回)
🌟 ここが一番の「がんばりどころ」だよ! 第2回のテーマは、シェーダーの「ルール」と画面の住所を決める「座標(ざひょう)」のお話です。 正直に言…
-

【夏休みの自由研究】「シェーダー」の世界(第1回)
これから挑戦するのは、ふつうのプログラミングよりもちょっとだけ難しくて、でも圧倒的にかっこいい「WEBGL(ウェブジーエル)」という特別なモードなんだ。 &#x…
-

第4回クリエイティブ・コーディング:React Three Fiberでシェーダーを召喚
p5.jsの時は OpenProcessing という便利な場所がありますが、本格的なシェーダー開発では「自分の道具」を揃える必要があります。 ⤴…
-

第3回クリエイティブ・コーディング:シェーダーの魔法
第3回の主役は、シェーダー(GLSL)です。 シェーダーの世界は数学と物理の塊、一からすべてを理解しようとすると、入り口で立ち往生してしまいます。そこで登場する…
-

第2回クリエイティブ・コーディング:p5.js(CPU)の世界
第2回の主役は、「p5.js」。ブラウザ標準の Canvas 2D API を驚くほど直感的に、かつ簡単に扱えるようにしてくれる「魔法のスケッチブック」のような…
-

第1回クリエイティブ・コーディングへの招待状:数式で描くWebアートの世界
全4回にわたって、数学という道具を使って、幻想的なアートを描き出す。そんなクリエイティブ・コーディングに挑戦しようと思います。 でも、いきなり細かい話に入る前に…
-

【旅行ガイド】ソウル近郊で巡る朝鮮王朝の聖地 ― 王陵・華城・雲峴宮を歩く
ソウル中心部の五大宮殿を歩き終えた後、もう一歩踏み込みたくなったら——。 ソウル近郊には、王が生まれた場所、王が眠る場所、王が夢を託した城が静かに息づいています…
-

新羅はなぜ滅亡した?統一から高麗への降伏まで|『大王の夢』『太祖王建』の史実
高句麗と百済をたおし、朝鮮半島をひとつにまとめた新羅。 でもその新羅も、最後は高麗に国を譲って消えていきます。勝ち残った国が、なぜ滅んだのでしょうか。 この記事…
-

善花公主(ソンファ姫)は実在した?『花郎』から『薯童謠』へ、新羅の姫と百済王の因縁
ドラマ『薯童謠(ソドンヨ)』で、百済の王子チャンと恋に落ちる新羅の姫ソンファ。 「敵国どうしの恋なんて、本当にあったの?」と気になった方へ。 この記事では、善花…










