一人旅の記録をしてみます。 今回は少しなんか良さそうなスポットだけど、パートナーとかで旅行するとなるとまず選択肢には上がらないだろうなという場所に行ってみました。 好きな場所を選べるのは一人旅の醍醐味です。 一人旅のBGMは今回はスピッツが多めでした。 スピッツの「僕はきっと旅に出る」という曲が大好きで、一人旅で感傷に浸りたい時はこの曲をプレイリストに入れます。 主に電車移動中に曲を聞いて歩いている時はその場の音を楽しむようにしています。 予定の新幹線から２本ほど時間が遅れて、静岡に向かいます。 一つ目の目的地は静岡は島田市の蓬莱橋。 富士山が橋から綺麗に見えるそうです。あいにく遠目の空は曇りがかっておりみることはできませんでした。 富士山とはいつも相性が悪くまともに見れた記憶があまりないです。 観光客はまばら。落ち着いた雰囲気の良い場所でした。 わざわざ観光地に選ぶほどの場所ではないと思います。木造の橋の長さとしてギネス記録にも掲載されているそう。 渡るときは多少の恐怖を感じながらも、天気はよく眺望は富士山がなくとも綺麗でした。 人の温もりと歴史を感じる建築物が好きです。 <img src="https://images.microcms-assets.io/assets/c05ef7c10791409a9c2250efa775836c/cd2138b28cf7430f98fd6999b060c498/IMG-0283.jpg" alt=""> <img src="https://images.microcms-assets.io/assets/c05ef7c10791409a9c2250efa775836c/800a26b81edf4273b698ba40330e4621/IMG-0293.jpg" alt=""> 橋を渡った後は島田のお茶をいただきます。 静岡を旅しているとどこでも「ゆるキャン」があります。ここも聖地とされている場所だそうです。 アニメ勢だったので知りませんでした。ポストカードを売っていたので買ってしまいました。 これ以降はBGMはゆるキャンのサウンドトラックになりました。 静岡の落ち着いた雰囲気に合っていて良かったです。 <img src="https://images.microcms-assets.io/assets/c05ef7c10791409a9c2250efa775836c/fb0ed08418ac4f498a73ce8ccd061bbb/IMG-0300.jpg" alt=""> JR線に再び乗り、金谷駅を目指します。大井川鐵道に乗り換えます。 一時間半はこないとのことだったので隣の新金谷まで歩いてみることにします。 駅舎のエモーショナルな感じがとても素敵でした。 人がいるのかいないのかわからない感じがとても好きです。 <img src="https://images.microcms-assets.io/assets/c05ef7c10791409a9c2250efa775836c/46940ba3230f4702ac8f5d6dee6a22ab/IMG-0302.jpg" alt=""> 隣町の新金谷駅までの道のり 一人旅をしている時の夕日の色は普段と違って見えます。 この夕日の色が自分は大好きです。 <img src="https://images.microcms-assets.io/assets/c05ef7c10791409a9c2250efa775836c/ef061b8d24d848478c708b14bc7bfa1e/IMG-0304.jpg" alt=""> 新金谷駅 SLをみることができます。歴史を感じられてとても良いですね。 SLの黒と青空が良く合います。 <img src="https://images.microcms-assets.io/assets/c05ef7c10791409a9c2250efa775836c/3c2b4543e5b74f36b401134888a7683b/IMG-0306.jpg" alt=""> 飲みかけの後に写真を撮るところがダメですね。 最近甘い飲み物が好きで自分でもよくないなと思っています。 <img src="https://images.microcms-assets.io/assets/c05ef7c10791409a9c2250efa775836c/d33246d53ae54ec6b364e6e5075b9acd/IMG-0311.jpg" alt=""> 今回の旅の目的地家山に行きます。 ボロボロの車両が駅に残されているのが、時代の流れを感じますね。 <img src="https://images.microcms-assets.io/assets/c05ef7c10791409a9c2250efa775836c/8584faf57fca4397972480d6990788ff/IMG-0011.jpg" alt=""> そこから歩いて一時間ほど（私は走って30分）、みずめ桜をみに行きました。 多少の山道になるので歩いて行くのはおすすめしません。 樹齢300年といわれる桜だそうです。 自分の年齢の10倍以上に感動を覚えます。 アクセスが悪いにもかかわらず、観光客もそこそこいました。 <img src="https://images.microcms-assets.io/assets/c05ef7c10791409a9c2250efa775836c/569a0195245847b3bcef6c73366460b3/IMG-0008.jpg" alt=""> この桜も素晴らしいのですが、周りに茶畑がありその緑がこの桜をより引き立てています。 自分はこの桜のようにはなれないので、茶畑に自分を重ねてしまいました。 より濃い緑を出したいと思わされました。 旅はここで終了。帰りは汗と後日筋肉痛で辛かったです。 旅程に温泉を入れる余裕が欲しかったですね。(始発で出発できていれば....) 旅のお供の一冊：「赤と青とエスキース」青山美智子 著 旅行中に読み終えました。ちょうど良い分量でした。 一つの女性の「エスキース」を題材とした物語。エスキースとは絵を描くときの下書き、大枠のようなことで、一般的には未完成のものを指します。 その絵をバックに物語が進んでいくのですが、その絵にこめられた思いなどをそれぞれの登場人物が感じとっていく様がとても素敵だと思いました。 今後、絵を見るときの自分の気持ちも変えてくれるような心温まる話でした。 物語に出てくる「茜」という女性の実家が静岡というエピソードが物語の最後に出てきて、一人で感動していました。

