中級エンジニアの世界。システム設計体験会！(お便り:ノーコード談義)

中級エンジニアの世界。システム設計体験会！(お便り:ノーコード談義)

「順平の設計力工場員か設計力だけでパチパチいくんかいすいませんノリさんに代わりに始めてもらったんですが読んで面白かった本があるので紹介します本当に本読んでるなシステム設計の面接っていう本があってですね出た出た」

「僕システムアーキテクト取ったじゃないですか今年何回自慢するんですか?いつまでも言います僕は国家資格なんで3番目にむずい資格なんで3番目かただケーススタディ的な学びはあんまりなくて実践的な理論に終わってしまったとそうですね理論とか本当に一般論ちょっと実践的な知識」

「欲しいなっていうところでこの本読んだんですけどこれが非常に実践的でですねめっちゃおもろくてこれじゅんぺいにシステム設計体験させることができるんじゃないかと思い至りましてそんなことが可能なんですかついにですか今日は絶対失敗してもいいんでここはじゅんぺいにちょっとシステム設計してもらおうかなと挑戦だ失敗したおします」

「ヤンヤン:やる気ないじゃん深井:成功する気でやってくださいヤンヤン:成功する気持ちでやってください深井:そうですね深井:システム設計するのってねやっぱりミドル層以上だと思うんですけどでもそういう人たちが何を考えて何をしなきゃいけないのかっていうところもちょっとリスナーの方もですし順平も体験していただいてあと僕とのりさんはまあ週内し今日は結構エンタープライズシステムなのでヤンヤン:中級になるにはやっぱ必要ですかねそこは」

「システム設計必要だねちなみにこのシステム設計のレイヤーでいうとインフラとかじゃなくてアプリケーションの部分のロジック的な感じですか?インフラかなインフラかインフラからからのアプリケーションロジックですロジックですね若干そっちに染み出してるくらいです」

「ちょっと詳細設計にも染み出してるぐらいです全部オーラしてないけど核となるインクラ設計から基本設計詳細設計エピソードで収まるぐらいのボリューム感であるものをピックアップしたんで早速やっていきましょうということで今日は」

「順平にちょっと作ってもらいたい緊張するサービスがありましてURL短縮サービスの設計をちょっと考えてもらいたいなと思いますちなみにURL短縮サービスってなんだか知ってますか多分ですけどURL短縮するサービスじゃないですかコメントです名前から分かりづらいんですけどねまさか当たるとはモロですけどね具体的な使い方順平に言ってもらっていいですか」

「具体的な使い方ですか何を入れて何が出てくるやつAmazonで何を入れて何をAmazonで例えば商品アイテム机の商品詳細ページに飛びましたその商品詳細アイテムページの違うな」

「じゃあ答えを言いますよここは大事じゃないんで僕がよく使う使い方はFireStorageとかGIGAファイルインとかでファイルをアップロードするとファイルダウンロードURLが出るんですよでまあまあ長いんでチャットに貼ると見ててうざいんですよわかる」

「なのでURL短縮サービスを使って7行とかになってるURLが1行ぐらいに短くなるんですよでその短くなったURLを共有すると見る側も嬉しいみたいなそんなサービスなのでURLを短縮する機能とかAPI」

「を考えてもらいたいというのが今日のお題でございます出題者側からちょっと要件を軽く言いますねどんな要件があるか完全に言わないので完全に言わない?全網羅されてないので不足してるところは適宜質問していただけるとありがたいですのりさんはじゅんぺいの先輩ポジションでお願いしますじゅんぺいが頑張るっていうところではあるんではい、じゃあいきます要件」

「1日あたり1億件のURLが生成されます1億件なので1秒あたりの書き込み回数は1160回ぐらいです書き込み読み込み短縮URLの読み込みはその10倍あると仮定して11600回ぐらい1秒間にっていうのがパフォーマンス系の要件ですねはい」

「あとはURLの紐付けを管理しなきゃいけないので短縮URLと長いフルのURLレコードの保管が必要なんですけど10年間保管するということを考えて10年も保管するんですか3650億レコード3650億レコード保管できるようにしていてほしいですあとは平均的なURLの長さは一旦100としましょう」

「100文字短縮前が100文字ってことですよねそうですねなので10年間で大体36.5テラバイトぐらい36.5テラURLの文字でえぐいっていうのが日本全国というか世界で使われるURL短縮サービスぐらいのパフォーマンス感やばいですねを仮定します映画20本分のURLや」

