chihiro@webサイト改善

サイト改善に特化したWeb制作者｜レイアウト最適化・SEO・表示速度改善を中心に発信｜ユーザー視点とデータをもとに「成果につながる設計」を重視｜コーディング視点からの実践的Tipsも共有｜丁寧で再現性のある改善ノウハウを発信中

[chihiro@webサイト改善 @k_obako]

slick-sliderからSwiperへの改修にて、影が思うようにつかない、「自分が触っている要素」よりも、「3階層上の親要素」を見たら解決することがよくある
1️⃣overflowが親要素にある
2️⃣heightの最適化
3️⃣position確認
4️⃣transformをnoneにしてみる
5️⃣z-index確認
#フロントエンド #親要素が原因 #Swiper

[chihiro@webサイト改善 @k_obako]

日本語説明記載ありがとうございます！分かりやすいです！

[たにぐち まこと／ちゃんとWeb withAI @seltzer]

そういえば、私もテンプレート階層図が改訂されなくて困っていたので、デザイナーに作ってもらったのがあったのでシェアします！　必要な方は自由に使って下さいー。
https://t.co/7Hbev4Qdy9

[chihiro@webサイト改善 @k_obako]

#ベンダープレフィックス必要なくなってきた
-moz- → Mozilla系（主に昔のFirefox）
-webkit- → WebKit系（昔のSafari / Chrome）正式仕様になる前”に、各ブラウザが独自実装していた頃の記述　#完全統一されてない仕様　や　#iOSSafari対策　ではまだ必要だけど

[てつ @tetsukawa1218]

自分軸がある人は「立派な夢を持っている人」じゃない。

自分の「できないこと」や「やりたくない本音」をすんなり受け入れている人。

「何者かにならなきゃ」という世間の正解を諦めるから、自然体の「本当の自分」が残る。

世間にあわせて立派な夢を探そうとすると、自分を苦しめるだけ。

ダメな自分を認め、世間の期待を潔くあきらめる。これが、やりたい事探しを終わらせる１番のヒケツ。

@tetsukawa1218

[セカヤサ@AI×Web制作💻小林 秀樹 @hideki_climax]

【今後の発信方針と、所信表明】

Web制作フリーランス10年目のセカヤサです。

最近AIの話ばかりしてますが、本業はWeb制作です。
クライアントのサイトを作って、公開して、運用サポートする。最近は特に運用面の仕事が多いです。

Web制作を10年やってきて、確信していることがあります。

AIで「動くもの」を作れる人は爆発的に増えた。
でも「公に出せるレベル」のものを作れる人は、全然増えてない。

✅ OGPを正しく設定できているか
✅ 画像を始めとした表示速度の最適化
✅ 綺麗なレスポンシブができているか
✅ フォームを正しく作れているか
✅ 最低限のセキュリティ

プロなら当たり前にやることが抜けたまま公開されていたり、議論されている。

これで「AIで誰でもサイトが作れるからエンジニアはいらない」？

舐めんなよ。

これは技術力だけの問題じゃなくて「知識」の問題。
知ってるか知らないかの差。小さい差に見えて、その差は大きいんです。

それだけじゃない。ただモノが作れたって、それだけじゃあクライアントの成果につながらない。

ろくにビジネスや経営、商売とはどういうことかも知らない人間が人の成果を上げることなど出来るはずがない。自分の生活も守れない、自立出来ないフリーランスがクライアントの成果にコミットする？

笑わせるな。

なので僕はこれから、この3つを発信していきます。

① AI × Web制作の実務（作る＋出す）
② Webサイトを「ちゃんと出す」ための知識
③ 副業・フリーランスとしてビジネスを回すリアル

「AIで誰でもできる！」とも「AIで仕事なくなる！」とも言いません。

現場の事実だけを発信します。

Web制作ブログ：https://t.co/jrgzhfnUaI
AI特化ブログ：https://t.co/68ZiFR2IKz
副業・フリーランス特化ブログ：https://t.co/httjrEDqFJ
有料記事：https://t.co/ifojJHWhyA

