yuiga@Webエンジニア

野球とゲームと藤沢周平。
制作会社に7~8年いた後、2023/1からフリーランスに専念してます。
家具職人→職業訓練→制作会社→フリーランス。
html/css/js(jquery/vue/react)/php/cms(wp/mt/shopify)。

[yuiga@Webエンジニア @yuigump]

いつもわかりやすい動画…！

[池田 泰延 @clockmaker]

CSSのeaseで失敗しないコツ。

私の経験則ですが、ウェブのUIには、linearやease-outを避けるのが吉。比較動画で解説します。

[yuiga@Webエンジニア @yuigump]

Wordのテキスト流し込みは時間かかるんだよ…！
改行が変な文字になったりするし…。時間かかるの無意識に理解してるから、他人にお願いしてるという人もいた。

[ふゆ@デザイナー @fuyu66666]

【上司からもらったメール】
ずっとモヤモヤしています
他の仕事もあるし、
急ぎで修正とも聞いていない
「流し込むだけ」でもない
文字送り・文字間調整、
文字量に合わせてレイアウトの変更

理由を返信したのに
その後何もリアクションなし
納得してくれたのだろうか...🙄

＃修正
＃今日の積み上げ

[yuiga@Webエンジニア @yuigump]

@kobitoCode ホントそれです…！

[yuiga@Webエンジニア @yuigump]

わかりすぎる…

[こびと @kobitoCode]

オンラインミーティングでよくある、1つの会議室っぽいところに大画面でZoomとかを表示し、巨大テーブルを複数名で囲み、真ん中にマイクとかが置いてある。みたいなシチュエーション、ことごとく音がボヤボヤしてて、何度も聞き返してしまうな。

[yuiga@Webエンジニア @yuigump]

初めてオイスターソースを使い切れた

[yuiga@Webエンジニア @yuigump]

エックスサーバー使ってて良かった

[エックスサーバー【公式】 @xserverjp]

エックスサーバー株式会社は、
石川県へ1,000万円の寄附を行った功績が認められ、内閣府より「紺綬褒章」を受章しました。

本寄附は、令和6年に発生した奥能登豪雨の復旧・復興支援を目的としたものです。

今後もインターネットインフラを支える企業として、地域社会への貢献に取り組んでまいります。

詳細はリプ欄をご確認ください👇

[yuiga@Webエンジニア @yuigump]

アメリカンジョークかと思ったけど、事実なのか…？

[佐藤 大輔 オープントーン @satou_ot]

昔LPやフォームなど簡単な制作でお願いいしていたが。
「納品物にFatal Errorが３つ出てます」
→「修正は２回までですので治すエラーを２つ選んでください」
と言われてからクラウドソーシングは使っていないですw

[yuiga@Webエンジニア @yuigump]

この記事面白かった。ニュースで詳しくやらないアメリカの実情が理解出来た。結局人よな…。

年収2500万でも貧困層？ 米マイクロソフトに18年勤務した日本人エンジニアが「日本は健全」と語るワケ
@Etype_mag  https://t.co/oQQxKckhcL

[yuiga@Webエンジニア @yuigump]

苦労したからタイトルだけでイイねしちゃう…

[池田 泰延 @clockmaker]

記事を書きました！
IE対応に苦労したフロントエンドエンジニアの方々へ。

君はIE11を覚えているか？ 2010年代のHTML制作は何が大変だったか - ICS MEDIA https://t.co/NrFZSMmUvT

[yuiga@Webエンジニア @yuigump]

これは助かる

[Shin@プログラミングチュートリアル @Shin_Engineer]

Antigravityを使ってみたいと思います！Cursorと比較してメリット・デメリットをYoutubeで紹介する動画を撮るかもです。その次はClaude Codeに戻ってみて、現在どうなっているのか、それも比較検討してみます。

[yuiga@Webエンジニア @yuigump]

チャンネル登録したことなかったけど、初めて登録しようかなと思う…！

[池田 泰延 @clockmaker]

YouTubeにこれからたくさん掲載していきますので、ぜひ「チャンネル登録」をお願いします！
https://t.co/wsAaqtS0zc

・HTML・CSS・JavaScriptの最新情報
・カンファレンスや勉強会の登壇
・ICS MEDIAの記事を動画でわかりやすく

[エックスサーバー【公式】 @xserverjp]

⚠️「メール転送設定」には以下の注意点があります。