「そうですねっていうので今のが要件なんですがこれで考えていきましょうすごいAPIを考えてほしいんでエンドポイントの設計からいきますかちなみに質問ありますかあります」

「URLの短縮サービスってそれにアクセスしたら長い方のページに行くやつとファイアストレージみたいなやつだとなんかその短いやつアクセスしたらなんかページが表示されてそこに長いURLがあってそれクリックしたらそっちに行けるみたいなやつあると思うんですけどこれは前者の方のイメージで大丈夫ですかはい前者で短いやつをクリックすると」

「そのままリダイレクトしてくれるようにしたいですねまずはエンドポイントからいくんですねAPIの設計をするときは基本的に今回フロントはちょっと置いといていいですバックエンドだけ考えましょうエンドポイントの設計って言ったときにしたことある?ちなみにエンドポイントの設計設計ないですねじゃあ流れとしてはそうね」

「基本的にはhttpメソッド何が必要だろうなって考えてhttpメソッドを考えたらそのパラメータ何の情報を受け取ったら何のレスポンス返すのかっていうのを考えていくみたいな流れになりますね前もやったやつですねじゃあ使い方を考えてみましょうユーザー視点に立ってどういう使い方になるなんてんだろう」

「URL短縮サービス使うときそこから逆算してAPIエンドポイントを考えてみましょうか長いURLを貼り付けるのかな分かんないですけどあってそこにURLを短縮するっていうボタンがあって多分それを押すとパッて短いのが出てくるんですよつまりいいですよそこまででってことは長いURLを送ってなんか登録してそれで短いのが返ってくるってことですねはい」

「それはクラッドで言うとどういう処理だと思いますかクラッドってわかりますかクラッドで言うとクラッドってそのままの頭文字でしたっけそうクリエイトリードアップデートデイトクリエイトですその通りクリエイトの処理になりますクリエイトの処理になるってことはhttpメソッドで言うとなんだと思いますかポスト大正解ですつまりポストが何か必要そうだというのが見えてきますポストするときに必要なパラメータ」

「今回で言うとボディですね何が入っていると思いますか長いURLが送る必要があります正解ボディにはURLですね元々のじゃあレスポンスには何が入りますかレスポンスには短いURLが入ります素晴らしいHTTPステータスは何番になりますかステータスは」

「何になるんですか200そういう話じゃないおこって顔で威圧してくるなこの人のりさん補足お願いします201です201ポストでリソースの作成に成功した場合はレスポンスステータスコード201クリエイテッドを使いますクリエイテッドはもう201なんですね作成成功したぜっていうレスポンスですねはい」

「どんびしゃじゃね?どんびしゃじゃない201ですねはいありがとうございますそうですねリソースの作成が完了したら201を開始しますはいっていうので今じゃあポストのエンドポイントの設計で考えなきゃいけないことは大体考え終わりました復習するとポストでURIは後で考えるというかまぁ今回本題じゃないので置いておいていや考えさせますか」

「URIそうそうそうURIって何でしたっけ?えっとパスあーパスはい確かにどうすんだろううわ何にするかなこれ結構むずいよこれ動詞入っちゃうよなんか何テーブルなのかをちょっと想像するといいんですよねきっとここでもやっぱGoogleのAPIのドキュメントのガイドラインに従ってカスタムメソッドを使うのがいいんじゃないでしょうかそうですか」

「深井:言うてでもシンプルに登録してるだけなんで樋口:URLとかでいけない深井:そうですよね、URLとかになりそうですけど、ただURLだと若干情報落ちてますよね樋口:そうだね、ショートURL?深井:URLトランスレイティットじゃなくてなんだろうね樋口:URLコロン…深井:Generate樋口:カスタムメソッド」

「準備でた?あれ?あれ?今つないでただけなんではいそうなんですねURLだけまあねわかるまあわかるわかるわかるこれちょっと世の中どうなってるんですかね確かに見てみましょうかあんまり納得いってないんですけどおや?憤慨してる?憤慨はしてないんですがはいXG.GDっていう短縮メールサービス違うURLサービスだとはい焦点」

「ショートの受動体なのかな同士じゃないですかもう一個サービスの謎なんですけどurl.onl.jpっていうサイトだとgs-apiって書いてますね何の略か分かりませんget-short以上脱線でした戻りましてさっきポスト作りましたねこれだけで十分ですか」

