すべてのカテゴリ

webライター歴8年目のエトウです。ココナラのプロフィールにも記載している「薄っぺらい記事なんて、いらない」というキャッチコピー。なぜこんなキャッチコピーにしたのか？今回はその理由についてお話させてください。ユーザーは困っているから検索している私がwebライター1年目の年に、現在7歳（小1）の長男を出産しました。長男は新生児期から寝ない子で、常に寝かしつけと授乳をしているという状況だったので、新米かあさんの私はとにかく追い詰められていた。授乳をしながら、スマホで「新生児　寝ない」「新生児　授乳間隔」「新生児　授乳　飲む量」など検索していたのを今でも覚えています。そう、私はとても困っている。誰か答えを教えて！かあさん歴8年目だからこそ、「育児に正解なんてない」と言えるようになったけれど、当時の私はこんな思いでいろんな育児系の記事を読みました。そして、読んだほとんどの記事がはっきり言い切らない方法で記事を書いてありました。「そんなこともありかもしれませんね」「○○かもしれません」文末まとめの「いかがだったでしょうか？」の一文に、心底腹が立った。困って頼ってきた人を”困りっぱなし”にさせるのはナシだろう…私もwebライターなので、育児系の記事ならそう表現するしかないライターさんの気持ちがわかります。でも、そのままフワフワした状態で困っているユーザーを放置するのはどうなのか。繰り返しになりますが、検索しているユーザーは困っている。「そんなこともあるかもしれませんね」「○○かもしれません」あなたの私見を知りたいんじゃなくて、解決策を知りたいんだけど…？断言できないテーマもありますが、少し

Markdown のメタデータを Firestore に置く利点投稿の原稿を Markdown で書いて、メタデータを Firestore に置くと幾つかの利点があります。この記事では、ブログの実装に Firestore が有利な理由を紹介します。Firebase のストレージのみで実装する場合最初に、Firebase のストレージを中心に実装する場合を考えてみます。 この方法は、シンプルでプログラムも簡単です。ファイルの一覧の表示には、Firebase のストレージのホルダにあるファイルの情報を取得して表示します。単純にファイルの「名前」だけをリストする場合には、この方法はシンプルで優れた方法です。一方で、Markdown に埋め込まれたメタデータを使ってファイルの詳細（タイトルや概要）などを一覧に表示する場合は少し話が違ってきます。理由は、メタデータを取り出すためにには、ファイルの中身のデータにアクセスする必要があるからです。 そのためにには、Firebase のストレージから取得したファイルの情報から、ファイルにアクセスするための URL を取得した後で、さらに、ファイルの中身にアクセスしてメタデータを取り出すという処理を一覧を表示するために行う必要があります。ファイルのサイズや処理するファイルの数にもよりますが、処理するファイルの数が増えると時間のかかる処理になってしまうことは明らかです。Firestore を利用するメリットそこで、前回紹介した方法は、ファイルをアップロードする際に Markdown に埋め込まれているメタデータを取り出して、予め Firestore

こんにちは！現役エンジニアの日高です。今回はWebサイト制作の要となるUI/UXデザインについて、実務で活用できる5つの重要原則をご紹介します。なぜ今、UI/UXデザインが重要なのかデジタル化が進む現代では、Webサイトは単なる情報発信の場ではなく、ユーザーとの重要な接点となっています。競合が多い中で差別化を図るには、見た目の美しさだけでなく、使いやすさや目的達成のしやすさが決め手となります。実際、Amazonのページ読み込み速度が1秒遅くなるだけで売上が約10%減少するという調査結果もあり、ユーザー体験の重要性は数字でも裏付けられています。Webサイト制作を成功に導く5つのUI/UXデザイン原則1. ユーザーファースト思考原則: すべてはユーザーのために設計するサイト制作の最初の段階で問うべきなのは「私たちが何を伝えたいか」ではなく「ユーザーは何を求めているか」です。ペルソナ（典型的なユーザー像）を設定し、そのユーザーの目標に沿ってデザインを組み立てましょう。実践ポイント:主要なユーザー層のペルソナを2〜3種類作成するユーザージャーニーマップを描き、各段階での感情や障壁を特定する実際のユーザーテストを可能な限り早い段階から取り入れる2. ビジュアルヒエラルキーの明確化原則: 重要な情報から順に目に入るよう設計するユーザーは最初の3秒でサイトの大部分を判断するといわれています。この短い時間で重要な情報が伝わるよう、視線の流れを意識した情報の配置が必須です。実践ポイント:最も重要なメッセージや行動喚起（CTA）は画面上部の目立つ位置にフォントサイズ、色、余白を使って情報の重要度を

