komori, masaaki

こもりまさあき。フリーランスで活動し始めて25年。これまで手がけたWeb制作関連書籍は執筆／監修含め多数。2025年秋よりFigma関連の解説動画、TypeScirptやReact、Tailwind CSSなどの初心者向け解説動画など販売中。Unsplashの全投稿者中、最も閲覧数の多い500人の中の1人でもあります。

[みのるん @minorun365]

未だに3年前のノリで「AI活用」って言ってるのが悲しいなぁ…

[ちんにい @chinniisan]

これほどまでに「死ぬ気」という言葉が軽い奴おる⁉️本当に死ぬ気でやってんならこんな番組出てる暇ないんだよな。

[komori, masaaki @cipher]

Astro Docs MCPとかContext7とか使えるとそれを参照するようにしてあるので最新事情にも対応できるし、Tailwind CSSのクラス名がいけてないのがあっても直してくれるおまけ付き

[komori, masaaki @cipher]

Astroでできたサイトの中身をチェックして最適化する「astro-doctor」ができた。どのレベルで最適化するか選べて、その度合いに応じてチェックして最適化提案して実行してくれる。最上位だとReactのコンポーネントとかも作ってくれるのでありがたし。

[komori, masaaki @cipher]

事業会社でサービス作ってるような方にはいまいちピンとこないかもしれないけど、個人とか制作会社で受託でサイト作ってるような方だと便利だと思う。CMS化とかする前に何かしら作るはずだし、なんてったってこの時点でもうアクセシビリティにもある程度配慮されたコードができてるんだから。

[komori, masaaki @cipher]

作りたいものを放り投げて入れたい内容を指示し、コード上でレイアウトパターンを複数出してもらって、使いたい部分だけ取り出してミックスしたり、一個選んで細部を詰めていって仕上げていくも良し、できたのをFigmaに持っていって詰めるも良し。手作業で土台からやるよりは遙かに速い。

[NHK PR @NHK_PR]

【こころの時代】

なぜムーミン谷では「違い」を持つ存在たちが共にいられるのか。

戦禍で生まれた #ムーミン の物語と、著者トーベヤンソンの人生、物語に込められた祈りをひもときます。

7（日）午前5:00 #Eテレ
※月曜放送の再放送です。
https://t.co/idTvZV9lY5

[komori, masaaki @cipher]

作業環境の用意、DESIGN.mdの生成、タイプスケールの設定で3分、単体のモックアップ、複数パターンの提案でそれぞれ3〜5分、10分ぐらいあればコードで実装されたものができるから、最初の指示出してカップラーメンにお湯入れて3分、食べる前に次の指示出してゆっくり食べるってことができますね。

[komori, masaaki @cipher]

モックアップ作るスキルにサイトやアプリの種別、作るページとかを選んだ後、必須のセクション、オプションのセクションをそれぞれ選択できるようにした。これまではAIまかせでサイトの種別にあわせて作ってたんだけど。これで後からこれ追加して、の回数を減らせる

[警察庁 @NPA_KOHO]

闇バイトで人生を棒に振らないために、周りの子供達に次の５つのことを直接お伝えいただければと思います。
https://t.co/nEzZPir5CN
https://t.co/FA3YIbPki0

[津田大介 @tsuda]

自民党が勝ち続ける限り、こういう公選法が想定していない法の穴をくぐり抜けるグレーな選挙活動は横行していくので、影響が大きい全国の首長選挙がハッキングされないよう、それをかつてないスケールでやっている親玉であるところの首相の誹謗中傷投稿自動生成拡散問題を全力で追求しないと終わる。

[Hiroki Tani / Figma @hiloki]

仕上がったデザインのバリアブルやコンポーネントの適用のチェック、テキストと背景のコントラストチェックなどを機械的におこなえるCheck Designs の機能がリリースされました！ビジネスプラン、エンタープライズプランでご利用いただけます。ぜひお試しを！

[津田大介 @tsuda]

ここ数日の国会答弁があまりにも酷すぎるのでようやく地上波も本気出して追求始めたね。ここまで長かったな……。

[ニコニコニュース @nico_nico_news]

東京大学大学院教授の本田由紀氏が国会前デモでスピーチ「人々の生命、生活、尊厳を守るという原則を目指すどころか、それとは真逆のような振る舞いをし続けているのが自民党であり、その醜悪な部分を煮詰めたような首相が安倍晋三であり、現在の高市早苗です」「そこをどけ！」
#戦争させない0529

[komori, masaaki @cipher]

Astro講座の準備しながらいろんなスキルが改良され更新されていく。その一部は以下で公開中。`*-skill` って名前が付いてるのがスキルです。

https://t.co/3L9ujVHwEu

[komori, masaaki @cipher]

基本Viteで動いてるHTMLとかAstro環境でプレビューファイル作る用途なのだけど、「DESIGN.mdだけ先に用意してCSSがない」ってこともありそうだから、CSSが見当たらなかったらTailwind CSSのテーマにしたCSSを自動的に作るし、何なら移植用のCSS書き出しオプション付けた。

https://t.co/MQDGbM9cb0

[ITmedia NEWS @itmedia_news]

東芝や無印良品など、複数の企業で「不審なログイン画面」　各社が注意呼びかけ　「polyfill io」経由か
https://t.co/6JbA1JOLCo

[komori, masaaki @cipher]

何かあるひとつの修正を加えると、他のところまで気を利かせて言わなくても処理してくれるようになって、AIさん偉いね。

[komori, masaaki @cipher]

さっきのUNIQLOはこれを拝借したので、直接ダウンロードでどうしようかと考えた結果。

https://t.co/G6OI8sY798

[komori, masaaki @cipher]

単体で公開している「create-design-md」スキルにもペーストモード追加しました。直接ダウンロードになるとか、認証が必要な環境下のURLだと使えなかったので、マークダウンの中身だけペタッとできるように

https://t.co/fXDTCR41F7