たろ@Webコーダー

大阪府出身のWebコーダーです！/業務委託提携3社/習得スキル→HTML、CSS、Sass、JavaScript、jQuery、WordPress、SWELL、gulp/お仕事のご相談はDMからお気軽に✉️ /#Hub

[たろ@Webコーダー @taro_Web1125]

遂に初案件のLPが完成しました✨

IllustratorのカンプをSWELLで構築するという初めての実装に挑戦🔥
チームのメンバーと話し合いながら今の自分ができる全てを注いだLPを納品した時はすごく晴れやかで感動しました。
今後はお客様に感動いただけるサイトを作れるコーダーを目指して頑張ります💪

[阿部英治＠採用サイト制作・運営 @eiji_writer]

【制作実績】
大阪市森ノ宮にある女性鍼灸院
はりきゅうパンダ様のLP制作させて頂きました！

https://t.co/huDoH1YWLE

ライティング:私
デザイナー:@kaoli_works様
コーダー:@taro_Web1125

仕事や育児をもっと頑張りたい40代女性に向けて作成しました。
#LP制作
#実績
#ランディングページ

[たろ@Webコーダー @taro_Web1125]

ACFの問題が解決💡
めちゃくちゃしょうもないことが原因でした💦
焦ると思考が凝り固まってだめだな、、
平常心で事象を整理するのほんと大事だと自分に言い聞かせます

[たろ@Webコーダー @taro_Web1125]

今度はACFで沼ってしまった、、何なんだこれは

[たろ@Webコーダー @taro_Web1125]

エラー祭りが始まってしまっている、、
・コンタクトフォームの確認画面遷移

・カスタム投稿をドロップダウンメニューに表示。カテゴリをhoverするとタクソノミー別で記事が表示される

こいつらにかなり悩まされている、、
何とか今日中に解決したい😭

[たろ@Webコーダー @taro_Web1125]

最近、cursorを有料プランに変更しましたが、、
使い勝手よすぎて何で課金しなかったんだろうと後悔するレベルに感動！！
使いこなせるよう色々触ってみようと思います📝

[たろ@Webコーダー @taro_Web1125]

昨日まで思い通りに動いていたvideoタグの動画がループしなくなり時間を溶かしましたがどうやら確認していたMacが省電力モードの為Safariで制限されていたみたいです🫠

早速、チェックシートに記載して次回は悩まないよう対策！

やはりSafariは手強いな、、

https://t.co/3gXhFlhWIL

[たろ@Webコーダー @taro_Web1125]

@andodaiki2 コメントありがとうございます！
是非詳細をお伺いしたく私からDMさせていただきました。

お手隙の際、ご確認いただければ幸いです。
よろしくお願いいたします。

[たろ@Webコーダー @taro_Web1125]

WordPress案件をこなしている中でCSSのみ修正依頼があったので何となく怖いし苦手意識のあったFTPでのアップロードにこの機会にと思い挑戦！

サーバー周りを触るのはとても緊張しますが少し仲良くなれた気がします☺️

[たろ@Webコーダー @taro_Web1125]

明日の自分を楽にさせてあげるためにも今日終わらせる！！！

[たろ@Webコーダー @taro_Web1125]

本日はHub交流会に参加し、けんさん・かおりさんのスライドを拝見させていただきました✨

✅特に営業スライドにお問い合わせ先を掲載する点はやっていなかったので参考になりました！

✅広橋さんのACFPROのお話、ちょうど案件で使っていてタイムリーなお話でした。
これは提案に使えそうだ😏

#Hub

[たろ@Webコーダー @taro_Web1125]

hoverがなぜか適用されず沼った🫠

原因はopacityでメニューの非表示を設定していた為、画面上では消えていても実際は消えていない？みたいで必要ないパーツが重なり邪魔をしていた。。

変更前⇨opacity:0
変更後⇨display:none

こちらで解決！
ネタが分かれば簡単ですが備忘録として記録📝

[たろ@Webコーダー @taro_Web1125]

@kaori__web ありがとうございますー！！！
不安はありますが今は全力で喜びます💃

[たろ@Webコーダー @taro_Web1125]

先日面談した制作会社様からWordPress構築のご依頼をいただきました！

実務でのオリジナルテーマ実装は初めてで、金額的にも自分史上最高額での受注額なのでやる前からかなりびびってますが乗り越えた先には必ず成長できる案件だと思うので精一杯対応したいと思います🔥🔥

#Hub

[たろ@Webコーダー @taro_Web1125]

@hiroyuu_10 ありがとうございます！
喜びと不安が入り混じってますが全力で対応します🔥

[たろ@Webコーダー @taro_Web1125]

面談の日程調整をする際アイテマスを使っていますがいつも通り先方に入力してもらったところエラーになりZoomのURLが発行されない現象が発生😱

すぐに先方にはURLを送り直しましたが次からは送る前に自分で予約してみてURLが発行できているかまで確認するよう気をつけよ、、

[たろ@Webコーダー @taro_Web1125]

@ue_323 うまくいきませんでしたか🥺
お力添えできず残念ですがエラーとの戦闘、応援しています！
何かお力添えできることがあればまた勝手にコメントさせていただきます！笑

[たろ@Webコーダー @taro_Web1125]

コーダーとして活動していく上でAIの活用はいろんな意味で必須だと思い、購入させていただきました！
早速熟読してうまく向き合っていけるよう活用したいと思います！

[まさた｜Web制作をAIで自動化 @Masa_nmFL]

※お知らせ
4月5日(土)に初の書籍を出版いたします！

『現場で使えるプロ目線の生成AI × コーディング』

AIを使ってHTML・CSS・JavaScriptのコーディングを超効率化させる知識や戦略を徹底解説します。

実はこちらの書籍は2月の始めから作っていて、ようやく公開できるので当日は僕が1番楽しみです。

書籍では僕が裏で使っているプロンプト集も盛り込んでいるのでお楽しみに。

詳細はまた後日お伝えしていきますが、すでにご興味ある方はいいねしていただけると嬉しいです！

[たろ@Webコーダー @taro_Web1125]

@ipadenrichlife @gyoza_web @kaori__web @hiroyuu_10 素晴らしい企画ありがとうございました✨
聞く専で申し訳なかったです、、
けんさん、konomiさんの有意義なやり取りを聞きながら作業ができ耳が幸せでした笑😇

[こう@コーディング一本で生活してます @Kou_bangkok]

【動画配布】え、レスポンシブまで…？ Figma MCPの凄さを体感した

改めて動画撮影用に試したら、ほんとに80%のデザインをHTML/CSSで再現。
動画で確認してみてください。

しかも驚くことにレスポンシブ対応まで自動で…！ 未来感がすごいです。

ただ、最初の初期設定は日本語情報もまだ少なくて、正直かなり大変です。
僕も苦労しました…

そこで、一番つまずきやすい部分を解消すべく、

Figma MCP 初期設定 つまずきポイント解説動画

を作成しました。

この動画で、設定の悩みをサクッと解決してください。

【3日間限定配布】
動画をご希望の方は、この投稿に「ほしい」とリプライを送ってください。

自動返信で即送ります。

[たろ@Webコーダー @taro_Web1125]

@Kou_bangkok ほしい