Procomのデザインを大改造した話|個人開発で“見た目”を変えたら何が起きたか はじめに 個人開発でプロダクトを作っていると、必ずぶつかる壁があります。 「機能はあるのに、なんかダサい」 今回、SNS「Procom」のデザインを大きく作り直...
【Next.js】ログインできない原因7選と解決方法(Firebase対応) Webアプリを作っていると、ほぼ確実にぶつかる問題があります。 「ログインできない」問題。 ・パスワードは合っているはず・サーバーは動いている・エラーも出ていな...
【完全解説】Procomの全機能まとめ!これ一つでSNSもイベントも魅せられる みなさん、SNSや活動の情報、バラバラに管理していませんか?YouTubeはYouTube、InstagramはInstagram、イベント情報はまた別のサイト...
【開発記録】TikTokの短縮URLを正しく埋め込むまでの試行錯誤 こんにちは、Procom開発チームです。本日は「TikTokの埋め込み機能」に関して、短縮URL対応の実装とその裏側で起きた問題・改善・最終的な成功までの道のり...
NEW! 02プログラミング プログラミングJavascript練習コードHTML ブログのサイドバーに「今日の無駄知識」ウィジェットを追加してみた HTML・CSS・JavaScriptだけで作る、タイピング表示付きのミニ機能 ブログに少し遊び心を入れたいと思って、サイドバーに「今日の無駄知識」という小さなウィジェットを追加しました。 ただ文章を表示するだけだと少し味気ないので、今回は ランダムで内容を表示 タイピング風に1文字ずつ出す ボタンで別の内容に切り替え... EBI Dev Lab
NEW! 02プログラミング プログラミングJavascriptProcom 【Next.js】スマホで画像スライダーがはみ出す原因と修正方法|スワイプ対応まで解説 スマホで画像スライダーを実装したとき、 右側に次の画像がはみ出して見える スワイプで画像が切り替わらない こういった問題にぶつかることがあります。 実際に自作SNS「Procom」で発生した問題をベースに、原因・修正方法・スワイプ対応までを具体的なコード付きで解説します。 結論(先に知りたい人向け) 原因はこれです: ... EBI Dev Lab
02プログラミング プログラミングJavascriptバグ対応アプリ制作 【解決】Expo × RevenueCat × TestFlightでアプリ内課金が動かない原因は「env設定ミス」だった話 結論 アプリ内課金(In-App Purchase)が動かない原因はEAS環境変数(env)の設定ミスと競合でした。 前提環境 Expo(EAS Build) React Native RevenueCat導入済み App Store Connect設定済み TestFlightで課金テスト中 発生した問題 TestF... EBI Dev Lab
08アプリ制作 機能紹介アプリ制作子供のきもち育児 子どもの気持ちが分からないときに使うアプリ 「子供のきもち」の機能を徹底解説 子どもが怒ったり泣いたりしたとき、「なんでこんなに怒ってるの?」と困った経験はありませんか? 実は子ども自身も、自分の感情をうまく言語化できていないことが多いです。 そこで開発したのが、**感情を“見える化”するアプリ「子供のきもち」**です。 この記事では、アプリの機能を分かりやすく... EBI Dev Lab
02プログラミング プログラミング機能紹介pickupアプリ制作 子どもの怒り・不安にどう向き合う? 科学的根拠をもとに作ったアプリ「子供のきもち」 子どもが急に怒る。ちょっとしたことで泣く。兄弟げんかになる。親としては「どう声をかければいいんだろう」と悩むことが本当に多いです。 私もまさにそうでした。 だから作ったのが、**「子供のきもち」**です。これは、子どもの感情が高ぶったときに、気持ちを言葉にしやすくし、親子で落ち着くきっかけを作るためのアプリです。 しか... EBI Dev Lab
08アプリ制作 プログラミングアプリ制作ワンタップライフ ワンタップライフをリリースしました|「1つだけやる」超シンプル習慣化アプリ 「習慣を続けたいのに続かない」 そんな人のためのアプリワンタップライフ(One Tap Life) を開発しました。 現在 Apple App Store に申請中で、審査待ちの状態です。 このアプリは ToDoアプリが続かない 習慣化アプリが面倒 やることが多すぎて動けない そんな人のために作った超シンプルな習慣化ア... EBI Dev Lab
02プログラミング プログラミングJavascriptバグ対応アプリ制作 Expo × React Native で「Hooks順序エラー」に丸一日ハマった話(初心者向け解説) 今日はアプリ開発を進めていたのですが、ReactのHooksエラーにガッツリ沼りました。 結果的には「ちゃんとルールを理解すればシンプル」なのですが、エラー文が分かりにくく、初心者が一番詰まりやすいポイントだと感じたので、備忘録としてまとめます。 今日やっていたこと(ざっくり) Expo(React Native)環境... EBI Dev Lab
02プログラミング Javascriptアプリ制作Expo 個人開発でアプリを作るなら、まずExpoを選んだ理由 「アプリを作ってみたい」と思って調べ始めると、Swift、Kotlin、Flutter、React Native…と選択肢が一気に増えます。 正直、初心者ほどここで止まります。私自身もそうでした。 今回は、個人開発で新しくアプリ制作に取り掛かるにあたり、なぜ最初の一手として Expo を選んだのかを、初心者目線で整理し... EBI Dev Lab
07Unreal Engine5 ゲーム制作 ゲーム制作Unreal Engine 5用語 【UE5超初心者向け】まずはここから!Unreal Engine 5 画面の見方・用語まとめ(画像付き) Unreal Engine 5(UE5)を起動して、「…どこ触ればいいの?」「英語ばっかりで怖い」と感じた人へ。 この記事では ゲーム制作の話は一切しません。まずは UE5の画面を“読めるようになる”ことだけ に集中します。 UE5の画面全体マップ UE5の画面は、最初にこれだけ覚えればOKです。 ① ビューポート(V... EBI Dev Lab
07Unreal Engine5 ゲーム制作 ゲーム制作Unreal Engine 5 【UE5初心者向け】Eキーで会話UIを表示する方法(完全手順) Unreal Engine 5 で「NPCに近づいて Eキーを押すと会話UIが表示される」という仕組みを作ったので、今日やったことを手順としてまとめます。 Blueprint初心者でも そのまま真似すれば動く ことを重視しています。 完成イメージ NPCに近づく Eキーを押す 画面に会話UI(Widget)が表示される... EBI Dev Lab