大井川に一人旅をした

こんちは。りゅーそうです。 最近は業務に生かしたいというのと、そろそろ何か自分のアプリ的なのを作りたいというので色々SaaSを触ったりしていました。 触っている過程でこの感覚はなんとなく心に留めておいた方が良さそうだなというのがいくつかあったので書き出してみようかと思います。 自身への備忘録的な意味合いも強いですが、何か参考になれば嬉しいです。 <h1 id="h425b1a0588">課金アイコンをつけるか</h1>Canvaの有料プランを触っていました。 最初少し戸惑ったのですが、Canvaは課金をしても「プロ」のマークがついているんですね(いま有料プランだよねと確認してしまった)。 <img src="https://images.microcms-assets.io/assets/c05ef7c10791409a9c2250efa775836c/e1f23b8912934e7fa5cb43f292219a5f/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202022-03-05%2023.59.15.png" alt=""> 多少の戸惑いはありつつも、Canvaでバナーを作っている時に「プロ」アイコンのついている課金が必要なコンテンツを積極的に選んでいる自分がいました。 課金期間が長くなったりすると機能があることが当然のように思えて、プロダクトの課金部分だったり価値みたいなものがわかりづらくなってしまうことがあるのかも知れません（それはそれで良いことなのかも知れませんが）。 これは悪い言葉でいうと「課金部分の機能を失いたくない」といった囲い込みの効果があると思います。 良い言葉でいうとプロダクトの価値がある部分を積極的にユーザーに触ってもらい、価値を届けるといった感じでしょうか？ 諸刃の剣感もありますが、Canvaの場合はうまく機能しているように思えますし、１ユーザーとしてサービスを継続するモチベーションにもなりますし、逆にダウングレードの材料にもなる最適なプラン選択ができるように思えました。 プロのコンテンツを嬉々として選んでいた自分の感覚は覚えておこうと思いました。 <h1 id="h51dc8d30e6">UIのカスタマイズ性</h1> airfocusを触っていました。airfocusとはプロダクト管理ツールで、プロダクトのタスクの優先度づけやロードマップを引くことができるツールです。 <a href="https://airfocus.com/" target="_blank" rel="noopener noreferrer">https://airfocus.com/</a> airfocusはUIも本当にカッコ良いし、多様なビューで使いやすそうなツールだなあと感じています（全容を全然触れていないのでなんとも言えないですが）。 特に最近オンボーディング周りを触っているということもあって、この左下のチュートリアルプログレスバーの絶妙な配置がとても好感でした。 ユーザーの邪魔にならないように表示を考えたりしているんだなあと思って自分もUI案とかを考えるときは是非参考にしたいと思いました。 <img src="https://images.microcms-assets.io/assets/c05ef7c10791409a9c2250efa775836c/4d3d013d869a4700ba75a06c9f8f9fc4/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202022-03-06%200.17.40.png" alt=""> 自分はこのairfocusなどのproduct管理ツールやTODOアプリなんかを最近色々みたりすることが多かったのですが、1ユーザーとしてなんかカンバンボードUIがないタスク管理ツールには一切惹かれませんでした（機能が充実していたとしてもです） （良いよねカンバンボード） <img src="https://images.microcms-assets.io/assets/c05ef7c10791409a9c2250efa775836c/09a03c5b735a49aa8fd3aaa5fac57443/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202022-03-06%200.23.13.png" alt=""> もちろんこれは自分の個人的な感覚であり、カンバンボードに良し悪しはあるよねみたいな話もあるのだと思います。 大事なのはユーザーが自分好みのUIを選択できるということだと感じました。 Notionがその筆頭だと思いますが、ユーザー側がシステムの使い方をカスタマイズできるというのはSaaSのトレンドなのかも知れませんね。 <h2 id="hc3430181e2">少しだけ残念だったこと</h2> これも完全に自分の主観なのですが（認識間違っていたら教えてください）、airfocusでタスクをクリックしたすると横から詳細がスライドインするのですが、 下のように右側に出てきます。この詳細画面マウスではバツボタンをクリックしないと閉じません(escキーで閉じられる）。 個人的な感覚では他の領域をクリックしたら閉じる動作を期待してしまっていました(某CMSとかを触っているからかも知れません)。 <img src="https://images.microcms-assets.io/assets/c05ef7c10791409a9c2250efa775836c/345d80d4afe24e84b2b44386c6f0ab33/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202022-03-06%200.28.49.png" alt=""> 多分他のタスクカードをクリックしたいとか、リスト形式の時は開きっぱなしでもUIが成立していているとか、色々理由がありそうですが <img src="https://images.microcms-assets.io/assets/c05ef7c10791409a9c2250efa775836c/abcc66e94f3740fab432862ee3159437/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202022-03-06%200.32.47.png" alt=""> なんか今までの経験則から外れた挙動をされるとがっかりしてしまったというのは感覚として覚えておきたいと思いました。

