はにわまん

Web制作を中心に活動。SE → 農家 → メディア運営 → Web制作。生まれは三重県。 将棋と中日ドラゴンズが好き。HPcode運営。デイトラWeb制作コース。▶ つぶやきはWordPressとコーディングが中心。

[はにわまん @haniwa008]

久しぶりにガッツリとコーディングの考え方を書きました！

デザインが再現できればOKから次のステップを考えている方の参考になれば嬉しいです☺️

https://t.co/5wTv2KpPfU

[はにわまん @haniwa008]

📢【予告】
ウィークリーコーディング AI特別編 第2回 開催決定！

好評だった #デイトラ #ウィークリーコーディング のAI特別編を今回も実施します✨

前回の様子や参加作品は、
#ウィークリーコーディング のハッシュタグからぜひご覧ください！

今回も、AIを活用しながら短期間でどこまで完成度を高められるかに挑戦していきます💪
お題の詳細は、6/15（月）の朝に投稿しますので、楽しみにお待ちください！

[あすか｜デザイン×ライティング @asuka_web1]

#デイトラ #ウィークリーコーディング 特別編で、最優秀賞をいただきました🏆✨

コーディングとデザインの両方で学んだことを活かしながら、試行錯誤を重ねて、細部までこだわって制作したサイトだったので本当に嬉しいです😭

この度は本当にありがとうございました✨

[はにわまん @haniwa008]

@asuka_web1 すごく統一された世界観で引き込まれながらサイトを見ていました！こちらこそ素敵な作品をありがとうございました✨

[はにわまん @haniwa008]

【#デイトラ #ウィークリーコーディング 特別編 結果発表🏆】

お題は「AIを活用した架空カフェサイトの1ページ構築」
どれも独自の世界観があって素敵なサイトでした。ご参加いただいた皆さん、ありがとうございました！

気になる結果発表ですが、
今回の最優秀賞は、あすかさん（@asuka_web1）の作品です👏✨

ネオンや泡の表現が印象的で、コンセプトに沿った表現とコンテンツが揃った完成度の高いサイトでした！
こちらの動画もぜひご覧ください！

次回の開催は、6/15（月）～を予定しています。気になる方はぜひご参加ください☺️

[はにわまん @haniwa008]

#デイトラ #ウィークリーコーディング 特別編スタートです✨

お題は「AIを活用した架空カフェサイトの1ページ構築」

話題のAIを使って、1週間でどこまで完成度を高められるか、にチャレンジします💪
最優秀賞の人には Amazonギフト券3,000円をプレゼント！

お題の詳細は画像から▼

デザイナー、コーダー問わず誰でも自由に参加可能です。
たくさんのご参加お待ちしてます☺️

----------

【ウィークリーコーディング特別編とは？】

お題を出してみんなでチャレンジする #デイトラ #ウィークリーコーディング を、AI活用テーマで開催する特別企画です🧑‍💻

「AIってどこまで使えるんだろう？」
最近そう感じる方も多いのではないでしょうか🤔

短納期で作りきるには、もうAIの活用が前提の時代。
そこで今回はAIも含めて使えるものは全部使いながら、1週間で仕上げることをテーマにしました！

自分が手を動かすところ、AIに任せられるところ。
その線引きの感覚は、触ってみないと掴めません。

今のAIの現在地を、自分の手で確かめてみてください！

お題の詳細は画像から▼

[デイトラ【公式】 @daily_trial]

#ウィークリーコーディング 特別編の結果が発表されました🥳✨

気になる結果や最優秀賞作品の詳細は、
引用ポストをご覧ください！👀

受賞された方、おめでとうございます🐯🎉

この企画では、実践を通して楽しく「AI活用スキル」を
パワーアップできます💪
触ってみて初めて掴める感覚がたくさんあるので、
ぜひ参加してみてください！

次回の企画もお楽しみに☺️

[はにわまん @haniwa008]

#デイトラ #ウィークリーコーディング 特別編 たくさんのご参加ありがとうございました！

どれも独自の世界観があって素敵なサイトです✨
最優秀賞を決めるのが難しそうですが、また追って共有できればと思いますのでしばらくお待ちいただければと思います🙏

[はにわまん @haniwa008]

#デイトラ #ウィークリーコーディング 特別編スタートです✨

お題は「AIを活用した架空カフェサイトの1ページ構築」

話題のAIを使って、1週間でどこまで完成度を高められるか、にチャレンジします💪
最優秀賞の人には Amazonギフト券3,000円をプレゼント！

お題の詳細は画像から▼

デザイナー、コーダー問わず誰でも自由に参加可能です。
たくさんのご参加お待ちしてます☺️

----------

【ウィークリーコーディング特別編とは？】

お題を出してみんなでチャレンジする #デイトラ #ウィークリーコーディング を、AI活用テーマで開催する特別企画です🧑‍💻

「AIってどこまで使えるんだろう？」
最近そう感じる方も多いのではないでしょうか🤔

短納期で作りきるには、もうAIの活用が前提の時代。
そこで今回はAIも含めて使えるものは全部使いながら、1週間で仕上げることをテーマにしました！