「ヒントを出しますね。じゃあその短縮したURLどうするんですか?手に入れたいです。手に入ってます多分ポストで。手に入ってます?はい。あれ?ポストで長いURL送って登録して、そこで短いのにしてくれて、手に入るとこまでいってんすね。そこでなんかゲットみたいないらないんですか?一旦ユースケースベースで考えましょうか。はい」

「その手に入れたやつどうするんですかじゃあ人に送りましたそのURL僕から短縮URL送りましたそれをどうしますかタップしますタップするとそのリンクに飛びますすると何が起きるそのリンクに飛んだらいいよユーザーストーリーベースでいいよそのページが見れますうんうんうん元のページが見れるよねはいその通りです元のページを見る必要がありますね裏がどうなってるか想像つきますか」

「ライトな感じでいいですけど元のページが見れるということは長い元々のURLに結局飛んでるっていうことそうそうそうそうなので短いURLアクセスしたら何が起きるかというとURL短縮サービスに1回アクセスが行ってそのURLって元々何のURLって聞いて」

「長いURLを返してくれてそのURLに勝手にリダイロクトされるっていう動きになりますここちょっと難しいんですけどゲットなんですよこれは先言っちゃうとじゃあゲットのエンドポイント設計してみましょうかゲットは長いURLを結局ゲットしてくるってことですよねそれはそうそれはそうそれはそう」

「これはね僕はねぶっちゃけ感動できる自信がなかったなかったときはできなかったと思うどういうリクエストになると思いますかゲットするんですよね長いURLをゲットするために短いURLを送られてきてるわけですから短いURLに紐づいた長いURLをくださいってなりますそういう時のゲット何悩み中何したらいいんだろう悩み中です」

「短いURLにアクセスするんですよねはい短いURLがどうなってて欲しいかをイメージしてみましょうか短いURLがその長いURLに紐づいてて欲しいなって思っていていい加減目覚めなさいあれ違うですか短いURLがどうなってて欲しいかその形分かればURLのエンドポイント見えてくるんじゃないかなっていうそれで言うと動きのガイドをしますはい」

「出題者というかこの本に書いてた内容で言うと短縮URLに対してアクセスをして300運番で長いURLを返します短縮URLはそのまま短縮URLにゲットリクエストをします分かる?そうなんですねそうっていう動きにしてほしいですもう一回いいですか長いやつが短いやつに」

「短いURL渡されるやんそれにアクセスするやんアクセスするってことはそのURLにゲットリクエストするじゃんウェブページ見るときもゲットリクエストその短いURLにアクセスすると全ガイドしてしまうんですけどとあるサーバーに飛びます短縮URLサービスのサーバーに飛びますこのURLでリクエストきたわサーバー側がその情報を受け取って長いURLを」

「レスポンスとして返しますステータスコードは301か302そうなんですね300番台は今ここにないからこっちに移動したよっていうステータスコードです300番台を受け取るとブラウザーはどういう動きがするかっていうと受け取ったURLの方にアクセスしに行けますっていう処理がの動きになりますね」

「そうなんですねって感じだよねそうなんですねちなみにちょっと応用的なところなんですけど301と302の違いどっちがどっちだっけ永続と一時だよね301が高級的永続的302が一時的みたいなニュアンスになりますとで」

「ただこれは意味が違うだけじゃなくてブラウザの動きも変わります301だと永続的なのでブラウザはそのレスポンスをキャッシュして短縮URLにリクエストするときにはそのリクエストせずキャッシュでURL短縮サービス」

「じゃないや本来のURLにアクセスしに行くような動きになるらしいです301だと302は一時的なので都度リクエストしに行きますなるほどねそんなんどっちでもいいしキャッシュするならキャッシュした方が良くないかって思うじゃないですかただ301にしちゃうと短縮URLに何回アクセスしてくれたかが分かんないんですよキャッシュしちゃうからなのでそのアクセスの分析をしたい」

「短縮URLサービスの事業者としてこれどんだけ利用してくれてるんだろうかっていうのを分析したい場合は302にしないと正しいアクセスが取れない確かに301はサイトを引っ越した時とかに使うイメージありますねうんうん」

「ドメイン変えた時とかにこのページはここに対応するよみたいなのを示すために301で永続的なリダイレクトをかけてSEOに影響出にくいようにするみたいなイメージありますねすごいですねその辺の補足ができるのはありがたいたまに見ますねそういうサイト移動しましたみたいなあれは多分301使ってると思う」

「今回非常にアクセス数の多いサービスなのでちょっとその辺は実際の負荷とかサーバーリソースの状態を見ながらどっちにするかは都度決める感じになりますねというのでエンドポイントポストとゲットが使われました他いりますか」