SaaS研究：心にとめておいた方な良さそうだなと感じたUI/UX

エンジニアに転職して半年くらい。知識としてUI/UXとか設計の知識、技術力とか色々足りていないなあーと思っていた。 まあそれもそうなのだが、自分に足りていないのは世のSaaS(に限らずWEBサービス)知らなすぎだというのを感じている。 いくらUI/UXや設計をインプットしたところで、消化されている感じがしない。 エンジニアとしての業務も(多少ではあるが)慣れてきた部分もあるので、一旦色々研究しつつサービスを作りきるということを成し遂げたい。 (これを言うのも何回目という話なのだが) このブログやZennなどでサービス開発の形跡などを書いて行けたらと思う。 今回作るサービスはあまり背伸びせずにTODOアプリに毛が生えたものを作ろうとしているのだが、せっかくなので他のTODOアプリも多少研究しつつ、作れたらと思い色々と触ってみた。 今回はTodoistです。 <h1 id="hf3f68ef4fc">Todoist</h1>言わずとしれたTODOアプリです。触っていて良いと思ったところを述べていきます。 <a href="https://todoist.com/ja/features" target="_blank" rel="noopener noreferrer">https://todoist.com/ja/features</a> <h2 id="he1ebc03009">オンボーディング</h2>最近、本業でオンボーディング周りの実装をしまくっていたおかげでこれに気をつけてみることが多い。 PLGでいうところのプロダクトバンパー的なやつです。 Todoistのオンボーディングは「command+K」を押してみよう。これにつきます。 実際に押してみると、こんな感じでできることが一覧で並んで表示されます。 コマンドで操作できるという嬉しさも大きいですが、オンボーディングの段階でざっくりとどんなことができるのか概要が把握できるのがとても良いです。 <img src="https://images.microcms-assets.io/assets/c05ef7c10791409a9c2250efa775836c/f7f4811afd474222841be43e439a2e08/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202022-02-28%200.53.48.png" alt=""> オンボーディングの中で、サンプルがあるのもとても嬉しいですね。 ユースケースを提示してくれるのはありがたいですね。 <img src="https://images.microcms-assets.io/assets/c05ef7c10791409a9c2250efa775836c/281998ee14d84f99874f3ce46f67978d/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202022-02-28%201.16.38.png" alt=""> <h2 id="hc5632642d8">ドキュメンテーション</h2>Todoistのとっつきにくい考えとして、「繰り返しタスク」というものがあります。 これはタスクを作る時に、「毎日」とか「水曜日」とか定義することで繰り返しのタスクを定義できるやつです。 <img src="https://images.microcms-assets.io/assets/c05ef7c10791409a9c2250efa775836c/4257a7f6eb544419bc7c8e34b1bd496d/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202022-02-28%2022.19.53.png" alt=""> タスクの定義の仕方がとても簡潔で、面白いという一方で日本語で定義するというのがなかなか特徴的だなと思いました。 このような操作に対してはTodoistはドキュメンテーションがかなり充実していて、よくある質問ですぐに見つけられました。 <a href="https://todoist.com/ja/help" target="_blank" rel="noopener noreferrer">https://todoist.com/ja/help</a> 画面上でも、ヘルプやドキュメントへのリンクがあり、ドキュメンテーションがかなり充実している印象があります。 <img src="https://images.microcms-assets.io/assets/c05ef7c10791409a9c2250efa775836c/a2c538b011394871ad8c3bf15ee9141d/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202022-02-28%2022.22.55.png" alt=""> これを自分がいうと、ポジショントークっぽくなってしまうかもですが、サービスとWEBサイトでのドキュメント連携はSaaSでは不可欠だと感じました。HeadlessCMSはそれをやるのに最適だと再認識しました。 <h2 id="h70bea04da2">テンプレート機能</h2>ドキュメントの文脈で、テンプレート機能には感動を覚えました。 WEBサイトでサービスと連携して、多くのテンプレートの中から選び使用することができます。 これらのテンプレートをサービス内に埋め込むことは不可能だと思いますが、WEBサイトと連携することでそれを可能にしています。 <a href="https://todoist.com/ja/templates" target="_blank" rel="noopener noreferrer">https://todoist.com/ja/templates</a> <h2 id="ha214098e44">まとめ</h2>だいぶ脱線してしまいました。どちらかというと仕事の方で参考になりそうなTodoistでした。 スクショを撮ったりしてFigmaにまとめながらやっていて良い感じです。

