
Appleの新デザイン「Liquid Glass」をCSSとSVGでまねしてみた話
Appleの新しい「Liquid Glass」UIエフェクトをウェブで再現するって、実はできるんだよね。CSSとSVG、それにちょっとした計算を使ったら結構いい感じにできたから、その試みをゆるく紹介するよ。
Category: Web Development | Page 2 / 3 (104 items)

Appleの新しい「Liquid Glass」UIエフェクトをウェブで再現するって、実はできるんだよね。CSSとSVG、それにちょっとした計算を使ったら結構いい感じにできたから、その試みをゆるく紹介するよ。

ゲーム好きのわたしが「ゲーム向けのTwitterみたいなサイト」を自作してみたら、思ってたより大変でちょっと後悔気味…。そんな開発あるあると気づきをシェアします✨

AIツールのコード、見た目は動いても意外と中身がゴチャゴチャ…ちゃんと中身を見て賢く使おうって話。

データベースの設計に引きずられて、APIがゴチャゴチャになったことない?APIはクライアントのための約束事。DBスキーマとAPIを別モノで考えると、意外と楽になるよって話。

新しい仕事のスタートでいきなり“Vibe-coded”された謎プロジェクトを渡されて、AIで直せばOKと言われた話。技術的にツラくても「AIがやるから大丈夫」って聞いてもらえなくて、リーダーシップってこんなもの?と戸惑った体験をゆるっと語ります。

日本語を勉強するなら、無料で使えて見た目にもこだわれるオープンソースの学習プラットフォームがあったらいいな、と思った話。開発者がどんな想いで作っているのかも紹介します。

インスタやYouTube、Facebookまで、どのサービスもユーザーの顔写真が丸い理由を、ちょっと気になって調べてみました。見た目だけじゃない、デザインの秘密をゆるっと解説!

15年もLinuxで開発してきたチームが「もうLinux使えないよ!」って言われて困惑。Dockerはあるけど、MacとWindows(WSL)のどっちに乗り換える?そのあたりのリアルな悩みをゆるっとシェアします。
ブラウザのタブタイトルにブライル文字を使って「スネーク」ゲームが動く不思議な仕組みを紹介。気軽に試せる遊び心あふれるアイデアです。

デザイナーとエンジニアの仲間から教わった、ウェブページの雰囲気をさりげなくアップさせるコツを紹介します。初心者でもすぐ真似できる方法だよ!

最初はシンプルだったはずのプログラミングが、いつの間にかたくさんのツールを使いこなす作業になってる…そのモヤモヤをゆるっと話してみるよ。

AI開発に必要なデータ収集の裏側で起きた、ちょっとしたトラブルとその対処法について。低コストなシステムでも意外と耐えられた経験から学んだことをシェアします。

JavaScriptで地味に手間だった文字列の調整、実は「padStart」と「padEnd」で簡単にできるんです。それだけじゃなくて、フォームのsubmitで直接JavaScriptを実行したり、data属性をまとめて取れる便利な方法も紹介します💡

画像のファイルサイズを小さくできるWebPだけど、実はまだまだ使われてないことも。なんで?をゆるっと解説するよ。

Webアプリでファイルをダウンロードしようとしたときにぶつかる「CORSポリシー」の壁。その仕組みと、多くのダウンロードサイトがどうやってこの問題を回避しているのかをわかりやすく解説します。

開発者コミュニティで、丁寧なコメントを書くとすぐに「AIが書いた?」って疑われちゃう現象について、気づいたことや考えたことをゆるっと話してみます。

新卒で入った仕事が「フルスタック」じゃなくてテクサポばかり。そこから独学&起業チャレンジを続けるも、理想のプロダクトを追い求めてローンチが延び延びに。そんな焦りや葛藤を正直に語ります。

Vibeコーディングツールは初心者に優しいって聞くけど、実際はどうなの?コードが読めない人にとっての「ブラックボックス」問題について、使ってみた感想をまじえて話します。

フロントエンドの仕事を目指して挑戦した試用課題で、納期ギリギリに提出したら「ピクセルパーフェクトじゃないから不合格」と言われた話。これって試験失敗?それとも…ただの無料労働だったの?そんなモヤモヤをゆるっと語ります。

