Growing Together

Front-End Developer
WordPress Developer
Web Creator

丁寧な設計と保守性の高いコーディングで、
成長し続けるWebサイトを
カタチにします。

News

現在の受付状況

本格的な活動は2027年1月からを予定していますが、現在もご依頼を承っております。

お困りごとなどございましたら、Contactよりお気軽にお問い合わせください。

2027年の活動予定

2024年冬より約2年間、Web制作会社に勤務しておりましたが、2027年1月からはフリーランスとして活動開始を予定しております。

学生時代からのWeb制作経験や、制作会社での実務経験などを活かし、お役に立てればと考えています。

何卒よろしくお願いいたします。

サイトをリニューアルしました

今後の活動予定を踏まえて、サイトタイトルを「Ryo Web Craft」に改名し、
ポートフォリオサイトをリニューアルしました。※ドメインに変更はありません。

旧版のポートフォリオサイト「Ryo-flute.com」はWorksにて掲載しています。
こちらからもアクセスが可能です。　ポートフォリオ（旧版）

新しくなったポートフォリオサイトについてはブログ記事としてまとめています。

今後とも、どうぞよろしくお願いいたします。

公開後も
育てていけるWebサイトを。

しっかりとした土台の上に作られたWebサイトは、
完成してからもより良くしていけます。
情報の更新やページの作成など、事業や活動の変化に合わせて
手入れを重ねることで、より長く活躍してくれます。

そのために、見る人にとっても、更新する人にとっても、
分かりやすく、使いやすくあることが大切だと考えています。
日々の更新や、将来の変更・改修も見据え、コーディングやWordPress構築を行います。

制作会社でデザインから保守まで携わった経験を活かし、
新しいサイトの制作から既存サイトの改修・保守まで、
公開後も育てていけるよう、丁寧に取り組みます。

Service

静的コーディングやWordPress構築のほか、ホームページ制作や公開代行、更新や保守作業も承ります。
最初はシンプルに制作し、後からコンテンツを増やしていくことも可能です。お一人お一人のご要望に沿った最適な方法をご提案します。

  • コーディング

    HTML、CSS、JSによる静的コーディングの他、WordPress構築も承ります。 静的コーディングの補助としてAstroも使用します。

  • 更新、公開、保守

    お持ちのホームページの更新、公開作業の代行や、保守作業を承ります。 定期的な作業実施も承りますので、お気軽にご相談ください。

  • ホームページ制作

    ホームページの構成提案から公開まで一貫した作業が可能です。 テンプレートやノーコードツールの使用で費用を抑えることも可能です。

View More

お仕事に関する詳細のほか、スケジュールや費用感などをまとめました。

Skills

デザイン、フロントエンド実装、WordPress構築、公開、保守、改修といった、一通りの作業の実務経験を有しています。
WordPress構築では、カスタム投稿タイプやWalkerクラス、管理画面のカスタマイズなども対応可能です。

Languages

    • セマンティックを意識したマークアップ
    • 新しい仕様を取り入れつつ、互換性を重視した要素選定
    • WAI-ARIAなどを使用したアクセシビリティへの配慮
    • FLOCSSやBEMを活用した設計
    • CSS変数などを活用した効率的なスタイル管理
    • 保守性・拡張性を重視したコーディング
    • 汎用性と再利用性を意識したコーディング
    • 処理の分割と関数化による保守性の向上
    • 処理負荷やパフォーマンスを意識した実装
    • WordPress制作に係るPHPの実装
    • 共通処理の関数化による再利用性の向上

Frameworks & Libraries

    • 既存環境でのUI・インタラクション実装
    • 既存コードを考慮した保守・改修への対応
    • 通常はバニラJavaScriptでの実装を優先
    • 複雑なアニメーションの効率的な実装
    • Timelineを活用した複数アニメーションの制御
    • スクロールや操作に連動したインタラクション
    • カスタム投稿タイプやタクソノミーを活用したサイト構築
    • Walkerクラスやフックを利用したテーマ・機能のカスタマイズ
    • 管理画面やエディタのカスタマイズによる運用しやすい環境づくり

Design Tools

    • Webサイトに使用する画像のレタッチ・加工
    • 不要物の削除や不要な画像の調整
    • バナーなどの画像制作
    • SVGアイコンやベクター素材の微調整
    • JPEGやPNGなどの画像をもとにしたロゴのトレース
    • ワイヤーフレームの作成
    • デザインカンプの作成
    • デザインデータをもとにしたコーディング
    • 画像の加工・レタッチ
    • Webサイトやバナーのデザイン制作
    • ベクター・ラスター両方の素材編集

Tools & Workflow

    • 作業ログを残し、作業内容を管理
    • 適切なバージョン管理による保守性の向上
    • 情報の整理と、伝わりやすい構成の設計
    • コンテンツの目的に応じた情報の見せ方
    • 多くの人にとって使いやすいUIを意識

Featured Works

自主制作も含めています。

Blog

制作品やコーディング、デザインについての記事を公開しています。

About

プロフィール画像

コーダー、Web制作者として活動しています。
制作会社でデザインから保守までの作業を担当した経験を活かし、
見る人にも、更新する人にも、
見やすく、分かりやすく、使いやすいコーディングを心がけ、
WordPressを中心としたホームページ制作を承ります。

Read More

Contact

コーディングやWordPressの構築、既存サイトの改修などについてご相談いただけます。
その他、お困りごとなどありましたら、お気軽にご相談ください。
1週間以内にご返信差し上げます。

全ての項目を入力してください。

    プライバシーポリシーに同意の上、
    送信をお願いいたします。

    ※同意後、送信ボタンが有効になります

    送信が完了しました。
    ご返信差し上げますまで、しばらくお待ちください。
    1週間以内にご返信差し上げます。