小室貴也（ホヌ） | Webエンジニア

【プロフィール詳細】 ■ポートフォリオ portfolio.universe-sync.onli… ■略歴 ・25年以上、父の経営する会社に勤務（生産〜顧客対応まで担当） ・販売管理システムをVBA（Access＋Excel）で自作・運用し、業務効率化に貢献 ・2022年 Web制作学習開始 → #デイトラ Web制作コース卒業 ・2023年10月〜 Webコーダーとして実務提供スタート ■スキル / 実績 ・HTML / CSS / JavaScript / WordPress ・ホームページ制作：30件以上の実績 ・WordPress初期設定代行・運用アドバイス・トラブル解決：200件以上の実績 ■稼働時間 ・週40時間以上、土日祝も稼働 ・急ぎ案件にも迅速対応 ■YouTube出演 #デイトラ 卒業生インタビュー youtu.be/-t0pd9va87o?si=adqa… ■特技・趣味 ・TOEIC925 / 英検準1級 ・音楽（ボーカル・ギター｜オリジナル曲制作） ■お問い合わせ XのDM 問い合わせフォーム：portfolio.universe-sync.onli… LINE：lin.ee/6b5Ngjv Mail：info@universe-sync.online

【瞬間英作文アプリを作りました🎙️】 2週間前から、#RyoHack 内でシロさん（@shiroWork79）が立ち上げた「水の英活」に参加しています。 毎日25分以上英語を続けて、海外のオフ会で英語で話せるようになることを目的とした、RyoHack派生コミュニティ？です （「炎の朝活」に対して「水」の英活なんだと思います。シロさんに確認はしていませんが😁） 私自身、コロナ禍まではTOEIC900点超えを目指してガチで勉強していました。 でもWeb制作を始めてからストップ…会話力がすっかりさびついていました😅 そこで、簡単な発話から鍛え直すために作ったのが、瞬間英作文アプリ！ 日本語を見て、すぐに英語で口に出す練習です。 ・100問からランダムに出題 ・AIが声を聞き取って判定 ・アドバイスと模範解答の音声つき メンバーの皆さんにも使ってもらえるよう、お試し版とソースを公開しました🎉 お試し版をXでも公開したいのですが、APIの料金は私持ちなので…ちょっと無理💦 継続は力なり！ みんなで毎日25分、積み上げていきます🔥

【#RyoHack でメタバースアプリを使ってもらえるようになりました🎉】 8月下旬から開発していた、MetaLifeの代わりになるアプリ「Pixel Commons」。 RyoHack内で正式に使ってもらえることになりました！ 隔週の朝活交流会、ポモドーロ作業、メンバー同士の打ち合わせなど、使い道はいろいろ✨ 部屋ごとにタイマーをセットしたり、チャットでおしゃべりしたり。 画面の下からふわっと浮かぶリアクションも送れます👏 会場は3つで、大小さまざまな部屋からリゾートビーチまで🏝️ アバターも24体あるので、被らずにワイワイできます😊 しばらくは試用期間。 使ってもらいながら、居心地のいい場所に育てていきます🔥

【時給単価アップの交渉、うまくいきました🎉】 業務委託でお世話になっている取引先に、時給単価アップの交渉をしてみました。 結果、今の時給の1.6倍にアップしていただけることに✨ 正直に言うと、希望は2倍でした。 でも交渉ごとなので、いい落としどころだったと思っています😊 最近は、LPやHPのコーディングだけでなく、WordPressプラグイン開発や診断ロジックの組み込みなど、デザインの実装以外のご依頼も増えてきました🔧 そういった対応の幅を評価していただけたのかな…と感じています。 いただいた評価に見合うよう、これからもできることを広げていきます🔥

【朝活アプリ、アップデートしました！】 本日、#RyoHack の朝活アプリのレベルが8に上がりました🎉 …しかし、猛者の方3名は今月に入り、最高レベルのレベル10に到達されました。 私の想定では1年かかる設計でしたが、5月末のリリースから4か月ほどでの到達…さすがです😅 そこで、さらなるモチベーション維持のために、レベルを20まで拡張しました！ テーマは、同じ炎でも「青い炎」。 第2章「蒼炎」として、卵から新しいモンスターを育てていきます🔥 今回は、レベルアップに必要なポイントを、これまでの3倍近くにしました。 時間はかかると思いますが、そのぶん長く楽しんでもらえたら嬉しいです😊 私もコツコツ積み上げて、早く第2章に入れるよう、引き続き朝活頑張ります💪