AIがプログラミングをどれだけ頑張っても、意外と「ここがダメ」ってところがあって、まだ人間の開発者が必要だなぁって思う話をまとめました。AIに頼りすぎる前に知っておきたいリアルな失敗例を紹介!

新しいウェブサイトを作る会社に疑問があったけど、言い出したらトラブルに…そんな状況でどう動くべきか、リアルな体験談から考えてみたよ。

「ウェブサイトのURLって、なぜ数字のIDとタイトルっぽい文字列の両方が入ってるの?」って思ったことない?今回はその理由をシンプルにまとめてみたよ💡

ファイルを小さくしたいだけだったのに…FFmpegで迷子になったわたしが、どうやって乗り越えたかをゆるっと紹介。みんなもコマンドはメモってる?そんな話だよ💡

メルマガや広告メールの「配信停止」って、なぜかやたら手間がかかることない?実際に体験したちょっとイライラする話を通じて、シンプルな解除方法の大切さを考えてみたよ。

GoogleのChrome公式ページをスクロールしたら、思わず「ん?」ってなった話。最近のウェブサイトのスクロール体験って、みんな快適なのかな?わたしはちょっと違和感アリだったんだよね💭

シニアエンジニアのポジションをもらったけど「自分、ほんとに大丈夫?」って不安になる気持ち。成長に悩むフロントエンドエンジニアの本音と、その一歩を踏み出すヒントについて話します。

AIにコードや画像を作らせるときの、思わず笑っちゃうくらい手こずる感じを「ロバの手綱さばき」に例えてみたよ。これ、使ったことある人なら絶対共感するはず!

APIのページネーションで、最初のレスポンスにデータがなくてトークンだけ返す設計は結構ストレス。余計な通信が増えてしまう理由を、実体験も交えてわかりやすく解説します。

JavaScriptでプロパティを消すとき、deleteを使うのはやっぱりパフォーマンスに影響する?色々試してみた結果と、実際どう使い分けるかの話をシンプルにまとめました。

デスクトップでは普通に使える「🏀.to」のような絵文字ドメインが、なぜかAndroid版Firefoxだけ検索になっちゃう問題について、わかりやすくお話しします。どうしてそうなるの?って疑問に寄り添う感じで解説するよ!

CORSの存在理由って知ってる?「認証付きリクエストを別のサイトに送らせないため」だけど、じゃあそれ自体どうして起こるの?そんな素朴な疑問から、CORSの仕組みと意味をゆる〜く解説します。

「ノリでコードを書く」スタイルは楽しいけど、それだけだとスキルが身につきにくいって知ってた?実際に役立つ技術をちゃんと身につけるためのポイントをわかりやすく紹介するよ💡

かつては自由で気軽だったウェブが、いつのまにか「うーん…」なサイトだらけに。訪れるたびに感じるストレスの原因と、ちょっとだけ考えてみたこと。

採用のための課題が「なんか変…」って感じたとき、どう考えたらいいか。AIっぽい文章ばかりで不安になる人に向けて、気をつけたいポイントをゆるっと解説します。

CoinbaseのCEOが、AIツールを使わないエンジニアを解雇したと明かしたエピソードから、「仕事におけるAI活用の重要性」や「変わりゆく働き方」について考えてみました。意外と身近なテーマかもしれません。

シンプルで使いやすいのに、見た目がキラッとかわいいウェブコンポーネントの無料ライブラリ「Unicorn」を紹介。サイトの雰囲気を気軽に変えたい人におすすめ!

スタートアップから大手まで、チームリーダーにはなぜかバックエンドエンジニアが多い気がする。この傾向の背景や、フロントエンドエンジニアがリーダーになりにくい理由について、ざっくり考えてみました。

Philipsのスマート電球をGoogle Fitと連携させて、2時間動かなかったら赤く光って「起きろ」アピールしてくれる仕組みを作った話。ちょっと変だけど、かわいい自動化にチャレンジしてみたよ✨

CAPTCHAってただの面倒なチェックだと思ってたけど、こんなに奇妙でクセの強いデザインもあるんだって気づいた話。Redditで話題になった「呪われたCAPTCHA」第2弾を紹介します!

カスタム開発の現場でよくある「安さで選ばれたけど…」という経験から、安さと価値の違いについて考えてみた話。