「まあいらないんですけど多分だよね削除は別にバッチでやりますよね多分バッチでやるでしょうしユーザーは削除しないんでねユーザーが削除することはないんでそうですよね更新したいこともないんで作り直すだけだと思うんでというのでエンドポイントの設計終わりです次ちょっとシステム設計で考える上で一個ちょっと重たいポイントがありますURLの短縮どうやってやるんだとそこだよなあ」

「言ってる意味わかりますかあの文字列をどういう感じで短くしようかっていう話ですねじゅんぺいチームのエンジニアにURL短縮やっといてって言ってどうやるんすかって聞かれたときわからんって言ったら多分殺されますよしじゃあ考えていきましょうポイントはあれですよね重複しないようにしなきゃいけないっていうところですよねそうですね重複しちゃダメですね」

「あとさっき言ってた10年間で3650億レコードに対応しなきゃいけないので3650億通りはないといけないですねそこの通りはちょっと調査しないと分かんないですねそうですね一旦なんか細かいことは置いといてアイディアあります?とりあえずそのURLのまず数を用意するということで何桁必要かというかアルファベットが」

「26文字とかでしたっけ26ですよね26と数字小文字大文字全部合わせて62です6262を何乗すればいいかをとりあえず出すちょっとそれは電卓必要ですそれでまあ桁数でそれで言うと62の7乗7乗で3000650億は超える7乗で3.5兆になりますね」

「なのでなんか7桁あれば良さそうだなっていうのは確かにそんなぴったりにする必要ないですよねまあまあまあただ3.5兆は十分多いし6兆にすると確か下回るんでなるほどね7兆で良さそうな気がしますね桁的にはなるほど7桁すると3.5兆できるの?3.5兆ですめっちゃ余裕できるんだめっちゃ余裕できますなるほど10倍ぐらいだいぶできますねじゃあ大丈夫だいいですね素晴らしいそこの観点は」

「あとあれだよね一致してるかどうかをデータベースに問い合わせるとかちょっとしんどいよね重複してるかって話ですかそうですねレコード数が3000億とかになった時に今これないっていうのは現実的じゃないですね確かにあいつしかいないな」

「どうしたらいいんですかそういう時にそうなったらなんかわかんないですけどでもなんかこう消費されたURLというかはもう使えませんみたいなすることってできるんですかね伝わりますかデータベースをどうするかにもよるけどでもそういうんじゃないんですねすいませんもう一度お願いします例えばURLで」

「ABCみたいなURLができたとしてそのABCみたいなやつはもう枠埋まったから使えませんみたいな感じにできればデータベースを見に行く必要がないというか重複もしないし枠埋まったってどうやって判断するんだデータベース見てますかね見てんじゃないわかんない見るしかないと思う多分はいっていうのがまあむずいじゃん」

「ノリさんって今アイディアあります?僕はハッシュ化するのがいいんじゃないかなと思ってますURLをいい観点ですねちょっと試しにハッシュちょっと思い出してみるとなんだかっていうと何かの文字から何かの文字に変換するやつです固定の桁数ですかね文字数桁数に変換してくれるアルゴリズムでいろいろありますと」

「アルゴリズムは8桁のやつとかCRC32はどうやら8桁らしくMD5はちょっともっと長くてSHA1はもっと長くてっていうものですとたださっき言った通りメジャーな波種関数で一番短くても8文字なんですよちょっとオーバースペックなんですね確かに8で妥協しようや1文字変わったとてただ8文字でもいいと思いますおっしゃる通りうん」

「ただここの書籍では8文字はちょっとオーバースペックだよね厳しい厳しいですねここからもう全ガイドでいくんですけどベース62っていうアプローチでいくみたいです何ですかそれは聞いたことはありますがそれもハッシュのやつですかバイナリーじゃない数字を文字に変えるやつで10進数を62進数数字とアルファベット」

「62進数?そうです10進数って0から9じゃないですか今回全部で62文字あるからってことね文字のパターンが16進数は0から9足すABCDEFまでかが16進数小文字と大文字のアルファベットと数字全部使うと62個あるんで62進数に変化するのがベース62ですそれってあるんですかそもそもあるらしいですそうなんだ」

「62文字をエンコードするときに使う方法らしいですそういうこと?なんかよくベース64みたいなやつ使う気がするんですけどあれってもしかしてそれにプラス記号が2つぐらい付いてるみたいな感じなのかな調べましょうはいプラスとスラッシュうーんまあでもプラスとスラッシュだとURLに影響を及ぼしそうだから」

