くま Nex Craft @nexcraft_dev
AIを活用したモダンフロントエンド開発でLP・Webサイトを制作🎨Claude Codeなど生成AIと二人三脚で、スピード×クオリティを追求中📚お仕事のご相談はDMまで📩 ↓ポートフォリオ Japan Joined July 2026-
Tweets383
-
Followers468
-
Following469
-
Likes12
AIが実際にやってた作業です ①クリックごとにカウントをインクリメント ②クリック時刻をキーに配列でパーティクル管理 ③経過時間から位置と透明度を計算 ④一定時間後のパーティクルを除去 ⑤ボタン本体はクリック時だけscaleをポップ 状態を配列で持つだけで連打に強くなるのが発見でした。
いいねボタンの連打演出、実装してみました。 タップするたびにハートが弾けて、連打しても一切カクつかず気持ちよく積み重なっていくやつです。 所要時間は体感15分くらい。ほぼAIに投げただけです。 AIへの指示文は↓ #WebDeveloper #フロントエンド開発 #相互フォロー
いいねボタンを連打できる演出を実装してください。 要件 ・クリックのたびにハートがポップし数字が増える ・クリックごとに小さなハートが飛び散って消える ・連打してもアニメーションが破綻しない ・初回でボタンの色を変える CSSかReactで実装してください。 実際にAIが行っている作業↓
書き方はこうです。 # .browserslistrc baseline widely available これだけで「30ヶ月以上前に主要ブラウザで相互運用性が確立した機能」を安全に使える対象ブラウザ一覧が生成されます。 baseline 2022のように年指定も可能。Babel・Autoprefixerの設定もこれ1行で揃います。
Browserslistに「baseline widely available」と書くだけで対象ブラウザを指定できるの知ってました？ 今まではbrowserslist-baseline-configという別パッケージが必要でしたが、本体に組み込まれました。 .browserslistrcの管理が楽になります。 #フロントエンド開発 #Web制作 #フォロバ100
開発者のLuis von Ahn氏はこの仕組みで、Googleブックスだけでなくニューヨーク・タイムズの過去20年分の紙面も数ヶ月でデジタル化しました。 2009年にGoogleが買収し、1日あたり1億語以上が人力で解読されていたそうです。 セキュリティのついでに人類の知識を保存していた、すごい仕組みでした。
AIが実際にやってた作業です ①クリックでclipboard.writeTextを実行 ②アイコンとラベルをコピー済みに切り替え ③トースト要素をtranslateYでスライドイン ④setTimeoutで数秒後に元の表示に戻す ⑤連続クリックはタイマーをリセット クリップボードAPIを呼ぶだけで拍子抜けするほど簡単でした。
コードのコピーボタン、実装してみました。 クリックするとアイコンがチェックマークに変わって、下からトースト通知がスッと出てくるやつです。 所要時間は体感15分くらい。ほぼAIに投げただけです。 AIへの指示文は↓ #WebDeveloper #フロントエンド開発 #フォロー返し
コードブロックにコピーボタンを実装してください。 要件 ・クリックでコピーし、アイコンをチェックに変える ・ラベルも一時的に「コピー済み」に変える ・画面下からトースト通知をスライドイン ・数秒後に元の状態に戻す CSSかReactで実装してください。 実際にAIが行っている作業↓
行方向はrow-rule、列方向はcolumn-ruleで個別指定でき、値が同じならruleショートハンドでまとめられます。 交差点の見た目はrule-insetやrule-overlapで調整できます。 現状Chrome/Edge 149以降のみの対応で、他ブラウザは未対応です。プログレッシブエンハンスメントとして使うのが現実的です。
CSSの「Gap Decorations」、grid/flexの隙間に直接罫線を引けるって知ってました？ これまで区切り線はborderや疑似要素でごまかすのが定番でしたが、gap自体に線を引けます。 .posts { rule: 2px solid #999; } これだけで全項目の間に罫線が入ります。 #CSS #フロントエンド開発 #相互フォロー
Googolという言葉自体、数学者Edward Kasner氏が当時9歳だった甥のMilton Sirotta少年に「大きな数字に名前をつけるなら？」と聞いて生まれた造語です。 創業時の検索エンジンはもともと「BackRub」という名前で、Googleに改名されたのは1997年9月のことでした。
Googleの社名は「Googol」のスペルミスから生まれたって知ってました？ Googolは10の100乗を表す数学用語で「膨大な情報を整理する」理念にぴったりだったんですが、1997年にドメイン登録の際google.comと打ち間違えました。 そのまま社名になりました。 #Web開発 #プログラミング
AIが実際にやってた作業です ①進捗率をstateで管理しバーの幅に反映 ②キャラのleftを進捗率から計算して追従 ③待機中は2枚の画像を交互に切り替え ④100%到達でジャンプ用スプライトに切り替え ⑤紙吹雪と完了メッセージをフェードイン 進捗の数字1つで全部を動かす発想が便利でした。
キャラクター付きのローディング演出、実装してみました。 進捗バーの先頭をキャラクターが歩いて進んで、100%になった瞬間にジャンプで喜んでくれるやつです。 所要時間は体感25分くらい。ほぼAIに投げただけです。 AIへの指示文は↓ #WebDeveloper #フロントエンド開発 #FF
ローディングバーの先頭にキャラクターを乗せて、完了時に喜ぶ演出を実装してください。 要件 ・進捗に合わせてキャラクターがバーの先頭に追従 ・待機中は小さく弾む ・100%でジャンプして喜ぶ ・完了時に紙吹雪と完了メッセージを表示 CSSかReactで実装を。 実際にAIが行っている作業↓
書き方はこんな感じです。 .btn { anchor-name: --btn; } .tooltip { position: fixed; position-anchor: --btn; position-area: block-start; } ボタンの真上にツールチップを固定できます。はみ出し時の代替位置もCSSで指定可能です。 ブラウザ間の細かな挙動差は要テストです。
実は2026年1月、CSSの「Anchor Positioning」がBaseline入りしてました。 要素同士を紐づけて位置を決められる機能で、これまでPopper.jsやFloating UIといったJSライブラリが担っていたツールチップやドロップダウンの位置決めが、CSSだけでできます。 #CSS #フロントエンド開発 #フォロー返し
クラッシュの原因は受信側のバッファが処理しきれなかったことでした。 Kline氏は再起動して約1時間後に無事ログインを完了させています。 華々しい記念式典も写真撮影も無く、二人の学生が家に帰って寝ただけの静かな夜が、インターネットの始まりだったそうです。
あおい @icurj92945225
1K Followers 2K Following アートと音楽が大好きな20代です！新しい出会いを楽しみにしてます。相互フォローしましょう♪趣味の話やおすすめの本など気軽に DM してください！
まりな @BritneyPor85852
409 Followers 667 Following 音楽と映画が大好きなまりなです！カフェ巡りや旅行にも興味があります。相互フォロー大歓迎♪ よろしくお願いします！
香澄 @KarenThoma79931
995 Followers 2K Following こんにちは！音楽とアートが大好きな香澄です✨最近はハンドメイドにも挑戦中。気軽にフォローしてくださいね！相互フォロー大歓迎です😊
あいり @GingerFern96965
923 Followers 2K Following 音楽と映画が大好きなあいりです🎶 新しい友達を作りたいので相互フォロー大歓迎！お互いの趣味を共有できたら嬉しいです✨
chikuwabu | JP Algo D... @chikuwabu_algo
77 Followers 372 Following Building TOXICCAT (毒猫), a Japanese equities algo trading system (paper test). AIと自動化で、日本株にどこまで挑めるか。 TOXICCATを個人開発。猫と一緒に、挑戦・失敗・検証を発信しています。実資金を使わない90日テスト中。
Lasse Tur, Selfie @lassetur_o
63K Followers 16K Following Norwegian photographer and artist, born 1954 in Oslo. Exploring light, movement and time. Based in Tallinn, Estonia.
LuxeSarah @LuxeSarahlo
527 Followers 684 Following
Aria @arian3qn2
2K Followers 3K Following 🔗 Connected to the Blockchain ₿ Crypto • Web3 • Digital Economy 🚀 Learning. Exploring. Growing. e2b724
陽菜乃 @3taqn
744 Followers 1K Following 気ままにカフェ巡りや映画鑑賞を楽しんでいます☕️🎬 日常の小さな発見や好きなものをゆるく発信中。趣味が合う方や仲良くしてくださる方、ぜひ相互フォローお願いします♡
浪速のブラッド... @8D0SR5K5YzeOIfv
11K Followers 12K Following 先天性心疾患（両大血管右室起始）の手術を0歳で無事成功し、43歳で脳梗塞になりました。奇跡的に日常生活が成り立っているので、書籍化されるまでハンデのある人間の生活、ユニークさをお届けしたいと思っています。遠慮も配慮もいりません、ウケて頂けると助かります！＃脳梗塞 ＃心臓病 ＃高次能機能障害 ＃Prosopagnosia
VANTA @shakirkhan0001
802 Followers 2K Following VANTA | $VANTA Building the next Web3 narrative. Launching on Robinhood Chain. ⚫ Stay Ahead.
Dave🇰🇪 @Daudi38013429
3K Followers 5K Following .Crazy things happen to me .Chasing dreams and catching smiles along the way
CryptoRise @RasmikaAmir
3K Followers 3K Following 🚀 Crypto • Web3 • Future Finance 📈 Learning | Sharing | Growing 🌙 Building in the digital world dc8d9f
Riley @Riley7xhw
1K Followers 2K Following
Elena @Elenaeqt
1K Followers 2K Following 🌅 Chasing sunsets, finding peace, and creating unforgettable moments. 0b28a3
Kkk Ddd @KkkDdd1527243
2K Followers 4K Following
Eshana Eva @eshanaEvaa
2K Followers 3K Following Luxury in my lifestyle, ambition in my soul ✨ USA based 🇺🇸 Fashion • Travel • Self-growth fadb42
Sophia Reed 🇺🇸 @marketerafna
3K Followers 5K Following soft girl era 💕 USA lifestyle 🇺🇸 beauty • fashion • rich vibes only ✨ 75d7cd
Clara Belle🇺🇸 @khokon59740
2K Followers 4K Following NYC / LA energy ✨ Beauty | Fashion | Daily vibes Just a girl building her dream life 💖 989e44
紗耶 @janean69158
1K Followers 2K Following ゆったりとした時間を大切にしています。読書や映画鑑賞が大好きで、感想を共有し合いたいです！相互フォロー大歓迎です。お気軽に声をかけてくださいね。
CryptoOrbit @Hasnanikhan
3K Followers 4K Following Crypto | Blockchain | Web3 🌐 📊 Trends • Ideas • Updates 🔥 Follow the journey e8e0cc
Esha Evana @EshaEvana
2K Followers 3K Following 😂 Daily memes • 🌿 Good vibes • Making your timeline less boring. 15f735
ummesadeka @ummesadeka
961 Followers 2K Following Helping brands & creators grow faster 🚀 📈 Instagram | TikTok | YouTube Growth 💬 DM for account setup, management & marketing Email: [email protected]
Alice @Alice79jm
2K Followers 3K Following ₿ Exploring Crypto & Blockchain 📚 Learn • Research • Understand 🌐 Digital Assets | Web3 | DeFi 🚀 Building knowledge for the future 6104b8
Adeline @Adeline4jx
1K Followers 2K Following 🏴☠️ Discover Epic Gadgets & Pirate Tech! ⚓ 🌊 Adventure Gear | Smart Tech | Cool Gadgets 🧭 Explore the Unknown • Upgrade Your Journey ✨ 7ca949
DailySoulWords @dailysoulwords
360 Followers 443 Following
CryptoEdge @g4dgetx1
3K Followers 4K Following 💰 Crypto Mindset 📈 Learn. Analyze. Grow. ⚡ Future belongs to blockchain fa87c2
Explore The World @Keya1Moni
3K Followers 4K Following Miles to Memories 🌎✈️🛩🗺🏝🏔 One life. One world.... Travel Blogger II Universal II Memories a61ff5
CryptoVault @yasminakterr
4K Followers 4K Following 🇺🇸 Daily crypto gems 💎 News • Signals • Market insights 🚀 Follow for more ⚡ f0e65f
あおい @LeisaTasha423
1K Followers 2K Following 新しい出会いを楽しみにしています✨ 趣味は読書とカフェ巡り。最近は映画も好きで、感想を語り合えるお友達が欲しいです！相互フォロー歓迎です💕
chikuwabu | JP Algo D... @chikuwabu_algo
77 Followers 372 Following Building TOXICCAT (毒猫), a Japanese equities algo trading system (paper test). AIと自動化で、日本株にどこまで挑めるか。 TOXICCATを個人開発。猫と一緒に、挑戦・失敗・検証を発信しています。実資金を使わない90日テスト中。
Lasse Tur, Selfie @lassetur_o
63K Followers 16K Following Norwegian photographer and artist, born 1954 in Oslo. Exploring light, movement and time. Based in Tallinn, Estonia.
せいな🍡 @AlexisM77013287
57 Followers 195 Following
浪速のブラッド... @8D0SR5K5YzeOIfv
11K Followers 12K Following 先天性心疾患（両大血管右室起始）の手術を0歳で無事成功し、43歳で脳梗塞になりました。奇跡的に日常生活が成り立っているので、書籍化されるまでハンデのある人間の生活、ユニークさをお届けしたいと思っています。遠慮も配慮もいりません、ウケて頂けると助かります！＃脳梗塞 ＃心臓病 ＃高次能機能障害 ＃Prosopagnosia
CryptoRise @RasmikaAmir
3K Followers 3K Following 🚀 Crypto • Web3 • Future Finance 📈 Learning | Sharing | Growing 🌙 Building in the digital world dc8d9f
Dave🇰🇪 @Daudi38013429
3K Followers 5K Following .Crazy things happen to me .Chasing dreams and catching smiles along the way
VANTA @shakirkhan0001
802 Followers 2K Following VANTA | $VANTA Building the next Web3 narrative. Launching on Robinhood Chain. ⚫ Stay Ahead.
陽菜乃 @3taqn
744 Followers 1K Following 気ままにカフェ巡りや映画鑑賞を楽しんでいます☕️🎬 日常の小さな発見や好きなものをゆるく発信中。趣味が合う方や仲良くしてくださる方、ぜひ相互フォローお願いします♡
Aria @arian3qn2
2K Followers 3K Following 🔗 Connected to the Blockchain ₿ Crypto • Web3 • Digital Economy 🚀 Learning. Exploring. Growing. e2b724
LuxeSarah @LuxeSarahlo
527 Followers 684 Following
Elena @Elenaeqt
1K Followers 2K Following 🌅 Chasing sunsets, finding peace, and creating unforgettable moments. 0b28a3
Riley @Riley7xhw
1K Followers 2K Following
Clara Belle🇺🇸 @khokon59740
2K Followers 4K Following NYC / LA energy ✨ Beauty | Fashion | Daily vibes Just a girl building her dream life 💖 989e44
Sophia Reed 🇺🇸 @marketerafna
3K Followers 5K Following soft girl era 💕 USA lifestyle 🇺🇸 beauty • fashion • rich vibes only ✨ 75d7cd
Eshana Eva @eshanaEvaa
2K Followers 3K Following Luxury in my lifestyle, ambition in my soul ✨ USA based 🇺🇸 Fashion • Travel • Self-growth fadb42
Kkk Ddd @KkkDdd1527243
2K Followers 4K Following
DailySoulWords @dailysoulwords
360 Followers 443 Following
Adeline @Adeline4jx
1K Followers 2K Following 🏴☠️ Discover Epic Gadgets & Pirate Tech! ⚓ 🌊 Adventure Gear | Smart Tech | Cool Gadgets 🧭 Explore the Unknown • Upgrade Your Journey ✨ 7ca949
Alice @Alice79jm
2K Followers 3K Following ₿ Exploring Crypto & Blockchain 📚 Learn • Research • Understand 🌐 Digital Assets | Web3 | DeFi 🚀 Building knowledge for the future 6104b8
ummesadeka @ummesadeka
961 Followers 2K Following Helping brands & creators grow faster 🚀 📈 Instagram | TikTok | YouTube Growth 💬 DM for account setup, management & marketing Email: [email protected]
Esha Evana @EshaEvana
2K Followers 3K Following 😂 Daily memes • 🌿 Good vibes • Making your timeline less boring. 15f735
CryptoOrbit @Hasnanikhan
3K Followers 4K Following Crypto | Blockchain | Web3 🌐 📊 Trends • Ideas • Updates 🔥 Follow the journey e8e0cc
紗耶 @janean69158
1K Followers 2K Following ゆったりとした時間を大切にしています。読書や映画鑑賞が大好きで、感想を共有し合いたいです！相互フォロー大歓迎です。お気軽に声をかけてくださいね。
Explore The World @Keya1Moni
3K Followers 4K Following Miles to Memories 🌎✈️🛩🗺🏝🏔 One life. One world.... Travel Blogger II Universal II Memories a61ff5
CryptoEdge @g4dgetx1
3K Followers 4K Following 💰 Crypto Mindset 📈 Learn. Analyze. Grow. ⚡ Future belongs to blockchain fa87c2
Hannah Belle @HannahBelle8nk
2K Followers 2K Following ₿ Crypto • Blockchain • Web3 📈 Learn. Research. Grow. 🌐 Exploring the digital future. 090962
あおい @LeisaTasha423
1K Followers 2K Following 新しい出会いを楽しみにしています✨ 趣味は読書とカフェ巡り。最近は映画も好きで、感想を語り合えるお友達が欲しいです！相互フォロー歓迎です💕
CryptoVault @yasminakterr
4K Followers 4K Following 🇺🇸 Daily crypto gems 💎 News • Signals • Market insights 🚀 Follow for more ⚡ f0e65f
杏奈 @Amor__Roma
927 Followers 2K Following 音楽と映画が大好きなマイペース女子です！最近は料理にも挑戦中。お喋り好きなので、気軽にフォローしてくださいね。相互フォロー歓迎！
あやか＠フォロ... @JesusNegrete72
1K Followers 2K Following カフェ巡りと読書が大好きな大学生です！新しい本や美味しいスイーツの情報をシェアしたいです。お気軽にフォロバ100
Trends for United States
You might like