よろしくお願いします。

[橘 直人 @tachibana7010]

市原隼人さんのこの考え方、すごく好き

自分の人生で反省していることがあって、
もっと若い頃は、
「いい日になればいいな」とか
「いい環境になればいいな」とか
「いい人が寄ってきたらいいな」とか
他人任せにしていたんです。

でも、それは全部間違いだった。

自分がいい日にすればいいんです。
自分がいい環境を作る努力をすればいいんです。
自分がいい人付き合いをするために、
自分から優しさを提示したり
自分から挨拶をしたり

本当に、すべては、自分次第なんだと。

365日24時間、自分次第で
いい未来を作れる分岐点にいるということを、
頭の隅っこでもいいので
忘れないでいただけたら
人生もっと楽しめるのかなって思います。

変わるのを待つのではなく、自分から変わっていく。ほんの少しの意識が、人生を豊かにしていくんだよね。

[おさぼりさん @osabori_code]

AIを副業で使って稼ぎたい人に
「AI副業完全ロードマップ」を
無料で受け取れるようにしてます。

こちらから↓
https://t.co/DRLaWWt6DY

※LINEが上手く開けない場合は 「URLをタップ」 →「小さく表示されるURLをタップ」 →「ブラウザで開く」をタップ押すと開けます！

[すぎそん｜デザイナー @suuun82]

デザイナーの頭の中🧠

デザイナー育成で「どうやったらレベルアップできるのか？」を考えていた時に、やらないといけないこと、 勉強しないといけないこと、 考えないといけないことが本当に多いな…と思って、 頭の中を可視化してみました。

デザインって、 見た目を作る仕事というより、 色んな要素を同時に整理して、繋いで、形にしていく仕事なんだなというのがよく分かりますね👀

[chihiro@webサイト改善 @k_obako]

WEBフォントのフォールバック設定
font-display: swap; を使用すると、Webフォントが読み込まれるまで、代替フォントが代わりに表示出来てCLS対策になる

[chihiro@webサイト改善 @k_obako]

@kenhori2 いつも楽しみにしてます！

[chihiro@webサイト改善 @k_obako]

@tutaetaikotoba1 海ですか？

[どく姉 @dokuneee]

これ見えたらいいねして

100人に1人しか見えないらしい

[ささき @Sasaki___web]

政府も本気です。” デジタルスキル ”を勉強しない人が多すぎるから、『足りないスキルを身につける』320講座以上を無料で公開中。無料だからってバカにしちゃダメ。提供団体は「グーグル」「ヤフー」「マイクロソフト」「フェイスブックジャパン」「アドビ」ガチな講座が学べる。詳細はリプ欄です。

[chihiro@webサイト改善 @k_obako]

WEB制作をしていて、headerのロゴ画像を<h1>でくくるサイトって本当に多い。HTML構文におては問題ないし、私も正しいと思っていたが、SEOについて改めて勉強してすっきり。h1はページごとで考えるのが正しいことが分かった。使い回すコードにhタグを使うのはやめよう！#WEBMARKS　＃h1

[chihiro@webサイト改善 @k_obako]

@tamori___morita 本当にそれです！

[chihiro@webサイト改善 @k_obako]

@halukik_0520 フォローRT👍️しました。
お待ちしております。

[コンドウハルキ｜Harukaze @halukik_0520]

こちら引き続き大反響です、、！！！

2500名以上の方に個別で送信してるため、一部漏れがあって正しく受け取れてない方もいるみたいです😭

まだの方はぜひ！もし受け取れない方はご連絡くださいー！

[chihiro@webサイト改善 @k_obako]

@pulpxstyle こういった広告の表示、わりと使いたがる方がおおいです。pcの画面サイズでもユーザーは同じ印象を持つのでしょうか？

[Kobayashi - the bond studio @pulpxstyle]

これだけは気をつけたい！ユーザーが不快感を感じるNG要素4つ

[Kobayashi - the bond studio @pulpxstyle]

"やわらかいイメージ" にしたい時にスタメンで使える即戦力フォント