「さらにパディングのための記号としてイコールが用いられるっていうので65種類やないかいって思うんですけど確かに65種類やないかいっていう意味なんですけどパディングは置いとくんでしょうね今日はこれはちょっと勉強になりましたこんなのがあるんだただURLとさっき数字から文字列に変換するベース60にって言ったじゃないですかどうやって紐づけるんですかってなるじゃないですかここで」

「じゃあIDを足そうという話が出てますデータベース年月日日時秒ミリ秒違うわオートインクリメントで作るオートインクリメントなんですけど年月日とかの日時情報プラスデータベースサーバー番号」

「データベースサーバー番号そっかスケールされてるのかスケールされてるからデータベースがめっちゃいっぱいあるから同時に更新されてもデータベースのサーバー番号があればかぶらないとなるほどっていうような形でちょっと待ってくださいねはいはいすいませんちょっと忘れてしまったのではいですが確かサーバーの番号が入ってますなのでかぶらないIDで数字が例えば488」

「13桁とかの数字になったとしてもベース64で変換すると64までが1桁になるので半分の長さになるじゃないですか多分10進数64進数にすると桁数が減りますととりあえずめっちゃ減りますとさっき言った年月日で8桁ミリ秒でプラス4ですよねだから12桁」

「サーバー番号で1つだったら1位13桁ですねこれでもう6桁7桁に短くなると頭でできないそうですね頭でできない音声で難しいところなんですけど」

「っていう発想でさっき言ってた3650億レコードに対してユニークなIDを割り当ててそのIDをベース60人で短縮することでできるだけ短いURLをユーザーに返すなるほどうまく数値の範囲を合わせれば7桁に調整できるってことですよねそうですそうですはいっていうのが以上はい」

「短縮URLサービスの設計っていうなるほど設計できちゃったんですね問題でした完成?完成ですおーもうできるじゃんいやー難しかったエンタープライズシステムだと難しさちょっと感じますよねこれそうねちょっとめちゃめちゃレコード数とかリクエスト数多かったんでインフラのこととかも考えちゃってましたねそうですけどただ何でしょうね多分」

「CDN組んだりとかデータベースも多分リージョンごとに置いといてレプリケーション設定してでマスタースレーブ構成とかにして書き込みできるやつと読み込みだけするやつみたいな構成にしてやるんでしょうけどなんならキーバリューストアがいいんじゃないかなと思いましたね」

「そうですねそれはありますねノーSQLですねパフォーマンス的にスケールもしやすいしとかそういうのもあるんですが一旦この書籍で取り扱ってたポイントとしてはエンドポイントどうするんだっていうのとユーザーの使用に耐える短縮URLの設計どうするんだっていうところがポイントになってました」

「というのはちょっとこの本ねおもろかったなと思ってね初めてサービスを作った気持ちちょっと味わいましたこれまで何やってたのこれまで作ってなかったっすね設計こんな感じなんですね細かいところを」

「することが多いですよね最初は回収とかこの機能のここの部分だけの修正とかねそうじゃなくてユーザーがこういうことやりたいって言ってるのに対してじゃあシステムに落とし込んだ時に何やったらできるだろうかみたいな全体を見ながら考えるっていうのは確かにあんまないだろうなと思って頑張って体験してもらおうと思ってなんとかして持ってきました体験できましたAPIわかんねえ」

「勉強しますちゃんとやんないとやばいですねAPIは本当にずっと思ってますねちゃんとやんないとやべーと思ってますけどちなみにこの本読んでていろいろ面白いなと思うことがあってこの結構お題が割とエンタープライズ寄りなんですよ本当にユーザー数めちゃくちゃいっぱいいるシステムをあなたはどうやって設計しますかみたいな確かになんかガーファのガーファ受ける人向けの本っていうイメージなんですけど僕あれ」

「ガーバには限らないじゃないですかでっかいSIやってる人とかとも同じことが言えると思いますSIとかも結構そうだと思うんであと社員数数万いる会社の社内システム作るときとかもパフォーマンスシビアだと思うんで確かに行政のシステムとかその辺のいろんなチップスが書いてましたそれこそ一個面白いなと思ってカジュアルに共有できることの共有なんですけどツイッターでも言ったんですけどUUID」

「あるじゃないですかUIDっていう固有なIDを割り当てるIDの一種ユニークユーザーID違うんじゃないですかユニバーサリーユニークアイデンティファーですユニバーサリーユニークアイデンティファーユーザーのIDじゃなくて」