自分が手を動かすところ、AIに任せられるところ。
その線引きの感覚は、触ってみないと掴めません。

今のAIの現在地を、自分の手で確かめてみてください！

お題の詳細は画像から▼

[あすか｜デザイン×ライティング @asuka_web1]

#デイトラ #ウィークリーコーディング で架空喫茶店「喫茶 青い泡」のサイトを制作しました☕️

夜限定営業のレトロな純喫茶で、看板商品はクリームソーダ。

制作のポイント
・ネオンや泡の動き
・余白と重なりのレイアウト
・深い色味

ChatGPTをメインに、
HTML / CSS / JavaScriptで実装しました◎

[はにわまん @haniwa008]

@leoleo0729 めちゃくちゃ世界観出てたと思います！
参考になるnoteもまとめていただき、ありがとうございます！🙇‍♂️

[はにわまん @haniwa008]

れおれお（@leoleo0729）さんが、#デイトラ #ウィークリーコーディング のAI活用したカフェサイトを提出してくださいました✨

1ページのお題に対して複数ページまでこの短期間で凄いです...！

作り方やこだわりをまとめたnoteもめちゃくちゃ参考になります。
これから取り組む方はぜひご覧ください🙌

[れおれお🌙🐈‍⬛ @leoleo0729]

#デイトラ #ウィークリーコーディング
課題の提出をさせて頂きます🌙☕️
1ページ構築ver
https://t.co/imL1Q3IIZl
1ページで収まりきらないので
複数ページverもあります🐱🐾
https://t.co/CfDOmy7qD1
こだわり点などをnoteにまとめました。
https://t.co/gTiuJyS3TG
楽しんでみて頂けると嬉しいです🙇‍♀️

[みち＠Web制作 @michi240526]

架空カフェサイトコーディング
取組中です！

ワイヤーフレームっぽいものが出来ました😆
デザイナーさんのすごさを感じます。
ここからどう持っていくか？

素材は？

悩ましいです😆

でも楽しいです〜！

あとライティングもいまいちですね。ちょっとこの辺も編集していきたいと思います。

#デイトラ　#ウィークリーコーティング

[れおれお🌙🐈‍⬛ @leoleo0729]

#ウィークリーコーディング
2日目🌙

スキマ時間に画像生成など実施🌟
クロコちゃんで画像プロンプトを作成。
チャッピー＆ジェミのふたつを利用して画像を生成しています。
クロコちゃんにはコンセプトやコード生成をしてもらっていますが、すぐに上限に...

⚠️架空サイト!!
https://t.co/5DG55rB9xC

[はにわまん @haniwa008]

#デイトラ #ウィークリーコーディング 特別編スタートです✨

お題は「AIを活用した架空カフェサイトの1ページ構築」

話題のAIを使って、1週間でどこまで完成度を高められるか、にチャレンジします💪
最優秀賞の人には Amazonギフト券3,000円をプレゼント！

お題の詳細は画像から▼

デザイナー、コーダー問わず誰でも自由に参加可能です。
たくさんのご参加お待ちしてます☺️

----------

【ウィークリーコーディング特別編とは？】

お題を出してみんなでチャレンジする #デイトラ #ウィークリーコーディング を、AI活用テーマで開催する特別企画です🧑‍💻

「AIってどこまで使えるんだろう？」
最近そう感じる方も多いのではないでしょうか🤔

短納期で作りきるには、もうAIの活用が前提の時代。
そこで今回はAIも含めて使えるものは全部使いながら、1週間で仕上げることをテーマにしました！

自分が手を動かすところ、AIに任せられるところ。
その線引きの感覚は、触ってみないと掴めません。

今のAIの現在地を、自分の手で確かめてみてください！

お題の詳細は画像から▼

[はにわまん @haniwa008]

📢【予告】ウィークリーコーディング 特別編！

来週の #デイトラ #ウィークリーコーディング は、AIを活用した特別編を開催します✨

お題は「AIを活用した架空カフェサイト構築」。
Claude CodeやCodex、ChatGPT Image 2など、話題のAIを活用して短期間でどこまで完成度を高められるかにチャレンジします💪

最も優れた作品には賞品も…？
お題の詳細は、5/18（月）の朝に投稿しますので、楽しみにお待ちください！

[はにわまん @haniwa008]

@yunastyle0428 ありがとうございます！！！🙌

[はにわまん @haniwa008]

今週の #デイトラ #ウィークリーコーディング
お題は「円の拡大縮小で画面を覆う画面遷移」

画面中央から円がふわっと広がり、画面を覆って次のページが現れる。
ブランドサイトやポートフォリオのページ切替に使うと、一気に世界観のあるサイトに仕上がります。
"遷移そのものを演出にできる人"は、デザイナーからも現場からも貴重な存在です！

📝実装のヒント
✅ 画面を覆うための円オーバーレイを画面中央に固定で1つ用意
✅ クリックした際に画面を確実に覆える大きさまで拡大する
✅ 遷移先ページではロード時に円が覆いきった状態から開始し、縮小して消すことで"続き"を演出