SaaS研究：Todoist

ハッピーバレンタインですね。 このブログのデザインをブラックを基調にしたデザインにしてみました。 黒背景の方のブログってなんか強そうに見えるので.....。 上のヘッダーの部分にScrapという項目を足してみました。 Zennのパクリですね。 なんかブログって書くのハードル高かったりするのでブロック形式でメモ書き程度に残したり、箇条書きで思ったことや知ったことを書いたりしたいなと思って作りました。 そんなことはTwitterでやれと言われそうですが、後から見返しにくいし.....という感じです。 一緒にSaitama.jsを運営している<a href="https://twitter.com/haze_it_ac" target="_blank" rel="noopener noreferrer">はぜさん</a>がScrapboxに日記を箇条書きでつけているのをみて、気軽そうで良いなあとなり、やって見ようかなと。 せっかくなので、自分のサイトでmicroCMSでブロックみたいなのを作ってみました。こんな感じ。 <a href="https://www.ryusou.dev/scraps/v0thmr6x-gec" target="_blank" rel="noopener noreferrer">https://www.ryusou.dev/scraps/v0thmr6x-gec</a> 気軽にデプロイしたいので、SSGではなくSSRでやってます。すぐ反映されてほしいし、別に遅くても良いので。 まあすぐにやめるかもしれないけどぼちぼちやっていきたいです。 前回のSaitama.jsの懇親会で採用の話になっていて(まあ私は採用する立場にないのでなるほど〜と聞いていただけですが)、どこをみるかという話になり、「その方の人生の物語」とか「どんなことを考えて過ごしているか」とか「どんなことに興味を持っているか」とか「Slackチャンネルは福利厚生」とか面白い話がありました。 なるほどなとなり、採用はあまり関係なさそうだけど好きなこととかを出していれば良いこともあるかな〜と思ったり（その倍くらい悪いことがありそう）。 まあ何もなければそれはそれでよし。 というか書いていて思ったけど、microCMSのUIめっちゃ変わってるな.......。

日記的なものを残すページを作った

タイトル通りでLet's Encriptのパーカーを少し前に買いました。 120ドルくらいでパーカー単体としてはあまり安い買い物とは言えないかもしれないが、個人的にはとてもコスパの良い買い物でした。 グッズの販売は終わってしまったようですが、寄付は募っているそうです。 <a href="https://letsencrypt.org/ja/donate/" target="_blank" rel="noopener noreferrer">https://letsencrypt.org/ja/donate/</a> これまであまり寄付とかしてこなかった人生なのですが、(これを寄付と呼んでいいのか別として)寄付ってすごい良いですね。 正直グッズ目当てが大きかったのですが、なぜか自己肯定感が高まったのでこれからもお金に無理のない範囲でやりたいと思いました。 自分は仕事ではフロント〜サーバのアプリケーション側を担当しているので、インフラはほとんど触ることはありません(チーム的には証明書周りの実装をバリバリしていましたが....)。 プライベートで立ち上げたサイトはNetlifyやらVercelやらでデプロイを完了させて、なんか気づいたらHTTPSになっているというのがデフォルトの生活です....。 むしろ個人サイトでそこを意識はしたくないなとまで思うようになりましたね。 プライベートに関して言えば、全くと言って良いほど意識せずにインターネットにこんな駄文を載せて楽しめているのはLet's Encriptとそれを活用したプラットフォームのおかげだと言えそうです。 Let's Encriptは無償で証明書を発行してくれているので、余裕のある人からお金が回る流れが作れたら良いですね。 これからもインターネットを楽しむために、(知ったような顔をして)パーカーを着てドヤ顔をしていようと思います。 （あと迷わず寄付できるように頑張る...) 短いけど以上。

Let's Encryptのパーカーを買った