「とりあえずよもやまに振るIDですねとりあえずよく見るじゃないですか地面はすごい使われてて何が便利かっていうと適当に生成しても被んないっていう便利さがあってどんだけ被んないかっていうと毎秒10億個のUIDを100年間生成した後1回衝突する確率が50%ですやばくないですか毎秒10億個っすよ確かになんで」

「めちゃめちゃ桁数が多いからそういうこと宇宙みたいな感じだからそういうGoogleとかめちゃくちゃユーザー数とかいろんなレコード数が多いサービスとかでID振るんだったらUIDっていう選択肢もあるらしいですしTwitterとかもTwitterにツイートにIDついてるはずであれはUIDじゃなくて別のTwitterのアルゴリズムあるらしいですけどそういうのも」

「他のやつと被ってないよねって確認しないで被んないよねってIDの生成の仕方してやってるんですってっていうその辺の話が書いててお題でもYouTubeを作るとかGoogleドライブの設計とかっていうのがちょっといろいろ書いててその裏側がどういうことを考慮して作られてるのかみたいなのがまとまっててこれは結構僕は楽しく読みましためちゃくちゃ面白いじゃんめちゃくちゃ面白かったこれ」

「ついに積んでるやつを取り出す時が来たかこれ面白かったですよちょっと駆け出し向けかっていうとそうではないんですけどただ一方でプログラミングからちょっと次のステップ行くとかAPIの設計とかもし終わってもう少し広く見なきゃなっていう人はちょっと早めに読むとシンプルに勉強のモチベーションになると思います本当に面白い本だったんであれ200問ぐらいありましたっけ」

「200問?違います違います10問ですこれはシステム設計のやつですノリさんが言ってたやつはプログラミングの面接のやつなんでこれシステム設計の面接試験っていうシステム設計の面接試験14章かな全部で14問ありますあれかつまらなそうな表紙のやつかそんなことないですよビジネス本みたいな表紙のやつですよ思ってたのと違ったわ」

「なのでちょっとこれ楽しかったですという共有でした最後お便りを読みますねラジオネームないわないんかいないですすいませんラジオネームなしです感想からいきますアメリカから聞いてる人ですアメリカから聞いてる人ちなみに少数層な女性リスナーです趣味でノーコードでアプリ作りしてます趣味アメリカンガールクーバネイティスカイとても勉強になりました」

「ビュッフェに例えるのは最初はてなでしたが意外と分かりやすかったですこれからも楽しみにしていますそうなんだ分かりやすかったないやまあ謎なのは僕も思ってますよシェフをクビにして雇用するみたいなやつそうそうそうすぐクビにしてその辺で雇ったやつにマニュアル渡してすぐ作業できるようにするみたいな話ですね確かに記憶には残ってるわ残ってますねポッドキャストで話してほしいこと」

「ノーコード系のトピックが聞いてみたいですあとはいろいろなデータベースの違いとかという話なので一旦データベースは重そうなので別のメイントピックとして一旦ノーコード系のトピックですね雑談的にノーコードねノーコードツールといえば」

「やっぱキントーンですか日本だとキントーンですね聞いたことあるぐらいですね実はでもローコードだよね多分どっちかっていうとなんかあれ裏JSでカスタマイズできたはずそうなんですか僕はちょっと使ったことあるんですけどはい」

「コードを触ったことがないです俺はあれでちなみにローコードっていうとちょっとしかコード書かなくてもページ作れるよみたいなノーコードはプログラミングできなくてもページ作れるよみたいなそんな感じですよねワードプレスって」

「ノーコードに入るのかなローじゃないですかちょっとコード変わりません?そもそもそういう最近のワードとマッチしないよねそれよりはるか前にあるのですもんねそうだよねノーコード系はやっぱ流行ってるっていう感じなんですか?そうですね僕は結構中小の企業さんとかと仕事上お取引することが多いんですけど結構ね」

「聞いたことないそういうツールめっちゃ使ってるとこ多いっすねこれでその何ですか例えば自社のウェブページを作るみたいな感じってことですか?ウェブページ作るっていうよりもアンケートフォーム作ったりとかちょっとそのちっちゃいシステムみたいなのを作ってることが多いかななるほど確かそれぐらいだったら業務システムとかはいはいはい」

