- すべて
- 画像・動画
並べ替え:新着順
JSONファイルを import data from "./data.json" with { type: "json" } で直接読み込めるようになり fetch() や JSON.parse() の面倒な処理が不要に!ブラウザが標準対応でモダンJS開発がさらに快適になる🚀 #WebDev #JavaScript web.dev/blog/json-impo…
返信先:@akira_freestyleJavaScriptでテキストを1文字ずつ表示するアニメーションを実装しました!🚀 #Webdev #JavaScript #Text #Animation #Design #WebDesign #デザイン #Webデザイン
JavaScript Text Animation | JavaScriptでテキストを1文字ずつ表示するアニメーションを実装する youtu.be/pXNy-kQfzoI #Webdev #JavaScript #Text #Animation #Design #WebDesign #デザイン #Webデザイン
Astroすごいのね 存在そのものを知らなかった Cloudflare × Astroって感じがいいのかな? ウェブも技術の進歩が早くて追いつくのが大変だ 今週はウェブ案件で終わりそう #WebDev #Astro #Cloudflare
フロントエンドフレームワーク 共通の考え方 #typescript #frontend #webdev #dormosheio #vuejs #spa #javascript #frontenddev dormoshe.io/trending-news/…
🚀 AIでAngryBirds風ゲームを作成してみました ✨ 特徴: - リアルタイム物理演算 - 衝突判定システム - パチンコ式発射機構 - スコアリングシステム たった数分でここまで作れるAIの進化に驚愕... ゲーム業界の未来が見えてきた 🎮 #AI #GameDev #WebDev #JavaScript #Physics pic.x.com/a8kjiYZfOf
📸CSS小技✨ SVG × mask × parallax 背景に依存せず“画像だけ”切り抜き表示! マスクはSVGで自由に設計できるし、 parallax効果もtransition+object-positionでOK🙆♀️ hoverすると画像がスルッと動く! #CSS #webdev #Codejump pic.x.com/ona3XpAiAm
返信先:@5dngaVX48o1582Hey there! 🌟 Check out our latest project for Code Jump's "ストアサイト(インテリア) Products詳細ページ" with a focus on 900px. 📱 We crafted this masterpiece in just 1 hour using our #coding, #html, #css, and #JavaScript skills. 💻 #webdev #design #webdesign
🖊️Tips🖊️ メインメニューのススメ メインメニューを設計する際は、ユーザーが最短経路でアクセスできるよう意識しましょう。 これをステアリングと呼びますが、リテンションや転換率に大きく影響します。 複雑な階層でも単純化する努力をしましょう! #UIデザイン #WebDev pic.x.com/W2ZKRXN3Z7
🚨 SPA開発での罠にハマった話 開発環境:✅ 完璧に動作 AWS本番環境:❌ 404エラー 原因:相対パスでAPI呼び出し js// NG fetch(`/api/forms/${id}/public`) // OK fetch(`${API_BASE_URL}/forms/${id}/public`) 開発と本番でドメインが違う時は絶対URL必須 💡 #WebDev #AWS #SvelteKit
🚀 Gemini 2.5 Pro最新版がWebDevArenaで首位獲得!DeepSeek R1・Grok 3を圧倒する性能を競合の8分の1価格(100万トークン1.25ドル)で実現。AIコーディングの価格破壊が始まった #innovaTopia #Gemini25Pro #AI #コーディング #価格破壊 #Google #WebDev #プログラミング innovatopia.jp/ai/ai-news/568…
💡デザインのコツ 〜 文脈効果 〜 人は全体情報を読み取れないと個別情報を理解できません。文脈効果と呼ばれるそれは、対象となる情報そのものよりも、前後の情報にこそ意味があることを示唆しています。 前後の情報をリッチにしましょう👍️ #UIデザイン #WebDev #design pic.x.com/Yuxdj3iduF
ポートフォリオサイトをClaude CodeとVibe Codingして錬成しました!! 今まで制作物とかプロフィールとかを載せてます〜 void2610.dev #ClaudeCode #vibecoding #WebDev
💡デザインのコツ 〜 ナッジする 〜 人間の判断に対し、UIが誘導することで便利になります。 ナッジは、ユーザーが効率的に選択できるための仕組みです。 カレンダーから今日の日付を選択できるのもナッジ。 ユーザーが効率的に選択できるよう配慮しましょう。 #UIデザイン #WebDev pic.x.com/qZyKTNK6cj
💡デザインのコツ 〜 決断疲れ防止 〜 人間誰しも長時間の作業や意思決定は辛いものです。 ユーザーが心理的負担を抱えないようにセーブポイントを作りましょう。 フォームによくある下書き保存機能は代表例。 いつでも中断し、いつでも再開できる環境こそ👍️ #UIデザイン #WebDev pic.x.com/kcXxBuxIL3
💡デザインのコツ 〜 フィードバックする 〜 デザインはフィードバック込で完成します。 ユーザーが操作を実施したことに対する結果を示すことで状況を把握させられます。 今回は入力フォームによくある文言で説明しました。 ユーザーへの配慮はプロなら誰でも🧐 #UIデザイン #WebDev pic.x.com/ofRb7id18u
無限に広がる球面キャンバスの編集ツール/ビューアを作った。nikukikai.art/SphereCanvas/ 小画面で非線形的な時間性を解放する試みである ・ウェブトゥーンの線形性 → 2次元の自由度に ・小画面で横視野が狭い → 球面で周囲の空間を圧縮してより多くの内容を視野にいれる #漫画 #WebDev pic.x.com/ut2aDGQBLA
富士山の静けさから渋谷のビートまで── あなたの聴く音楽には、日本文化の多様さが映し出されています。 Auralytics では、よく聴くアーティスト・ジャンル・アルバムを日本語で簡単に可視化。 音楽の履歴が、あなた自身のストーリーになる。 #SpotifyWrapped #WebDev #日本語 #Spotify分析 #東京 pic.x.com/FVUMecRdUG
今日はwebアプリのモバイル対応を微修正👨💻 スマホ表示での正解位置ずれと画面遷移バグを解消。コンテンツも少し追加しました! 細かい修正の積み重ねが大事ですね🔧 時間を見つけてコツコツ改善🫡 #webdev #プログラミング #個人開発 pic.x.com/kBG7PEX2RZ