こんにちは。りゅーそうです。 今回は自分がmicroCMSを個人的に使っていて、お気に入りの機能を紹介したいと思います！ この記事は<a href="https://qiita.com/advent-calendar/2021/microcms" target="_blank" rel="noopener noreferrer">microCMS Advent Calender 2021</a> 1日目の記事です <h1 id="hcc08c5f5d5">１.繰り返しフィールド</h1> お気に入りです。リッチエディタだけではできない表現や、要件やチームに応じたフィールドを作成できるのがとても便利です。 自分はコンテンツの本文を入稿する際にはリッチエディタ単体ではなく、繰り返しフィールドの中にリッチエディタを含めて設計をするようにしています。 カスタムフィールドと合わせることで、柔軟にコンテンツを展開することができるようになると思います！ 例えば、以下のようにマークアップやコンテンツの種類ごとにカスタムフィールドを作成します。<ul><li>細かく分けるバージョン</li></ul><img src="https://images.microcms-assets.io/assets/c05ef7c10791409a9c2250efa775836c/df87f697907648008f83a56766ba3bd3/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-12-01%209.34.42.png" alt=""><ul><li>リッチエディタを主体でコンテンツを入稿し、必要なフィールドがあればその都度定義していくバージョン</li></ul><img src="https://images.microcms-assets.io/assets/c05ef7c10791409a9c2250efa775836c/f35c7b18855849ba92895cb2671cf4f6/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-12-01%209.36.02.png" alt=""> 分けることで、実装時のパース処理なんかも不要になるので運用・実装面でメリットがあると思います！ それらを繰り返しフィールドに登録して、入稿して行きます。 <img src="https://images.microcms-assets.io/assets/c05ef7c10791409a9c2250efa775836c/edbe19988c7b4dc7a11693d5ae3ad197/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-12-01%209.43.09.png" alt=""> <h1 id="h79c5621c36">2.リッチエディタの画像ペーストorドラッグ&amp;ペースト</h1> 最近リリースされた機能です。 リッチエディタに画像をコピーペーストやドラッグ&amp;ペーストしてアップロードすることができます。 特にドラッグであげるときにフォーカスがアップロードしたい箇所に当たって、本文のどの部分にアップロードされるのかが分かりやすいのが気に入っています。<ul><li>ペースト</li></ul><img src="https://images.microcms-assets.io/assets/c05ef7c10791409a9c2250efa775836c/8501086bb69647e4a5fe09b75fd5bbe0/clipboard-image.png" alt=""><ul><li>ドラッグ</li></ul><img src="https://images.microcms-assets.io/assets/c05ef7c10791409a9c2250efa775836c/6efdccd2f21344ee9cfa9bd1236ac3c5/image-upload.png" alt=""> 個人的に技術記事を書くときなんかはスクリーンショットをクリップボードに保存して(macならcmd＋shift+control+4)リッチエディタにそのままコピーなんかをよくしています。 あげた画像のファイル名はリネームもできるので、コンテンツの入稿のハードルがだいぶ下がったと感じています！ <h1 id="h2a7ab66454">3.リッチエディタの装飾のカスタマイズ</h1> APIスキーマのリッチエディタフィールドの詳細情報から設定することができます。 リッチエディタの装飾を非表示にできる機能です。 チームで運用するときに実装側でマークアップを制限したいなどの要望があるかと思います。それらの実装をコンテンツ入稿側でも合わせることができるのはとても良いと思います。 自分は下線はHTML的な制限から非表示にしたり、スタイルを実装していない装飾は削除したり、見出しの数を制限したりする設定を行っています。 <img src="https://images.microcms-assets.io/assets/c05ef7c10791409a9c2250efa775836c/a6661826b278414f9ceac93e3856d0d2/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-12-01%2012.28.31.png" alt=""> <h1 id="h3bcda3e6b0">最後に</h1> 以上、(伝えきれていないのがまだまだありますが)私が好きなmicroCMSの機能でした。microCMSは複数人でコンテンツ運用を行うのにとても最適なツールであると感じています。 １月から料金プランの改定が行われる発表もありました！ 複数人でのチーム運用もやりやすくなるかと思うので、年末はぜひmicroCMSの機能をチェックしてみてはいかがでしょうか？ 皆様のmicroCMSの「推し」機能もぜひ教えてください！﻿

私のお気に入りmicroCMSの機能

Product Led Growthという本を読みました。 Product Led Growth(以下PLG)とはプロダクトそのものがユーザー獲得、アクティベーション、リテンションを担うという手法です。 私はエンジニアとして現在勤務していますが、この本の内容がとても興味深かったので紹介したいと思います。

PLG プロダクト・レッド・グロース「セールスがプロダクトを売る時代」から「プロダクトでプロダクトを売る時代」へ