「社内用の社内用のローコードとかノーコードっておそらくデータベースが用意されててそこにアクセスするための機能っていうのはボタンとか設定値書くだけで作れるよねみたいなツールのイメージなんですけど最近やっぱ触ってて思ったのはですねはいはいはい」

「なんやかんや確かにプログラミングいらないけどこのツールの使い方覚えなきゃいけないなっていうのはめっちゃ感じててまあまあ確かにね確かにプログラミングするよりは楽かもしれないけど逆にエンジニアからするとここ触れないんだとかここカスタマイズできないんだとかうわ絶対この機能どっかあるのにどこみたいなのとかねめちゃめちゃあるんでちょっとまだ歯がゆいですね使ってるとき」

「それはあるかもななんかあの大らかな気持ち必要ですよねそうなんですよただ爆速で作れるのは間違いないんでなんかユースケースをそっちに合わせていった方が僕はなんか生産性高いんじゃないかなとは思いますね確かに結構仕事以外でノーコードツール僕は多分使ってるんですよねきっとあんまり仕事で使うことはないんですけど今ノーコードカウスマップっていうのをちょっと手元で見ててはい」

「ワードプレスはウェブサイト系で入っててビジネスアプリの中ではノーションとかグーグルシートっていうのが見えますねグーグルシートそうなんだって思いますねスプレッドシートかなあーはいはいはい」

「ほんまか?ほんまかって思うけどねあとKintoneさっき言ったねなんならサービス全部ノーコードって言っちゃえるぐらいの幅の広さだねそうですね確かにチャットボットとか他にいろいろあるんですけどGoogleサイトとか僕はプライベートで使ってますけど便利ですねあれはすごいですねページを作るっていう観点で言うとワードプレスなんだったんだろうっていうぐらいバックストレックで作れますしサーバーレスですしまあ確かに」

「すごいなと思いますねノーションも似てるかもしれないですけどねノーションでいい個人的にはGoogleサイトでやりたいことノーションでできるんじゃないか多分できそうただお金かかるんでノーションはGoogleサイト無料でできるっていう破壊的意味のわからなさがあるんで破壊的本当に誰が得してんのあれっていう世の中の応援力が強いなんか」

「なんで嫌いせずに使うのは大事なんですけどユースケース選んでねそうですねECサイトとかならやっぱショッピファイとかもおそらくそこら辺に入るかなっていうそれはECそうですねありますねECサイトが簡単に作れるってことなんですねそうあれね商品登録とか管理画面も全部用意されてるんですよで見た目のカスタマイズもなんかボタンポチポチでいけるみたいな」

「ただ裏側でコード書くこともできるよみたいな感じのツールですねうんうんうん結局エンジニアがカスタマイズした方が自由度はやっぱ上がるとは思いますねエンジニアめっちゃ高いじゃないですか高いすごいですよねだってちょっとアメリカはどうか知りませんけど日本でも多分月60から120とかかかりますよねうんエンジニアやろうと思ったらかかりますだったらねローコードでねうん自分が1週間ないし2週間頑張って作った方が早いというか安いしうん」

「っていうのはあるかもしれないですねだって1ヶ月じゃできないですよね無理だねできないと思うんでそう考えるとねどんだけ安く見積もっても100円10万ですよ確かに自社サイト作ろうと思ったら高いね100円10万じゃできないでしょっていうかもっとかかりそうだそう考えるとすごいですねやっぱキントーンとかワードプレスとかノーションとか確かに」

「自分でビジネスやるんだったらマジでうまく使わないといけなくて自分の会社の中だったらもしお金持ってる会社だったら別にね作りゃいいだけなんでねユースケースによりますけど触った方がいいとは思います僕はそれこそノーションとかグーグルサイトと当てて思うのは多分グーグルサイトを例に出すとウェブページでこういう機能あってほしいよねっていうのが」

「多分機能として抑えられてるはずなんですよね最近のサイトはみたいな例えば見出しにリンクがついてるっていうんですかなんていうんでしょう見出しマウスオーバーすると見出しごとのリンクを取得できるようになってるんですよそれって多分HTMLで書いたらそういう設定にしなきゃ多分できないですよねID振ればいけますID振ればいけるんだはい」

「とかね僕はもうフロント全然もうご無沙汰してるんであんまり覚えてないんですけどあと画像貼れるとかね背景色背景色どうのとかわからないけどちょっともうむずいわりすかリストのやつとかヘッダーが出たり入ったりするとか全部マークダウンになればいいのにそれはありますよね」