・Gmail側で迷惑メール判定される場合がある
・ごく稀に、メールが正常に届かない可能性がある

そのため重要なメールの見落としを防ぐには、弊社「WEBメール」の併用や、他のメールソフトへの移行など、より確実な確認手段もあわせて確保されることをおすすめします。

詳細は以下のニュースページをご確認ください。
https://t.co/sObB3FDWOg

[yuiga@Webエンジニア @yuigump]

macbook高いけど買ってしまった。大事に使おう…。

[yuiga@Webエンジニア @yuigump]

歯ぎしりが強すぎて、歯の神経がやられました。

[yuiga@Webエンジニア @yuigump]

3DモデルもGLSLも出来ちゃうのか…！

[Shin@プログラミングチュートリアル @Shin_Engineer]

とりあえずGemini 3 ProがどんなWebサイトまで表現できるか遊び倒してみます。以下が最初のプロンプトです。今夜Youtubeでも解説します。

```
高級腕時計の3Dプロダクト体験ページを設計してください。
**ターゲット：**富裕層、時計愛好家、30-50代のビジネスパーソン
**ブランドトーン：**ラグジュアリー × テック（モダンで洗練されたハイエンド感）
スクロール体験（5セクション構成）：
ヒーローセクション - 暗闇から腕時計が徐々に光に照らされながら回転登場。カスタムシェーダーでホログラフィック効果とフレネル反射を実装
ディテールズーム - 文字盤のクローズアップ。GLSLでメタリックな反射、視差マッピング、リアルタイムの光沢表現
機構の分解 - 時計が分解され、内部のムーブメント機構が浮遊。ディスプレイスメントシェーダーでエネルギーフィールド効果、各パーツにグローエフェクト
マテリアル体験 - 異なる素材バリエーション切り替え。PBRシェーダーで金属感、ガラスの屈折、チタンのマット質感を物理ベースで表現
エンディング - 時計が組み上がり、背景にカスタムシェーダーで作った抽象的なグラデーションメッシュ。ポストプロセッシングでブルーム、被写界深度
**技術スタック：**Next.js 15 + Three.js + React Three Fiber + GLSL(カスタムシェーダー) + react-postprocessing + Lenis
シェーダー要件：
フレネル反射シェーダー（リム光効果）
PBRマテリアルシェーダー（粗さ、メタリック、AO）
ホログラフィックシェーダー（虹色の干渉効果）
ディスプレイスメントシェーダー（波打ち、歪み効果）
カスタム背景シェーダー（グラデーションノイズ）
ポストプロセス：Bloom, ChromaticAberration, DepthOfField, Vignette
以下を具体的な数値で提案してください：
各セクションのscroll範囲（%または vh単位）
アニメーションパラメータ（position, rotation, scale等の開始/終了値）
イージング関数（ease type）
カメラのFOV、position、target値
ライティング設定（強度、色、位置）
各シェーダーのuniform値（時間経過、スクロール進行度、色相、強度など）
```

モデルは自作で用意すると尚良いと思います。nano-banana-proで3Dモデルも頑張れば作れると思います。

[yuiga@Webエンジニア @yuigump]

めっちゃありがとうございます！！

[Biscuit | アプリ統合ブラウザ @biscuit_ja]

長らくお待たせしました！Biscuitの新バージョンリリースです。

💪改善
・Electron 39に更新（Chrome 142相当）
Slack等でのブラウザサポートの警告が解消されるはずです。

Biscuitを再起動して少し待つと自動でバージョンアップします！

今後は定期的にバージョンアップしていきたいと思います🙌

[yuiga@Webエンジニア @yuigump]

クセでwebp使わないようにしないと。

[池田 泰延 @clockmaker]

webpが話題になっていますが、すでに全ブラウザが対応している「AVIF」をウェブ制作者は使いましょう。

webpの画質とファイル容量のコスパは優れていないと個人的に思っていますが、AVIFは圧倒的に効率が良いです。
https://t.co/ROKXobnsPP

[瀬尾 @seoryco]

WordPress 4.9
PHP 7.0
化石化したプラグイン多数

うーん…

[ICS MEDIA @icsweb]

新着記事のお知らせ

簡単で効果大！ Three.jsのポストプロセスで映える3D表現 - ICS MEDIA https://t.co/kuqWNaAB8f
#WebGPU

[yuiga@Webエンジニア @yuigump]

次の仕事どうするか…