Sabitlenmiş Tweet
久しぶりにガッツリとコーディングの考え方を書きました！
デザインが再現できればOKから次のステップを考えている方の参考になれば嬉しいです☺️
zenn.dev/haniwaman/arti…
日本語
はにわまん
2.9K posts
はにわまん
@haniwa008
Web制作を中心に活動。SE → 農家 → メディア運営 → Web制作。生まれは三重県。 将棋と中日ドラゴンズが好き。HPcode運営。デイトラWeb制作コース。▶ つぶやきはWordPressとコーディングが中心。
東京 Katılım Ekim 2017
625 Takip Edilen10.3K Takipçiler
はにわまん retweetledi
前回200名以上の申し込みをいただいたウェビナーに続き第二回をデイトラさんと実施させていただきます！
今回は「はにわまん（@haniwa008）」さんと開催です！Xでよくお見かけしてたので嬉しい。
100名まで無料枠あるので、お申し込みはお早めに！
デイトラ【公式】@daily_trial
＼ 400件のWeb制作経験者が語る ／ 【 AI時代の生存戦略📡ウェビナー！ 】 AIに「全部やらせる人」と「判断を握る人」 これから勝ち残るのは、どちらでしょうか？ 400件のWeb制作経験から見えた 「AIに任せていい仕事」と 「自分でやるべき仕事」の境界線とは👀 Web制作×AIの境界線を、実体験ベースの 対談を通して徹底解剖していきます🐯 ✅AIに任せていい仕事 vs 自分でやるべき仕事 ✅「手を動かす力」を「判断力」に進化させる方法 ✅デザイン・ノーコード・フリーランスに効く実践戦略 講師は、月間相談400件超の Web制作メディア『Web幹事』を運営・売却し、 現在はAI特化のWeb制作サービス 『できるくんAI』を運営する岩田真さんです。 @Shin_Iwa_Utill "AIが進化しても生き残れるWeb制作者"に なるためのヒントがたくさん詰まったイベントです💡 ぜひご参加ください！ 詳細・お申し込みはリプ欄から👇️
日本語
はにわまん retweetledi
＼ 400件のWeb制作経験者が語る ／
【 AI時代の生存戦略📡ウェビナー！ 】
AIに「全部やらせる人」と「判断を握る人」
これから勝ち残るのは、どちらでしょうか？
400件のWeb制作経験から見えた
「AIに任せていい仕事」と
「自分でやるべき仕事」の境界線とは👀
Web制作×AIの境界線を、実体験ベースの
対談を通して徹底解剖していきます🐯
✅AIに任せていい仕事 vs 自分でやるべき仕事
✅「手を動かす力」を「判断力」に進化させる方法
✅デザイン・ノーコード・フリーランスに効く実践戦略
講師は、月間相談400件超の
Web制作メディア『Web幹事』を運営・売却し、
現在はAI特化のWeb制作サービス
『できるくんAI』を運営する岩田真さんです。
@Shin_Iwa_Utill
"AIが進化しても生き残れるWeb制作者"に
なるためのヒントがたくさん詰まったイベントです💡
ぜひご参加ください！
詳細・お申し込みはリプ欄から👇️
日本語
WordPressの精神的後継者と謳うCMS「EmDash」がCloudflareから発表！
めちゃくちゃ気になる...👀
Cloudflare Developers@CloudflareDev
Introducing EmDash — the spiritual successor to WordPress. Serverless. TypeScript. Securely sandboxed plugins via Dynamic Workers. cfl.re/3NPVfev
日本語
先週の #デイトラ #ウィークリーコーディング
「スクロールに合わせてSVGのグラデーション線が伸びていく表現」
@yunastyle0428 さん が海の世界観で実装してくれました！
背景・画像・グラデーションの色味で雰囲気が全然変わりますね😊
ヒントを踏まえた実装例も元ポストのリプ欄に貼っていただいているので、ぜひ覗いてみてください！
x.com/haniwa008/stat…
Yuna Style｜Webコーダー@yunastyle0428
✅#デイトラ #ウィークリーコーディング お題は「スクロールに合わせてSVGのグラデーション線が伸びていく表現」 今日はウィークリーコーディングです。 過去の実装の応用でできました。 ストックが増えるとラクになります😃
日本語
Claude Codeのチーム構築が楽しくて楽しくてずっとやってしまう...笑
記事の司令塔とエージェントの設計でこんなにも動き方が変わるなんて。
サボりがちな自分のためにアカウンタビリティコーチの役割を追加しました😇
大滝昇平｜デイトラ＆にぼし香 代表@showheyohtaki
日本語
次回の #ウィークリーコーディング 新しいお題は「来週の月曜朝7時」に出題します！
もっと色々な表現に挑戦したい方は、ぜひ過去のアーカイブもご覧ください！
過去の全30パターン以上のお題と実装コードは、#デイトラ 公式LINEの特典からいつでもチェックできます✨
【受け取り方法🐯】
✅ デイトラ公式LINEに友達追加
✅ キーワード「ウィークリーコーディング」と送信
公式LINEはこちら 👉 liff.line.me/1654901575-R7n…
日本語
今週の #デイトラ #ウィークリーコーディング はお休み週です☕️
先週のお題がまだの方は、他の方の表現も参考にしながらぜひ取り組んでみてください！
x.com/haniwa008/stat…
皆さんの実装をピックアップして紹介したり、運営からのコメントや感想もお返ししていく予定です👀💡
はにわまん@haniwa008
今週の #デイトラ #ウィークリーコーディング お題は「スクロールに合わせてSVGのグラデーション線が伸びていく表現」 LPの導線演出、サービス紹介のタイムライン、実績紹介、ストーリー設計などでかなり使える実装。 こういった「体験に落とし込める実装ができる人」は現場でも重宝されます！ 📝実装のヒント ✅ SVGのpathの長さを取得する ✅ 長さ分の線をずらして非表示→スクロールに連動して描画する ✅ スクロール量と進行度はGSAP + ScrollTriggerなどを同期が可能 SVGを作るところがまず難しいかもしれませんが...。まずは直線で動きを確認してみるだけでも大丈夫です🙆♂️ 「実装例コード」は1週間後に配布します。ぜひチャレンジしてみてください！ 👇 可能な方は、ぜひリプ欄に実装後のURLを貼って教えてください😊 来週、みんなの参考としていくつかピックアップ紹介させてもらえると嬉しいです！ ---------- 👨💻 ウィークリーコーディングとは？ 流行りのアニメーションや「CSSだけでこんな表現できたんだ！」と思うような、ちょっとテクニカルな実装にみんなで挑戦するオンラインスクール「デイトラ」の参加型企画です✨ ✅ 毎週月曜にお題 & 前週の実装例を公開 ✅ デイトラ生以外も参加歓迎 ✅ 実装スキルやスニペット集のレベルUPに！ ぜひ挑戦してみてください！💪
日本語
@haniwa008 お返事いただきまして、ありがとうございます😄
notionにまとめてみました。
参考になるとよいですが😅
notion.so/SVG-32dbf8456f…
日本語
今週の #デイトラ #ウィークリーコーディング
お題は「スクロールに合わせてSVGのグラデーション線が伸びていく表現」
LPの導線演出、サービス紹介のタイムライン、実績紹介、ストーリー設計などでかなり使える実装。
こういった「体験に落とし込める実装ができる人」は現場でも重宝されます！
📝実装のヒント
✅ SVGのpathの長さを取得する
✅ 長さ分の線をずらして非表示→スクロールに連動して描画する
✅ スクロール量と進行度はGSAP + ScrollTriggerなどを同期が可能
SVGを作るところがまず難しいかもしれませんが...。まずは直線で動きを確認してみるだけでも大丈夫です🙆♂️
「実装例コード」は1週間後に配布します。ぜひチャレンジしてみてください！
👇 可能な方は、ぜひリプ欄に実装後のURLを貼って教えてください😊
来週、みんなの参考としていくつかピックアップ紹介させてもらえると嬉しいです！
----------
👨💻 ウィークリーコーディングとは？
流行りのアニメーションや「CSSだけでこんな表現できたんだ！」と思うような、ちょっとテクニカルな実装にみんなで挑戦するオンラインスクール「デイトラ」の参加型企画です✨
✅ 毎週月曜にお題 & 前週の実装例を公開
✅ デイトラ生以外も参加歓迎
✅ 実装スキルやスニペット集のレベルUPに！
ぜひ挑戦してみてください！💪
日本語
はにわまん retweetledi
✅#デイトラ #ウィークリーコーディング
お題は「スクロールに合わせてSVGのグラデーション線が伸びていく表現」
今日はウィークリーコーディングです。
過去の実装の応用でできました。
ストックが増えるとラクになります😃
日本語
はにわまん retweetledi
#ウィークリーコーディング
「スクロールに合わせてSVGのグラデーション線が伸びていく表現」
絶景めぐりということで、SVGのパスを道のイメージに寄せてみました。
はにわまん@haniwa008
今週の #デイトラ #ウィークリーコーディング お題は「スクロールに合わせてSVGのグラデーション線が伸びていく表現」 LPの導線演出、サービス紹介のタイムライン、実績紹介、ストーリー設計などでかなり使える実装。 こういった「体験に落とし込める実装ができる人」は現場でも重宝されます！ 📝実装のヒント ✅ SVGのpathの長さを取得する ✅ 長さ分の線をずらして非表示→スクロールに連動して描画する ✅ スクロール量と進行度はGSAP + ScrollTriggerなどを同期が可能 SVGを作るところがまず難しいかもしれませんが...。まずは直線で動きを確認してみるだけでも大丈夫です🙆♂️ 「実装例コード」は1週間後に配布します。ぜひチャレンジしてみてください！ 👇 可能な方は、ぜひリプ欄に実装後のURLを貼って教えてください😊 来週、みんなの参考としていくつかピックアップ紹介させてもらえると嬉しいです！ ---------- 👨💻 ウィークリーコーディングとは？ 流行りのアニメーションや「CSSだけでこんな表現できたんだ！」と思うような、ちょっとテクニカルな実装にみんなで挑戦するオンラインスクール「デイトラ」の参加型企画です✨ ✅ 毎週月曜にお題 & 前週の実装例を公開 ✅ デイトラ生以外も参加歓迎 ✅ 実装スキルやスニペット集のレベルUPに！ ぜひ挑戦してみてください！💪
日本語
@yunastyle0428 Yunaさん、ありがとうございます！
実装いただき嬉しいです！
（もしよかったら、コードもどこかで見れると参考になる方もいるかなと思いつつ、もしご無理でなければ...😊）
日本語
@haniwa008 はにわまんさん、こんばんは☺️
実装後のURL貼ってみます。
XのURLですが、大丈夫でしょうか？
x.com/yunastyle0428/…
Yuna Style｜Webコーダー@yunastyle0428
✅#デイトラ #ウィークリーコーディング お題は「スクロールに合わせてSVGのグラデーション線が伸びていく表現」 今日はウィークリーコーディングです。 過去の実装の応用でできました。 ストックが増えるとラクになります😃
日本語
@haniwa008 ご丁寧にありがとうございます！
夕方に添削シートだけ別途再送いただきましたので大丈夫です！お気遣いいただきありがとうございます。
日本語
はにわまん retweetledi