「ノーションがこいつマークダウン切らないそうな顔してるマークダウンな全部マークダウンになればいいってめっちゃ思う本当にマイクロソフトの製品とかGoogleとか触っててめっちゃ思うマークダウンで書かせろってドキュメントあるよねGoogleDocsとかだよねすごいかわからんけどでもそうねエンジニア的にはねこんなもんですかそうですね」

「今後濃厚度もっと広がると思います広がるんじゃないですか今はメジャーどころのやつがボンボン立ってますけどもっとニッチめのそれこそイーシサイト太陽みたいな特定のユースケースに特化したやつが増えるんじゃないですか確かにって思いますけどねでももうぼちぼちレッドオーシャンな気がしますけどね確かにねいっぱいあるねいっぱいあると思うんで何のニッチがあるんですかね」

「自社サービスってだからランキングページのデモだってあるだろうしだから多分SaaS電子書籍出すローコードツールみたいな注文システムQRコードで頼めるやつそれはあり得る店のメニューとか値段とか登録してとかあとあの」

「アパレル系とかね個人店多いじゃないですかセレクトショップとかそこでQRコードを商品のハンガーとかに貼っておいて在庫あるかとか在庫系いいねそういうのをお客さんが見れるとかそれこそショッピファイがすごいアパレルのイメージありますね自分で出店するみたいなECサイトだからね」

「あ、ECサイトのローコードツールはもう結構あるからそこは外さないともう商売できなくてなるほどねABCマートとかもねあれなんか店員に声かけるの気まずいじゃないですかわかるめっちゃ忙しそうだからなんかたまにさ近くの別店舗まで取りに行く店員さんとかいない?ABCマートいるらしいですね上野とかだとあ、そうなの上野?上野だと」

「お客さんにスキャンさせてくれればね何センチありますかって言わなくて済むのになって思う確かに靴メーカーもさ箱によって見た目違いつけてくれればいいのにさすっごい全部同じに見えるよねまあそれはでも生産効率考えるとライン増やさなきゃいけないと思うんで厳しいんじゃないかな」

「樋口:はい、まあっていう樋口:確かにちょっとそれ面白い観点ですね樋口:ローコードツールのニッチなローコードツール考えようっていうのは面白い樋口:特定のユースケースとか美容院とかなんかヤンヤン:美容院、もうすでにありそうなんか樋口:店舗数がめっちゃ多い樋口:なおかつお金がないというか個人でどうにかしたい樋口:っていうところに多分刺さるんですよ樋口:ローコードツールってヤンヤン:歯医者だ樋口:あり得るヤンヤン:歯医者コンビニより多いらしいから樋口:マジで?樋口:美容院もそうですよねヤンヤン:嘘かもしんない」

「歯医者でもめちゃめちゃ多かった気がするへー歯医者さんお金持ってそうだな確かになるほどちょっとただ歯医者あんまりなじみなさすぎてユースケースよくわかんないですけど」

「受付とかかなあとなんか子供あやすわかんないないわもはやロボット動画見せとけYouTubeにはいちょっとすいません長々と喋ったんでそろそろ終わりますわはいお便りありがとうございます引き続きお待ちしております最後お知らせでハッシュタグひまじんプログラマーでXにてフィードバック募集してますので感想とかコメントとか思ったこととかをハッシュタグひまじんプログラマーをつけて」

「投稿?ポストポストしてくださいポストバチバチお待ちしておりますお願いしますもうツイートっていうボタン消えてましたねえそうなんだポストになってた気がしますうーんポストって呼ぼうかなでだよなんでちょっと遺伝子残すのそこでまだちょっとドメインがツイッターなんでねそこは変えれないと思うんですけどなかなか確かにドメイン変えたらねでももうそこSEOもクソもないかSEOはないんじゃないですかねもうだって氏名だもんねあんなのただなんかあのー」

「いろんなサイトに影響あるんじゃないですかTwitterで呼び出してる方いっぱいあるからリンク切れが死ぬほど起きるそこは301リダイレクトでリダイレクトしていただいてリダイレクトするよそこを頑張ってやるよりも他の機能を回収するわっていう気概なんでしょうねあとは説明欄からGoogleフォームにお便り話題なんでもなんでも募集してますのでそちらも気軽にお願いしますそれではまた次回バイバイ」

「初めて触ったMacBook思い出がいっぱいのチーム開発再起動したら治った謎のバグ僕たち私たちは卒業します駆け出しエンジニアを卒業したいあなたへひまじんプログラマーの週末エンジニアリングレッスン各種ポッドキャストで配信中」