"ゆったり系"のイージングを使うと、一気に上品で優雅な動きになります💡
「実装例コード」は1週間後に配布します。ぜひチャレンジしてみてください！

👇 可能な方は、ぜひリプ欄に実装後のURLを貼って教えてください😊
来週、みんなの参考としていくつかピックアップ紹介させてもらえると嬉しいです！

----------
👨‍💻 ウィークリーコーディングとは？
流行りのアニメーションや「CSSだけでこんな表現できたんだ！」と思うような、ちょっとテクニカルな実装にみんなで挑戦するオンラインスクール「デイトラ」の参加型企画です✨

✅ 毎週月曜にお題 & 前週の実装例を公開
✅ デイトラ生以外も参加歓迎
✅ 実装スキルやスニペット集のレベルUPに！

ぜひ挑戦してみてください！💪

[りえ🦎Webコーダー @oriehaaan]

#ウィークリーコーディング
ずっと気になっていた企画にやっと挑戦できました🔥

オーバーレイは、ディズニーランド40周年をイメージしたレインボーです🌈笑

アニメーション楽しい🥰動くから可愛い❤️←
またぜひ参加したいです✨

[はにわまん @haniwa008]

ご注意ください...。
この件に限らず、自分は大丈夫って思っていると危険なので、いろんな事例を知っておくこと大事です😇

[しょうへい｜デイトラ代表 / AI経営顧問 @showheyohtaki]

⚠️【注意喚起】
僕の名前を騙る偽アカウントにご注意ください

「大滝昇平」を名乗るLINEやChatWorkアカウントから友だち追加・グループ招待されるなどの勧誘行為が発生しています。

・僕やデイトラ運営が個人LINEのQRをメールで求めることは絶対にありません！
・「社用LINE」など存在しません

該当のメッセージを受け取った方は、ブロック＆通報のうえ、何を言われても絶対に対応しないようにご注意ください。

既に登録してしまった方は即ブロックし、万が一、金銭や個人情報のやり取りがあった場合は、至急警察にもご連絡ください。

他にも、家族や会社の上司などを語ってメッセージを送ってくるかもしれません。
くれぐれも「アイコンが知ってる顔だから」で判断しないようにご注意を❗️

[くーつ＠WordPressサイトの保守管理 @Koots2021]

デイトラではWordPressの旧来の構築方法だけでなく、ブロックエディタ対応の既存クラシックテーマでの構築、ブロックテーマでの構築も網羅されています。

さらに、WordPressコミュニティの説明や、なぜ無料で使えるのか？もきちんと丁寧に説明されています。

素晴らしいよね！👏

[かん @ 現場のWebディレクター @minimal_kan]

【告知】この度、大串さん( @megane9988 )が全面協力してくださり、初学者向けのPHP講義を行います！👏

◎講義テーマ
・page-〇〇.phpをどのように取り扱うか
・クラシックテーマやブロックテーマ、現在の作り方について

◎こんな方におすすめ
「page-◯◯.php以外の手法が分からない…」
「学習したいけど進め方が分からない..！」
「色々なテーマや最新の情報を知りたい！」
という方は、ぜひお気軽にご参加ください！

先日page-○○.phpについてポストした所、想像以上の反響がありました。まさかここまで広がるとは思ってもいませんでした..。さまざまな意見など反応がありましたが、その中でも講義形式で教えてくださるとのことで、大串さんにお声をいただきました..🙇‍♂️

僕は恥ずかしながらpage-◯◯.php以外の手法をよく分かってません。ブロックテーマの手法やメリットデメリットやどういった場面で使われるのがベストなのか、わかっていません。また日々の業務や案件でなかなか学ぶ機会もうまく作れず、ただ同じように迷っている方が一定いるということも、アンケートやわざわざリプくださったりと判明しました。 今回のセミナーはそのような方も一緒に学べるようにと、ぜひご参加いただけたら嬉しいです..！
何も恥ずかしいことも学んでないからダメとかはありません！これから学べばいいだけです！

僕もわからないことだらけなので、学習段階の方やこれからpage-◯◯.php以外の手法も知りたいという方も安心してご参加ください！
僕自身も当日はたくさん質問しようと思っています！みんなで素敵なイベントにできればと思いますので、お力を貸してください！

◎日時
4/27(月) 21:00〜22:00 / ZOOM開催
（※お申し込み後、後日視聴用URLをお送りします）

🔽 詳細・無料お申し込みはこちらから！
https://t.co/T9Zek4G35G

[はにわまん @haniwa008]

【実装例コードの受け取りについて】
#ウィークリーコーディング の実装例コードは
#デイトラ 公式LINEで【無料配布中】です🎁

⚡️ 30パターン以上の「実装例ストック」
過去の全お題と実装コードが、今すぐ閲覧可能です！
実務で役立つコード資産として活用できます📚

⚡️ 今週の実装例も自動追加
今週の実装例コードも自動で追加されます。
一度受け取っておけば、来週からは探す手間なくすぐチェック可能です✨

【受け取り方法🐯】
✅ デイトラ公式LINEに友達追加
✅ キーワード「ウィークリーコーディング」と送信

公式LINEはこちら 👉 https://t.co/98ejrPQRVr