aki 🌸 Webコーダー

#irocode 2.5期 ▷制作会社でパートタイムコーダー ▷家族との時間も大事にしたい ▷1人娘👧＋義母との3人暮らし、夫は単身赴任中 ⚠️勧誘系お断り

[池田 泰延 @clockmaker]

フロントエンドでの、衝撃的なニュース。

Viteの開発元のVoidZeroが、Cloudflareに参加することに！
https://t.co/TxFtBWswYp

[aki 🌸 Webコーダー @DesignAkwkn]

「使い物にならなくなった」──6月1日からの「GitHub Copilot」新料金、SNSで不満続出　他ツールへの移行表明も(ITmedia NEWS)
#Yahooニュース
https://t.co/pliv8JBWLB

[ITmedia NEWS @itmedia_news]

デザイン書の老舗・MdNが消滅へ　インプレスに吸収合併
https://t.co/H8Gd1SzpCw

[コリス🍡🍭 @colisscom]

CSSのpow()関数が便利！ フォントサイズをレスポンシブ対応にするCSSの新しいテクニック

https://t.co/VdaZZLe4Cy

[aki 🌸 Webコーダー @DesignAkwkn]

えっ、また値上げ⁉️😨

ＴＯＨＯシネマズ、映画鑑賞料金を改定へ 60歳以上の「シニア」100円値上げほか、7月1日より https://t.co/OYe64ztEVY

[aki 🌸 Webコーダー @DesignAkwkn]

子どもにスマホを持たせたときについて、ブログに纏めてみました。
子供のスマホどうする？ https://t.co/RC2GCNfSS3 @DesignAkwknより

[aki 🌸 Webコーダー @DesignAkwkn]

2026年の中央寄せ事情
The State of CSS Centering in 2026 - https://t.co/1WtjTYgLEC

[ちい🐼 | AI×Web制作で人生に選択肢を @tsurupiyooo]

Web制作を学習していると

・titleってなんで大事なの？
・altって入れる意味あるの？
・画像サイズや width / height って、そんなに必要？

と思ったことないですか？🥹

でも実は、こういう細かい実装が「検索エンジンに内容を伝える」土台 になっています🌿

見た目の再現はもちろんだけど、意味が伝わるコード を書けるようになると、サイト制作の質はぐっと上がる☺️

ただ細かい知識を点で覚えようとすると、「なんのために必要なんだっけ？」と迷いやすいので

こうやって全体像から逆算して見ると、一つひとつの実装の意味も理解できて腹落ちしやすくなるよ🙌

今回はコーダー向けに、公開前に見返したいポイント を図解にまとめてみました🐣

[池田 泰延 @clockmaker]

記事を書きました！ ここ数年のHTML・CSSの進化で、ハンバーガーメニューが作りやすくなっています。

<dialog>タグを中心に、ハンバーガーメニューのモダンな作り方を解説しました。
https://t.co/mbf8SahGiH

[aki 🌸 Webコーダー @DesignAkwkn]

これは分かりやすい✨
図解ありがとうございます！

[ちい🐼 | AI×Web制作で人生に選択肢を @tsurupiyooo]

案件納品後に「このサイトは検索にいつ出てくるんですか？」って聞かれた時、駆け出しWeb制作者の頃は公開までの流れを理解してなくて焦りました🥹

制作会社からいただく案件では、SEO対策について細かく指示されることは（私の経験上は）わりと少ないけど

この辺も知っておけば、いただいた案件に対して効果的な提案もしやすくなるから

サイトが公開されたあと、Googleの検索エンジンに表示されるまでの流れを図解にまとめました🐣✨

[ITmedia NEWS @itmedia_news]

「食品減税」と「所得連動給付」どっちがお得？　年収などから分かるシミュレータ、チームみらいが公開
https://t.co/5HJLyxVVVW

[コリス🍡🍭 @colisscom]

HTMLはそのままで、classを加えるだけですべてが魅力的に変わるモーションファーストのCSSフレームワーク -AliveUI

https://t.co/XLalLvizTG

[aki 🌸 Webコーダー @DesignAkwkn]

@_tsukik0 GPTの性別は特に無いらしいんですが、私が男性と思われてるのかもしれません😂
同じプロンプトでも、こんなに画像も変わるもんなんですねー。
いつも面白いネタをありがとうございます✨

[aki 🌸 Webコーダー @DesignAkwkn]

私の場合はこうなりました。
最初はロボットとして出てきたんです😂
｢普通の人間として｣と追加したら、こんな感じになりました。
ちゃん付けで呼んでるのに、どーして男性なんでしょう⁉️
そしてchigaruさんのと大きく違うのは、めっちゃ独りやしお洒落なカフェでもないし😂

[chiharu / チハル@Webコーダー @_tsukik0]

ええと、この右の彼が私のGPTらしいです。

GPTに今の姿を自分で作成してっていうプロンプト見つけたので、試したらこうなりました。

リアルな画像作るなぁ

プロンプト↓

[aki 🌸 Webコーダー @DesignAkwkn]

今日のプリキュアで次回予告で発表されて、母娘でびっくりしました✨観なくちゃ👀

＜名探偵コナン×名探偵プリキュア！＞異例のコラボ　放送局、制作会社の垣根超えて「プリキュア！」にコナン、「コナン」にキュアアンサー登場(MANTANWEB)
#Yahooニュース
https://t.co/4v9tLYJbJS

[鹿野 壮 Takeshi Kano @tonkotsuboy_com]

CSSのDos / Don'tsを、Googleさんが言ってくれるの本当にありがたいですね。
→ https://t.co/Bb58weZSmQ
#イマドキCSS

[ろびー【CSS小技✨】 @Robby_WebDesign]

CSS小技✨
文章の最大幅にpxを使うな！
レスポンシブ用に width: min(90%, ○○px)と
1行で書くモダンな設計思想💻
でも上限にpxを使うと、文字を大きくした時に
不自然な改行で大崩れする🤔
正解は【width: min(90%, ○○ch)】
文字の拡大に合わせて枠ごと広がる👍
#CSS #Web制作 #100DaysOfCode

[aki 🌸 Webコーダー @DesignAkwkn]

拡張機能を全てインストールし直すのが手間です😭

[🍺 イケハヤ@アニメ作る人 @IHayato]

困ってる人多そうなのでピックアップして共有。

Antigravityをアップデートしたら、デザイン変わってしまって困ってる方は「Antigravity IDE」を新規でDLすればOKです。

2つに分かれた感じですね。やっぱりIDEがいいんですよね、、、
https://t.co/Yxqj7d7Cmz

[ちい🐼 | AI×Web制作で人生に選択肢を @tsurupiyooo]

PCデザインのみでスマホはよしなに対応。

コーダーが実務で結構出会う場面だけど、最初は毎回「どう組んだらいいんだろ…」って悩んでた🫠

でもよくあるレイアウト変換ってパターンがあるから、それを覚えたらあんまり迷わなくなったんだよね💡

あとclamp()はこういう時よく使うから、これも覚えておくと超便利✨

パターン知ってれば怖くなくなる🤝
図解にまとめたからチェックしてみてね🤍

[山田全自動 @y_haiku]

何も長続きしない人と続けられる人の違いあるあるでござる。みんなはどっちのタイプでござる？？