<h2 id="h04c929fbc1">PLGとは</h2>Priduct Led Growth(以下PLG)とはプロダクトそのものがユーザー獲得、アクティベーション、リテンションを担うという手法です 本書では、その代表的な例としてSlackやDrop Boxがあげられています。Slackなどのようにセールスを受けて商品の利用を開始するのではなく、購入前にプロダクトを試して意思決定をしてもらう。 このようにプロダクトそのものがセールスを担うという仕組みをPLGと呼んでいます。 このPLGが広まった背景には、以下のようなサブスクビジネスの変化があります。<ul><li>競合他社との争い(参入障壁の低下)</li><li>顧客獲得コストの増加の一方、顧客単価の低下</li><li>顧客は自ら学ぶことを好む</li><li>利用体験の重視</li></ul> これらの背景から新しいユーザーをプロダクトの購入まで導く役割は、プロダクトが担った方が良いという考えからPLGという手法が誕生しました。 PLGの特徴(メリット)として、PLGを導入すると事業に関わる全てのチームが目標を達成するために、プロダクトを活用するようになるというのがあります。 個人的にマーケ・カスタマーサクセスを巻き込んでプロダクトを磨き上げていくスタイルに強く惹かれました。 以下本を読んで、その他印象に残ったことを2つあげます。 <h2 id="h8f8ea9225a">プロダクトの価値</h2>プロダクト主導型はこの利用パターンを常に監視し、ユーザーが有意義な対価を得ているか確認する（＝バリューメトリクス）という部分が重要だと感じました。 まずユーザーは求めていることはなんなのか？それを機能面、ユーザーの感情それによって得られる社会的な価値にまで広げてプロダクトを見つめ直すことが重要であると述べられています。 <h2 id="h699b82f908">ボウリングレーン・フレームワーク</h2>特に13章のフレームワークの話は開発者である自分に大きく刺さりました。 ボウリングはガターに落ちてしまうのを防ぐのと同じように<ul><li>プロダクト、コミュニケーションバンパー(左右のガターに落ちないようにする柵的なやつ)を設置してユーザーを支援する</li><li>ストレートライン(ピンまでのまっすぐのライン)を作り、ユーザーが得られる価値を最短距離で提供する</li></ul>というフレームワークです。 プロダクトバンパーでは、<ul><li>新規ユーザーにどのようにプロダクトの期待値を提供できるのか？</li><li>ベテランユーザーにどのように新しい・最適な体験価値を提供するのか？</li></ul>というのを考える必要があります。さらにはコミュニティバンパー(カスタマーサクセス..etc)と連動してユーザーを支援する必要があります。 プロダクトに関わるチーム全体でどのようにUXを向上して、ビジネスに結びつけるのか？考える良いきっかけになりました。 というわけで、ビジネスサイドの方はもちろん、サブスクビジネスに携わるすべての方におすすめできる内容かと思います。 開発やUXを考える上での視点が広がります。気になる方はぜひ読んでみてください。

「Product-Led-Growth」はエンジニアにもおすすめしたいビジネス本

以前からちょいちょい告知させていただいていますが、Saitama.jsという勉強会を開催させていただきます。 同じく埼玉在住の<a href="https://twitter.com/haze_it_ac" target="_blank" rel="noopener noreferrer">はぜさん</a>とやります。 <h1 id="hab0695c24f">どんな勉強会？</h1><img src="https://images.microcms-assets.io/assets/c05ef7c10791409a9c2250efa775836c/227be668955d4c3eb54f5c74bf9515a3/Saitama.js%20(1).png" alt=""> <a href="https://saitamajs.connpass.com/event/222401/" target="_blank" rel="noopener noreferrer">https://saitamajs.connpass.com/event/222401/</a> 埼玉在住の二人が開催しているのでSaitama.js。本当にそれだけです。オンラインで開催するので、全国どこからでも参加することができます。 JavaScriptならどんなテーマでもOKのLT会です。今月のLTは満員御礼になりました(ありがとうございます)。イベントページからどのようなテーマで登壇されるか見れるので、ご興味のある方はのぞいてみてください！ Saitama.jsは初心者歓迎LT会です。初心者〜中・上級者まで、誰でも登壇できるイベントを目指しています。そういう自分も登壇初心者なので、気軽に登壇できるコミュニティを目指しています(先日登壇しましたが、画面共有に失敗した経験を持っています)。 <h1 id="h25cde16241">他の勉強会との違いは？</h1>うーん、正直あまりないですが、勉強会の最中に主催の私とはぜさんが埼玉県の特産品を紹介する謎のコーナーが予定されています。 なかなかコロナ禍で苦しい生活を強いられてしまっている生産者の方々の宣伝になれば嬉しいと思っています(宣伝になるかは怪しいですが)。オンラインでなかなか会いにくい情勢の中で少しでも、なんか地域性みたいなものを感じていただけたら嬉しいです。 もちろん、埼玉県以外の方も大歓迎です。埼玉在住の方はもちろんですが、他県の方にこそ雰囲気を感じてもらいたいと思っています。 他の地域でも同様の勉強会が広まることを期待します。 <h1 id="h26ce9d64af">開催への想いとか</h1>自分は9月からエンジニアとして転職して働いています。いわゆる駆け出しエンジニア的なやつですね。２年間ほど独学でプログラミングを学んできましたが、やはり結構孤独感から勉強のモチベーションは上がらず、何度か挫折しています。 そんな時に自分のモチベーションになっていたのはたまに参加する勉強会でした。未経験ながら登壇させていただいた勉強会もありました。 そのような関わりの中で、自分はひよっこではありますがエンジニアに転職できたと思っています。 しかし、昨今のコロナ禍の影響で登壇の機会は減ってしまっているような実感があります。特にオンラインでの登壇は初心者にとってなかなかハードルが高く、初心者の登壇機会が減少してしまっています。 そのような機会を提供したい(なんなら自分も登壇したい)という想いで今回Saitama.jsを開催させていただきます。 そこで参加される皆様にお願いがあります。といってもそんな大したお願いではないのですが、ぜひ登壇される方々が発表しやすい雰囲気をつくってくださるとありがたいです。具体的には、 <ul><li>攻撃的なコメントをしない(優しくアドバイスをしてあげるつもりで)</li><li>反応をしてあげる(#saitamajsで呟きまくってください。反応があると登壇者は嬉しいです。）</li></ul> とかです。 みなさんで良い勉強会を作れたらと思っています。 ご参加お待ちしています！ <a href="https://saitamajs.connpass.com/event/222401/" target="_blank" rel="noopener noreferrer">https://saitamajs.connpass.com/event/222401/</a>

