リョータ｜WebCoder

丁寧で再現性の高いコーディングを提供します。WPオリジナルテーマ構築・LP制作 / FLOCSS / PerfectPixel / GSAP対応可 / デイトラ卒 / 制作会社様業務委託2社 / 依頼はDMにて受け付けております！

[リョータ｜WebCoder @Ryota___web]

ポートフォリオリニューアル
https://t.co/I2umd5n4od

デザイン・構成/mikiさん(https://t.co/fDP6CdmMJE)
コーディング・実装/リョータ

キービジュアルには「鯨」をモチーフとして採用。
海の中で最も大きな存在でありながら、ゆっくり前に進み続ける鯨の姿に地道に積み上げていく自分のスタンスを重ねています。

技術ブログを設け、Web制作に関する知見や実装の工夫などを記事として継続的に発信していきます。

デザインはシックなダークトーンをベースに、余白と視線の流れを意識したレイアウト設計。
アクセントに蛍光色を取り入れ、幾何学的な鯨モチーフ＋アニメーションで世界観とUIの一体感を重視しています。

アニメーションは“目立たせるため”ではなく、UIや世界観の一体感を高めるために設計。
FVではpathを一本一本自分で作成したsvgアニメーションを取り入れています。

デザイン面で悩んでいた部分も、mikiさんが入ってくださったことで一気にまとまりました。
どこにでもあるような構成ではなく、完全オリジナルのデザインに仕上げていただき、アクセントカラーの使い方やアニメーションのアイデアまで提案してくださいました。
おかげで、自分だけのポートフォリオになったと感じています。

現在、コーディング／WordPress構築の業務委託・制作パートナー案件を募集しています。

ご相談はDMまたはポートフォリオからどうぞ。

[リョータ｜WebCoder @Ryota___web]

@Hiro_web_code @miki_webbb ヒロさんありがとうございます😊
FVアニメは結構苦労しました！

記憶にあるあの参考サイトどこに行ったんだろうか…

[リョータ｜WebCoder @Ryota___web]

サーバー移行し、こちらでポートフォリオ完全公開となります！

デザインを担当してくださったmikiさん(@miki_webbb )
デザインだけでなく様々な視点からアドバイスをくださって、かなり納得のいくサイトになりました！

デザイナーさんの凄さに気づいたことや、デザインだけでなく制作には奥が深いと感じたことなど、こちらに制作記にしていますので、覗いてみてください！

これからもコーディングに関する悩みや詰まったところなどを記事としてアップし、ポートフォリオ自体もどんどんリニューアルしていくつもりなので、これからもよろしくお願いいたします！！

https://t.co/Dva8EfDEpl

[リョータ｜WebCoder @Ryota___web]

Chrome拡張機能pixel perfect

ズレをなくすだけでなく、ちょっとしたミスを確認するにも大事な作業ですが、セクションの投稿数が少ない時などに起こるズレがある時、アップロードした画像をカチカチずらすのは結構もどかしいです…

Claudeにスクロールで移動できる拡張機能を作ってもらってますが、結構いい感じ❗️
もう少し修正したら本格的に使っていこうと思います！

[リョータ｜WebCoder @Ryota___web]

想像以上のデザインの凄さにびっくりしました❗️

mikiさんに依頼した私の目に狂いはありませんでした🙇

こちらの要望を汲み取ってくれて完全オリジナルな素敵なサイトができたのもmikiさんのおかげです❗️

AIが進化する中でも、依頼者の想像を上回る物を実現してくれるのは、プロのデザイナーしか実現出来ないと感じたプロジェクトでもあります！

完全オリジナルな素敵なデザインを希望する方は是非miki Design(@miki_webbb )へ🧑‍🎨

[リョータ｜WebCoder @Ryota___web]

@hamanoka_design @miki_webbb ありがとうございます😊

時間かかってしまいましたが、隙間時間を利用してなんとか完成しました！

いつも遅くまで作業されてデザインに妥協のないはまちーさんにもいつも刺激をもらっております🙇

共に頑張りましょう❗️

[リョータ｜WebCoder @Ryota___web]

@miki_webbb こちらこそありがとうございます😊

おかげさまで素敵なデザインに出会えました✨

今後とも色々お願いいたします🙇

[リョータ｜WebCoder @Ryota___web]

ずっと使ってきたレンタルサーバーmixhostからxserverに移行しました！

シェア率の高いxserverの管理画面に慣れるための移行作業です！

・ポートフォリオ
・ブログサイト
・サブドメイン複数件

WordPress4件＋静的サイト含む計6サイトをプラグイン未使用で手動移行！

いい勉強になりましたが、人の環境でこの作業をやるとなるともっと慣れが必要な気がします笑

xserverにしたら初期ローディングが早くなりました！
mixhostも好きだったんですが、よく出くわすxserverの管理画面の使いやすさはもっと好き！

いずれレンタルサーバー移行を頼まれた時にも対応できるように🔥

[リョータ｜WebCoder @Ryota___web]

5月の進歩

✅cursorと更に仲良くなる
✅gitの理解深まる
✅チーム開発の流れ掴める
✅ヒアリングの難しさを知る
✅ターミナル操作に慣れてきた
✅vite開発環境に慣れてきた
✅デザイナーさんの凄さに気付く
✅制作会社相手にビビらなくなってきた

少し前は出来る事が増える事でスキル上がっている感がありましたが最近成長している感がないので、1ヶ月で何が出来たかリストアップしてみました！

4月に出来ていなかった事が割とあるのできっと成長している！

AI進化がすごく不安もあるが、引き続き泥臭く継続するのみです🔥

[ウミ@3児ママ1馬力フリーランス @umi15uminin]

AI時代を、仕事が奪われる側じゃなくて、
使い倒す側として生きたい人に届いて欲しい。

[リョータ｜WebCoder @Ryota___web]

@shunei_web 同じく先日チームクリエイティブMTGを行いました！
デザインカンプの細かな修正をみんなで意見を出し合い、かなりブラッシュアップに繋がりました！

個人個人のイメージのズレも、意見を出し合って合致した時にいいものが出来ると感じた瞬間です！

[リョータ｜WebCoder @Ryota___web]

@tatsuya16116 共感ありがとうございます😭

寝不足もそうですが、いつか独立してやるという気持ちで本業にやる気が全然ないのです笑

でもお給料をいただいている以上、業務はしっかりこなさないとですね…

明日からまたどっちも頑張ります🔥

[リョータ｜WebCoder @Ryota___web]

仕事でそこそこ重大なミスをしてしまいました💦

WEB制作のせいにはしたくありませんが、睡眠時間が短い事と昼の仕事に熱が入らない事が原因…

まだまだWEB制作での独立は程遠いので、兼業である以上固定収入をいただける今の仕事も大事にしてバランスよく頑張ります！

睡眠大事！

[リョータ｜WebCoder @Ryota___web]

@Mizuho15396314 ありがとうございます‼️
だが、、今日もやります💻

[リョータ｜WebCoder @Ryota___web]

@Ryo_web_cording ありがとうございます😊
りょーさん含め、本当にいい人達に助けられっぱなしであります🙇

[リョータ｜WebCoder @Ryota___web]

前半、後半とも読ませてもらいました！

AIが進化する中でも自分の知り合いに営業かける事は自分しか出来ない強みですね！

「HPまるっと依頼受けたらどうやって作ろうか？」
とか考えて中々動けませんでしたが、コミュニティでの繋がりのおかげでなんとかなってます🙇

そもそも昔は交流自体うまく出来ていませんでしたが、交流を深める事で色々変わりました。

・自分のスキルアップにつながる
・案件いただく
・ピンチの時に聞ける
・そもそも1人では挫折してた

交流の大切さに気づきました…

AIについては、実際にデザイナーさんのデザインを見ても、クライアントと打ち合わせした細かい内容を、全てAIが作り込むにはまだまだだと感じるし、細かい微調整やWordPress構築も基礎知識のあるコーダーがいなければ出来ないと感じてます！

さらにスキルを磨いてまだまだ泥臭く頑張るのみです🔥

[りょー｜フリーランス @Ryo_web_cording]

営業がうまくいっていない方に向けて書きました！

まずは、クラウドソーシングやって...
制作会社にメール営業しまくって...

もちろんそれもやるんですが、それだけで結果が出たのは2-3年前までです。

学習環境が整い、コミュニティやコンサルが増え、個人で稼ぎたい人が大量発生しているため、それだけじゃなかなか結果が出ない世界線になっています。

僕が運営しているRyoHackで実際に未経験から仕事を取って、自分の理想の生活を手に入れようと着実に前進している方々はこんなことをやっています。

というのを書きました。

ぜひご覧ください🙌

https://t.co/E6dsVXD1tV

[リョータ｜WebCoder @Ryota___web]

@ai_300 やはり人間同士のやりとりというのは大事ですね✨

[リョータ｜WebCoder @Ryota___web]

@ponponco241012 めちゃくちゃ褒めてくれてありがとうございます🙇

アニメーション案まで一緒に考えてくれたmikiさんには感謝です❗️

[リョータ｜WebCoder @Ryota___web]

ポートフォリオリニューアル
https://t.co/I2umd5n4od

デザイン・構成/mikiさん(https://t.co/fDP6CdmMJE)
コーディング・実装/リョータ

キービジュアルには「鯨」をモチーフとして採用。
海の中で最も大きな存在でありながら、ゆっくり前に進み続ける鯨の姿に地道に積み上げていく自分のスタンスを重ねています。

技術ブログを設け、Web制作に関する知見や実装の工夫などを記事として継続的に発信していきます。

デザインはシックなダークトーンをベースに、余白と視線の流れを意識したレイアウト設計。
アクセントに蛍光色を取り入れ、幾何学的な鯨モチーフ＋アニメーションで世界観とUIの一体感を重視しています。

アニメーションは“目立たせるため”ではなく、UIや世界観の一体感を高めるために設計。
FVではpathを一本一本自分で作成したsvgアニメーションを取り入れています。

デザイン面で悩んでいた部分も、mikiさんが入ってくださったことで一気にまとまりました。
どこにでもあるような構成ではなく、完全オリジナルのデザインに仕上げていただき、アクセントカラーの使い方やアニメーションのアイデアまで提案してくださいました。
おかげで、自分だけのポートフォリオになったと感じています。

現在、コーディング／WordPress構築の業務委託・制作パートナー案件を募集しています。

ご相談はDMまたはポートフォリオからどうぞ。

[リョータ｜WebCoder @Ryota___web]

@hitomiWEB14167 ひとみさんありがとうございます😊

🐳は結構格闘しました💦
もちろんAIにも手伝ってもらってますが笑

これからさらにアップデートしていければと思います🔥