【HPリニューアル、公開しました🎉】 8月末にご相談いただいたHPリニューアルが、無事に公開となりました！ ご依頼主は、大阪の革工房「Leather Shop Ricco」さん👜 バッグや財布をはじめとした革製品を、ひとつひとつハンドメイドで制作・販売されています。 もともとは別の方が制作を進めていたものの、途中で止まってしまっていたサイト。 そこから私が引き継ぐ形で、作り直しを担当させていただきました。 一番のポイントは、サイト上でカスタムオーダーができること✨ 商品を選んで、革の色と裏地の色を選ぶだけ。 3ステップで、そのままオーダーのリクエストまで完了します。 完成後、Riccoさんから「思い通りのHPが完成して感動しています！」とのお言葉が… こちらこそ、本当に嬉しかったです😭 革好きの方は、ぜひのぞいてみてください😊 leathershop-ricco.com/

【実務4年目に突入しました🎉】 2023年10月にコーダーとして実務を始めて、気づけば丸3年。 早いものです…！ 最近はAIで作ったアプリの投稿が多いですが、実は案件も10件並行で対応中です💦 直近では、3つの質問に答えると診断結果が出るLPを、まるっとWordPressプラグイン化する案件を担当🔧 プラグインを入れるだけで、管理画面から設定ができて、LPも表示される仕組みです。 AIのおかげで、プラグインも簡単に作れる今の時代！ これからはコーディングだけでなく、いろんなお困りごとに対応できるWebエンジニアとして立ち回っていきたいです🔥 何かお困りのことがあれば、お気軽にご連絡ください😊

【MetaLife風のアプリ（簡易版）を作りました！🏝️】 ここ1ヶ月ほど、手の空いた時間を見つけて、MetaLifeのようなアプリを開発していました。 きっかけは、MetaLifeの無料プランだとスペースを作ってから60日で使えなくなると知ったこと。 それなら自分で作って、#RyoHack のメンバーの皆さんに使ってもらえたら…と思ったわけです😊 最初はリゾートホテル風のマップでしたが、入ったらすぐ話せるビーチ版も後から作りました。 本家はアバターを着せ替えできますが、こちらはひとまず16体を用意。 椅子にも座れるようにしていて、今は1脚ずつ着席位置を調整中です🔧 まずは15人くらいまで問題なく話せるのが目標。 RyoHackメンバーの皆さんにご協力いただいて、テストを進めていきます🔥

新幹線を乗り継いで、岩手から大阪に行った甲斐がありました！ ３次会も含め6時間半ほど、参加者の皆さんから楽しい話や有益な話をたくさん聞くことができました😊 次回はセブ島で？なんて話も出ましたが、どこにでも参加できるよう、また頑張ってお仕事していこうと思います✨

明日の#RyoHack オフ会 in 大阪に向けて、今日は岩手から新幹線を乗り継いで大阪入りします！ 午後は対応中のお客様を訪問し、テストサイトを見せながらフィードバックを直接もらう予定です。 楽しみつつ、実りある大阪３Daysになるといいな😊

【案件の進捗管理ツールを作りました📋】 ここ最近、待ちも含めて10件の案件が並行で走っていて、どれが今どういう状態なのか、頭で管理するのが難しくなってきました…😅 そこで、案件の進捗を管理するツールを自作することに。 もともと案件ごとの進捗はNotionで管理していたので、ツール側で全案件のNotionページと連携させました。 一覧では「進行中」「待ち」といった状態はもちろん、進捗率・次の締め切り・次にやることまで俯瞰できます✨ 気になる行をクリックすれば、その案件のNotionページがそのまま開く仕組みです。 これからは自分の記憶ではなく、ツールが示す優先順位に従って、1件ずつ片付けていきます🔥

【HPリニューアル、正式にご依頼いただきました🎉】 前回の投稿の続きになりますが、ホームページリニューアルの件、正式にご依頼いただきました。 商談では、ご希望の画面遷移と、3ステップで公式LINEへ製品作成の相談ができるモックを用意し、実際にお客様のスマホで試していただきました。 「まさに希望していた通り」と喜んでいただけて、そのまま正式なご依頼に✨ トップページの構成も私なりにご提案させていただいたので、その方向性で作り込んでいきます🔥