Saitama.jsというイベントをやります。

みなさん、こんにちは<a href="https://twitter.com/ryusou_mtkh" target="_blank" rel="noopener noreferrer">りゅーそう</a>です。 タイトルの通りです。この9月から4年半勤めた教員を退職し、エンジニアになりました。 なんだかんだ2年間ほど(途中でやめてしまった時期もありましたが)プログラミングを独学しておりましたが、やっとエンジニアとしてスタートを切ることになりました。 いつもタイムラインで良くしてくださっている皆様ありがとうございました。良い報告ができて嬉しく思っています。 エンジニアとしてスタートを切るので、これから自分が力を入れて頑張っていきたいことを述べていこうと思います(あくまで個人の意見です)。 <h1 id="h029dbe1802">1.学ぶ場と知識を還元したい</h1> 自分が2年間ほどウダウダしながらこうしてプログラミングを挫折することなく続けられたのは、いつもよくしてくださっているエンジニアの皆様のおかげだと思っています。 学習初期にお世話になった株式会社xhackさん(現会社の入社のきっかけでもありますね...)では、よく単発の勉強会などに参加させていただいたりしました。おかげでプログラミングを楽しくやれたと思っています。 以下は学習初期に自分が始めてネット上に出した記事になります。 <a href="https://note.com/youheyhey0505/n/n09c9fe1b36af" target="_blank" rel="noopener noreferrer">https://note.com/youheyhey0505/n/n09c9fe1b36af</a> また、WeAreJavaScripters！！というイベントで登壇させていただいたのもよく覚えています。 その時の記事： <a href="https://note.com/youheyhey0505/n/n0c90088e2d63" target="_blank" rel="noopener noreferrer">https://note.com/youheyhey0505/n/n0c90088e2d63</a> それ以外にも、一緒にもくもく会をやったり、読書会をしたり、本を一緒に読んだり様々な関わりのおかげで2年間という地味に独学では長い期間ではありましたが、勉強のモチベーションを保つことができたと思います。そのような場や機会をくださった皆様に本当に感謝しています。 9月から自分もエンジニアとして勤務することになりました。だからといってすぐに教えられるほど強くなるわけでもありませんが、ですがこれまでに学んだ知識やこれから得る知識、Jamstackなどの最新の技術発信をこれまで以上に頑張っていきたいと思っています。 このブログもその一環ではありますが、<a href="https://www.ryusou.dev/" target="_blank" rel="noopener noreferrer">自身のコンテンツ</a>で発信できたらと思っています(もちろん自分のためでもあるのですが)。 また、エンジニアの方々が登壇する機会を提供していきたいと思っています。 9/30(木)には所属するmicroCMSで「ジャムジャム！！Jamstack」というイベントをやります。こちらはJamstackに関するLT勉強会です。 <a href="https://jamjamjamstack.connpass.com/event/223566/" target="_blank" rel="noopener noreferrer">https://jamjamjamstack.connpass.com/event/223566/</a> 10/14(木)には<a href="https://twitter.com/haze_it_ac" target="_blank" rel="noopener noreferrer">はぜさん</a>とSaitama.jsというJavaScriptのLT勉強会をやります。埼玉県民以外でも参加できます。 <a href="https://saitamajs.connpass.com/event/222401/" target="_blank" rel="noopener noreferrer">https://saitamajs.connpass.com/event/222401/</a> どちらのイベントも登壇満員御礼です。本当にありがとうございます。どちらのイベントも毎月開催予定です。ぜひ、来月以降も登壇お待ちしております。参加者はまだまだ大募集中です！ どちらのイベントも「初心者歓迎！」ということで初心者〜中・上級者誰でも登壇できる勉強会を目指しています。 昨今コロナ禍の影響でオフラインで勉強会を行うのがなかなか難しい現状ではあります。そんな中、誰でも気軽に登壇できる場が減ってしまっているなあと感じています。そんな場になれたら嬉しいと思っています。 また、自分が独学していた時、実務未経験でも登壇できるイベントがあるのが本当にありがたかったので、そんな誰でも参加できるイベントを目指しています。 <h1 id="h0c93a69f5b">働き方改革をしたい</h1> 要約すると、エンジニアとその他の人との架け橋になりたい。そんなサービスを作って働き方改革をしたいという話です。 ----　ここから固い話　---- 自分はこれまで、教員としてまさに非ITの現場を経験してきました。昨今教育現場でもIT化を進めていこうという動きがあります。 現場の先生方の奮闘して推進していこうという努力がある一方で、根本的な解決にはなっていないのが現状です。 例を挙げます。これは自分が経験した学校HPを更新する手順です(※学校が発信する情報には責任も伴うので、完全に否定する意図はありません)。 ①記事を書きます ②書いた記事を印刷します ③それらに押印をして管理職の決済を回します ④決済終了後、更新担当に引き継がれます ⑤更新担当者の確認、修正がある場合は執筆者に修正を依頼します ⑥記事を更新します 更新一つするにしても大きな手間がかかってしまいます。これでは教育の情報発信はなかなか進みません。 決済・権限管理をWEBアプリケーションで行えたらどうでしょう？ ①記事を書きます <s>②書いた記事を印刷します</s> <s>③それらに押印をして</s>管理職・更新担当がまとめて決済・修正を依頼<s>を回します</s> <s>④決済終了後、更新担当に引き継がれます</s> <s>⑤更新担当者の確認、修正がある場合は執筆者に修正を依頼します</s> ⑥記事を更新します だいぶ管理が省略されました。これなら情報発信も前より進みそうです。 このように、自分はWEBアプリケーションには働き方を大きく変える力があると思います(なのでエンジニアになりました)。このような働き方を変えるサービスを作りたいです。 ですが、学校HPの課題はまだ解消されていません。学校にはたびたび「学校HPが見にくい」といった要望が届きます。 ではHPの見た目を変えたり、パフォーマンス・アクセシビリティに配慮されたサイトにしましょう！ .....できません！ もちろん先生方は専門家ではありませんし、情報科の先生でそのようなスキルがあったとしても、あまりの多忙でそれにかける時間はありません。そこで自分はエンジニアの出番だと思っています(学校だとお金とか越えなければいけない壁が多いですが)。 ただ、エンジニアが作業するに当たって、特にこういった非IT業界に対する開発は考えなくてはいけないことが多いと思います(まあ学校は極端な例ですが)。 どのような形でコンテンツが入稿されるのか？対応するフォーマットは？それに伴うコミュニケーションコスト....数えたらキリがないかもしれません。 これらによって考慮しなくてはいけないことが増えてします。 自分はこれらのコミュニケーションコストを軽減する、つまりエンジニアと非エンジニアを繋ぐサービスを作りたいと思っています(microCMSではこれをやれている実感があって、とてもやりがいを感じています)。 両者が働きやすいそんな社会作りに貢献したいです。 ----　固い話ここまで　---- <h1 id="h5dbc687136">教育業界に還元したい</h1>今まで、働いてきた教育にプログラミングの知識を還元したいです。 なかなか教育現場の働き方を変えていくのは難しいのを実感してきましたが、なんとかできないかと考えているところではあります。 落ち着いたら、先生の業務を楽にするWEBアプリとか考えて作ってみたいなあと思っています。 <h1 id="h3bcda3e6b0">最後に</h1>だいぶ脱線してふわふわした文章になってしまいましたが、エンジニアになっても変わらず目標を持って頑張っていきたいです。 あとエンジニアとしては現状弱々なので、頑張って早く自走できるエンジニアになりたいです.....。 コロナでなかなか直接お会いできないのが残念ですが、ぜひ勉強会でお話とかしましょう！ Saitama.jsなら懇親会的なのありますのでぜひ <a style="background-color:#ffffff" href="https://saitamajs.connpass.com/event/222401/" target="_blank" rel="noopener noreferrer">https://saitamajs.connpass.com/event/222401/</a>

Ryusou.dev