はじめに皆さん、こんにちは。キャリアコンサルタントの柳平（やなぎだいら）です。私は現在、企業の人事の皆さんが抱える「人と組織の成長」に関する課題を支援していますが、実は私のキャリアの始まりは、1980年代のビデオゲーム開発でした。当時はまだビデオゲームが世に出始めたばかりで、まさしく新しいものを「生み出す」時代。日々、試行錯誤の連続でした。私が勤めていた会社のテレビゲームは、単に敵を倒すだけでなく、隠されたシナリオや、プレイヤーの選択によってストーリーが変化するといった要素がすでに盛り込まれていました。例えば、ある行動をすると特別なアイテムが手に入ったり、違うエンディングに辿り着いたり…。プレイヤー一人ひとりが異なる体験をする、そんな設計がされていたのです。私は当時、開発者としてそこまで深く意識していたわけではありませんが、今振り返ってみると、この「個々人によってストーリーが異なる」という仕組みは、まさに現代のビジネスで語られる「グロースハック」と共通する要素があったように感じます。「グロースハック」とは何か？「グロースハック」という言葉をご存知でしょうか？これは、2010年代以降、シリコンバレーのDropboxやFacebook、Airbnbといった急成長企業が実践し、世界中に広まったマーケティング手法です。従来の広告や宣伝といった手法に頼るのではなく、製品やサービスそのものに、ユーザーを惹きつけ、継続的に利用してもらい、さらには他の人にも広めてもらうための「成長する仕組み」を組み込むことを目指します。「グロース（Growth＝成長）」を「ハック（Hack＝巧妙な解決策を見つ

「せっかく登録したのに、使い方がわからなくて解約…」 「CSに問い合わせたら、3日後に返信…もういいや」 そんなユーザーの“静かな離脱”、あなたのSaaSでも起きてませんか？ 実は解約率の40%以上が「使い方がわからなかった」が原因（2025年SaaS調査）。 でも「読むだけで解決」するヘルプページがあれば、解約率を半分以下にできるんです！ この記事では、SaaS運営歴8年・3社で解約率を4.8%→2.1%に下げた僕が、 再現性100%のヘルプページ作成法をステップ別に全公開します！ 1. 解約率40%の“静かな殺し屋”とは？ ユーザーが「どこを押せばいいの？」と迷うと、初回利用率が30%も下がる。 エラーが出ても解決策が見つからず、問い合わせが爆増してCSがパンク。 最終的に「結局わからなくて解約」となり、LTVが半分に…。 「使い方がわからない」＝「信頼の喪失」 ヘルプページは“保険”じゃない。“売上の守護神”です！ 2. 「読むだけで解決」ヘルプの3原則 ① 小学生でもわかる言葉 ×「トークンを生成」 → ○「招待リンクを作る」 ② 1ページ1目的 「ユーザー招待のやり方」だけを1ページに集中。 ③ 視覚で理解 番号付き手順＋スクショ＋矢印で、読むだけで完了。 3. 解約率を半減させる5ステップ作成法 ステップ1：ユーザーの“つまずき”を可視化 Google Analyticsで離脱率が高いページを特定。 Hotjarでユーザーのマウス操作を録画。 CSログから「よくある質問」を抽出。 例： 「招待リンクの作り方がわからない」→ 優先度MAX ステップ2：1ページ1目的の

こんにちは！栗山和輝です。夜空を見上げると、無数の星たちが静かに瞬いています。遠い宇宙の片隅では、私たちが気づかないほどゆっくりと、巨大な銀河の風車が回っているのかもしれません。その風車が風を受けるたびに、新しい光の粒が生まれ、暗闇の中に散らばっていく。そんな幻想的な風景を想像していると、私が日々向き合っているウェブサイトの制作という仕事も、実はこれにとてもよく似ているのではないかと感じることがあります。多くの人は、デザインを画面の表面を綺麗に飾ることだと思っているかもしれません。しかし、本当に大切なのは、目に見えない情報の風を捉え、それをビジネスの成果という光に変えていく仕組みを作ることです。複雑に絡み合ったクライアント様の強みや、ユーザーが求めている答えを丁寧に整理し、誰もが直感的に動ける導線を設計する。それはまるで、星々の間に見えない線を引いて、新しい星座を描き出すような緻密で美しい作業です。もう一つ、私がデザインの現場で大切にしているモチーフがあります。それは、引き出しの奥で見つけた、今はもう使われていない古い鍵穴です。世の中には星の数ほどのウェブサイトが存在しますが、特定の悩みを持つユーザーの心に、ぴったりと噛み合う場所はそれほど多くありません。情報の配置をほんの一ミリ変えるだけで、それまで閉ざされていた心の扉が、すんなりと開くことがあります。その瞬間のために、私はデータという厳密な削り出しを行い、世界に一つだけの特別な鍵穴を作り上げていきます。大手の制作会社で働いていた７年間、私はまさに巨大な銀河の地図を描くような、大規模なプロジェクトに数多く携わってきました。何百