【AIにサンプルサイトを作ってもらっています🤖】 革製品のハンドメイド制作をされている方から、HPリニューアルのご相談をいただきました。 サイトの制作が途中で止まったままになっているとのこと。 近々オンラインで詳しいお話を伺うのですが、それに向けて現時点でのご希望からサンプルサイトを作り、お見せしようと思っています。 幸い、制作途中だったサイトのデータもご共有いただけたので、Claude CodeのFable指揮の下、OpusやSonnetのサブエージェントが朝から一所懸命に作業中🔥 どんな完成報告が返ってくるか楽しみです♪

【はじめて拡張機能を作りました！🎉】 先日、サイト内の画像を大量に差し替えることに。 デザイン側とサイト側ではファイル名が全く違うので、一つ一つ調べて置き換えるのは大変… そう思って、ツールを作ってみました。 Chromeの検証ツールでimgタグをクリックすると、画像のファイル名がコピーされるというもの。 地味なツールですが、差し替え画像が何十枚もあったので、めちゃめちゃ作業がはかどりましたー🚄💨 先日の #RyoHack「AI活用シェア会」で「拡張機能に挑戦してみます」と書いたところだったので、さっそく実現できて嬉しいです✨ ちなみに、たったこれだけの機能なのに、作り上げるまでに30分くらいかかりました…😅 次はもっとサクッと作れるようになりたい！

数日前から、こちらを試しています。 早朝にCodexのスケジュールが３本走るのですが、寝る前にMac閉じても実行されていました！ 素晴らしい✨

【#RyoHack「AI活用シェア会 第4弾」に参加しました🙌】 今回の登壇者は、なかむーさん(@nakamuuu_weeeb) 「ブラウザの検証ツールで試した結果を、手軽にAIへ指示出しできる」拡張機能が秀逸！ 私はいつもクラス名をコピペしてから修正の指示を出していたので、これはかなり効率化できそうです✨ そして拡張機能だからこそ、使いたいときにサクッと呼び出せる！ 拡張機能はまだ一度も作ったことがないので、私もさっそく挑戦してみます💪

【バーチャルAIオフィスを作りました 🏢】 レトロゲーム風の、AIをオフィスに見立てたアプリを開発！ 社長である私が秘書に依頼すると、担当のサブエージェント社員が作業して、完了したら報告してくれます。 依頼内容によっては、複数の社員が同時に作業することも。 常駐社員は6名ですが、担当範囲外と秘書が判断すれば、新たな社員が召喚されて働いてくれます！ 社長の私は社内を自由に歩き回ったり、椅子に座ったりできますが…正直、やることがなく散策してるだけ😅 これで作業が劇的に効率化するわけではないんですが、ゲーム感覚で眺めているだけで楽しい😊 そして、アプリ開発に夢中になっているうちに、気づけばAIの知見もどんどん増えているはず✨

【#RyoHack「AI活用シェア会 第3弾」に参加しました🙌】 今回の登壇者はundotさん(@undot_7) お客さんから直接お困りごとをヒアリングして、アプリを作り込んでいく… その流れがとても実用的で、まさにビジネスの本質だと感じました！ もうひとつ良かったのが、Claudeの承認をDiscordで受け取る仕組み。 作業をさせていると何度も承認を求められますが、通知音で気づいて、そのままDiscord上で承認できるそうです。 これはすごくいいアイデア…！ さっそく真似してみます😊

【進化アニメーションを実装しました！】 #RyoHack のメンバーを中心に、毎朝「炎の朝活」をしています🔥 そのお供になる朝活アプリの開発を担当させてもらっています。 アプリのレベルは10段階あり、レベルごとにポケ◯ン風のモンスターキャラが設定されています。 これまではレベルアップのたびに、しれっとアイコンが差し替わるだけでした。 そこで、進化アニメーションを新たに作成し、全レベル分を用意しました！ コミュニティメンバーだけが使えるアプリなので、演出もあえてポケ◯ンに寄せています😁 添付したのは、レベル1から2へ進化するアニメーションの動画です。 この演出で、朝活へのモチベーションがより一層上がったら嬉しいです✨ ちなみに炎の朝活コミュニティは、RyoHackメンバー以外の方でも参加できます。詳細・申し込みはこちら👇 ryoblog-web.com/products/asa…