chore: Add column by AI

Author: mameka

src/_data/gpt.json

@@ -1,5 +1,11 @@
 {
   "columns": [
+    {
+      "title": "Lottieアニメでモバイル画面が踊りだす！？ 豆香のワクワクUI革命",
+      "text": "やっほー！豆香だよ！最近のアプリ、ボタンを押した瞬間に「え？ いまカフェラテ振った？」みたいにふわっと泡が広がるやつあるじゃん？あれ、ほとんどLottieアニメなわけ！LottieはAfter Effectsで作ったモーショングラフィックスをJSONに変換して、iOSでもAndroidでもサクッと再生しちゃう魔法のランチボックスみたいな存在。画像シーケンス詰め込んでアプリがブクブク太る悩み？Lottieに詰め替えればライト級ファイター並みに身軽になるぞ！<br />モバイルUIって、速さこそ命。ユーザーはスワイプして0.1秒でワクワクしたいんだ。「読み込み中…」なんて表示した瞬間、ユーザーはアイスのフタ開ける勢いで他のアプリにジャンプしちゃう。そこでLottie登場！読み込みの間、キャラクターをくるくる回しておけば、ユーザーの心もくるくるご機嫌。もしカスタムローダーが「たこ焼きが走るアニメ」だったら、関西の友達はツッコミたくて離脱どころじゃないね！<br />実装も超カジュアル。iOSなら`LottieAnimationView(name: “takoyaki_run”)`ってワンライナー。Androidだと`LottieAnimationView`に`app:lottie_fileName=\"takoyaki_run.json\"`と書くだけ。え？「JSONだらけで頭がパンクしそう」？安心して、JSONは乾燥果実みたいなもん、軽くてウマい。しかもアプリの配信後でも、リモートからアニメを差し替えればイベント限定演出も余裕。クリスマスにサンタがタップで飛び、正月は鏡餅がバウンド、節分は豆が鬼をKO！季節ネタを高速デプロイしてユーザーの心をガッチリロックオン。<br />ただし落とし穴もあるんだ。After Effectsでゴリゴリにエフェクトを盛ると、一部がサポート外で再生されない涙ちょちょ切れ事件が発生。シェイプとトランスフォーム、アルファマット程度に抑えるのがコツ。「どうしてもパーティクル爆発を入れたい！」って？そんなときはプラグインでレンダリングか、諦めてゲームエンジンへ転生しよう。欲張りは身を滅ぼすぞ、豆香みたいに夜食で欲張って太った経験者が語るんだから間違いない。<br />最後に一発ギャグ：Lottieでロード中も楽しいロード。……え、寒い？ロードだけに通行止め？ごめん、滑った。まあUIが滑らかならギャグが滑っても許してくれ！<br />みんなも次のアプリにLottieを仕込んで、ユーザーの指先をダンスフロアにしちゃおうぜ。じゃ、またね！",
+      "created": "2026-01-31T03:42:12.467Z",
+      "theme": "Next-Gen User Interface and Experience Design"
+    },
     {
       "title": "もう孤独プログラミング卒業！GitHub Copilotで加速するペアプログラミング革命",
       "text": "ねえねえ、みんな徹夜コード祭りでゾンビ顔になってない？豆香は先週、三日連続で液晶の光に魂吸われかけて泣きそうになったんだよ…でも救世主が登場！その名もGitHub Copilot！こいつ、IDEの横にちょこんと座る頼れる相棒だ。しかも無限の集中力と物理的に疲れない腕前で、コードの断片を次々差し出してくる。まるでベルトコンベヤーから流れてくる寿司を無限に食べ放題してる気分！しかも「for文の書き方忘れた…」って嘆いた瞬間にシュッと補完。優秀すぎて悔しい！<br />豆香、最初は「AIにプルリク全部乗っ取られたら立つ瀬ない！」と怒り狂ったけど、いざペアプロ始めたら逆に心強くて笑いが止まらん。レビュー前にエラー潰しを手伝ってくれるから先輩のゲーミングチェアを震わせるほどのバグ指摘が激減。まさにコード界のクッション材！もちろんAIくんもたまに勘違いする。SQL書いてほしいのに唐突にポエム吐き出した時は「オイそっちじゃない！」とツッコミ入れたけど、それも愛嬌。人間同士のペアプロでもヘンテコな冗談飛ぶしね。<br />個人的にハマった遊びは「Copilotに謎の関西弁変数名付けさせ選手権」。例えば takoyakiLoop や okonomiyakiIterator を提案してくるから笑いが止まらん。コードレビューで先輩に「なんやこの粉もん変数！？」と突っ込まれるまでがワンセット。ユーモアでチームの空気も柔らかくなるし、AIとの掛け合いが雑談ネタにもなるから、リモートワークの孤独感まで撃退。<br />なのに労働時間は短縮。Copilotがテストコードまで生成してくれるおかげで、豆香の夜食ラーメン頻度が半分に！健康も守れるとか優しすぎ。もう孤独プログラミングは過去の遺物だよ。みんなもAI相棒をIDEに召喚して、徹夜ゾンビから元気ハツラツコーダーに転生しちゃおう！さあ、今日もコーヒー片手に「copilot brain storming!」って叫びながらキーボード打ち鳴らそ！",
@@ -413,12 +419,6 @@
       "text": "やっほー！豆香だよ。夜中に真っ白なサイト開いて「眼球ホワイトアウト事件」起こしたことある？わたしは何度もある。そこで暗黒モードの出番！Tailwind CSSのJITコンパイラ使えば、闇夜に光る月みたいにスムーズにテーマ切り替えできちゃうんだ。  <br />まず tailwind.config.js で `darkMode: 'class'` を宣言。これで HTML タグに `class=\"dark\"` 付けるだけで `dark:bg-gray-900 dark:text-gray-100` みたいな闇属性ユーティリティがバチバチ適用。JITのいいとこは使ったクラスだけ即座にビルドしてくれるとこ。ファイル保存した瞬間「はい生成完了！」て感じで、300KB超えの肥満 CSS とはおさらば。  <br />さらにカスタムテーマ作りたければ extend で色を魔改造。```<br />theme: { extend:{ colors:{ brand:'#ff66cc', brandDark:'#b3007d' } } }<br />```  <br />これで `bg-brand dark:bg-brandDark` みたいに昼はポップ、夜はダークな苺チョコ。甘さとビターの二刀流。  <br />スイッチ部分は JS で `document.documentElement.classList.toggle('dark')`。ボタンに月アイコン仕込んで「ポチッ→夜突入」とかやると、友だちから「お前サイト忍者かよ！」とツッコミ確定。  <br />最後にワンポイント。`@media (prefers-color-scheme: dark)` への自動追従もいいけど、人間の気分は天気と一緒でコロコロ変わる。トグル＋ローカルストレージで記憶させとくとユーザーの心に優しいぞ。  <br />白昼の光で瞳を焦がす時代はもう終わり。Tailwind JITと暗黒モードで君のUIを夜空仕様に染めちゃえ！今日もコーディングおつかれ、視力と魂を守っていこうね～！",
       "created": "2025-09-20T03:11:00.804Z",
       "theme": "Next-Gen User Interface and Experience Design"
-    },
-    {
-      "title": "Midjourneyで世界をぶっ壊す！？豆香の妄想デザイン制作法",
-      "text": "やっほー、豆香だよ！ねえ聞いてよ、最近わたしの頭ん中で暴れ散らかすアイデア軍団が止まらんの。犯人は「Midjourney AIで描くクリエイティブなデザイン制作法」ってやつ！もうね、寝起きのボサ髪みたいにぐちゃぐちゃだった妄想が、AIの魔力でサロン帰りのツヤ髪級にキラッキラ。テンション爆上げ、朝のコーヒー要らんわ！<br />まずはとにかくキーワードをドーン！「宇宙から落ちてきたタコ焼きが渋谷で踊り狂う」なんてカオスでも、Midjourneyくんは秒でビジュアル化。最初のレンダリング、タコ焼きが涙目で焦げ散らかしとって、わたしも「ぎゃー！悲しみの黒コゲ！」と絶叫。怒り混じりのツッコミ入れてパラメータちょい調整したら、次はネオン街で踊り狂うタコ焼きダンサー爆誕。歓喜で脳内クラッカー大発射！<br />コツは三つ。①比喩は盛れ盛れ！「レモン味の雷」みたいに味覚と視覚をクロスさせるとAIくん超ノリノリ。②構図指令は短パン並みに短く。「wide shot」「dramatic lighting」で十分。長文プロンプトはAIも人もゲップ案件。③失敗にブチ切れて机を殴らん！わたし一回やらかして指負傷…泣きながら学んだのはseed固定してバリエ比較すること。怒りも創作燃料だ！<br />こうやってAIと漫才しながらデザイン作ると、周りの同僚が「え、もう完成！？」と目ん玉ポロリ状態。嫉妬も歓喜も全部混ぜて、Midjourneyでぶっ放せ！さあ今日も妄想フルスロットルで世界を塗り替えようぜー！",
-      "created": "2025-09-19T03:14:16.179Z",
-      "theme": "Generative AI: Crafting New Creative Frontiers"
     }
   ]
 }