この番組はエンジニアの成長は楽しい学びからをモットーにもっともっと頑張っていくラジオでございます頑張っていきましょうモットーにって言うとさあれを思い出しちゃうんですよね白菜またたのプンバーのセリフちょっとわからないそうですかちょっとわからないですすいませんよしじゃあ今日も元気にやっていきましょう今日はちょっと解説の具材ですがそうですね今日はですねはい

エンジニアがデバッグするときに見えているものという視点の話をしていこうかなと思ってますそうですね昔と比べると見えるようになってきたものは多くなってきた気がするんですが例えば例えば例えば例えばターミナルのターミナルって言っちゃった

ターミナルとかでターミナルって言っちゃったターミナルとかなんかエラー出てきた時になんかここら辺見るとか見慣れてきたとかどこを見るかが分かってきたみたいなそうですね多少勘どころみたいなのがまあマシになってきたなと思いますねまだまだですがとか

カスタマイズ次第ですが今このブランチでやってるんだなみたいな意外と大事というかちゃんとマスターじゃない動かしたいブランチにいるようななるほどねいい傾向ですねありがとうございます今回のエピソードのきっかけなんですけどなんかあるんですよねあるんですよ私あの

最近ですね巻き込まれる形で友人のプログラム開発みたいなのを手伝ってまして巻き込まれてしまったんですねはいその友人はですね全くプログラミングに関して言うと未経験でピッチコンテストみたいなのでバイブコーディングでサービスを作ってでそのサービスをプレゼンして勝ち上がったら資金調達できるみたいな

すごいなそういう世界が始まってるんですねそれに出てるらしくて急遽デプロイのところがどうしてもうまくいかないということで召喚されまして結構見たんですけどその時にですねまず一つ思ったのは本当にエンジニアなくても結構いい線までいけるんだなっていうのは思った

なるほどちょっとごめんなさい一回前段で話に挟んじゃうんですけど非エンジニアでちなみにコンサルの方なんでしたっけコンサルの方ですコンサルの方でそういう業界で自分でサービス作ってコンテストみたいなそういうコンテストが開かれる世界になってるわけなんですよねそういうことですねAIのおかげですごいですね本当に

本当だよね何ならさなんだっけあのジェンスパークのさスーパーエージェントみたいなやつでさコンテストみたいなやつ今開催されてますよねへーそうなんですねそうでプロンプト組んで自分のエージェント作ってそのエージェントが1位だったら優勝賞金100ドルみたいなそんな感じのやつ100ドル1万2万とかちょっとごめん数字は適当に言ってるあーはいはい

優勝賞金があるとかまあそういうのも開催されてるんですねそうスーパーエージェントってそれはプロンプトのシステムプロンプトとかそういう話ですかあれと同じだと思うよGPT'sエージェントだからもうちょいいろいろできるのかもねうんうんうんちなみに1位はですね1000ドルあすごい15万20万そうですねえーいいのやってみたらやってみたら

確かにエージェントのそういうコンプトのチューニングとかそういうレベルであればもちろん大変ですけどね優勝するってなったら大変ですけど比較的参入しやすいですねそうね今1位そんなに星ついてる感じしないからインフルエンサーの順平ならいけるんじゃないかな確かにインフルエンスパワーでキマプロの期待の星そうとしてうん

なるほどなるほどそういうコンテストは増えてきてそうですねはいエンジニアというか世界全体がAIになって変わってきてるなっていうのをちょっと感じたので聞きましたちょっと俺もそのイベントの詳細全く知らないけどねそういうのコンサルの世界でもあって急遽召喚されて

そうねコンサルの世界なのかなどっちかっていうとなんか経営者が参加してるみたいなイメージ多いけどあーなるほどてかそんな印象を持ってたわそのイベントに関して言うとはいはいでどれくらいそのAIのみで作り上げれてたかというとうん

機能どのくらいだろうな6機能ぐらいあってログインとかログアウトができてみたいなぐらいの規模感のアプリケーションをボルトかなボルトを使って作ってたんですよでも見た目はねめっちゃ綺麗ボルトで作った感あるというかCSSフレームワークが活躍したんだろうなっていう見た目ではあるけどでも見た目は綺麗で普通に気にならないと

かつデプロイもしててスタックはバーセルとスーパーベーススーパーベースってスーパーベースなのかなスーパーベースなのかなスーパーベースだと思ってましたよSPですもんねSUPAじゃなかったっけあれそれだったらスーパーになりつつありますね

マジ?でもERじゃないよSUPAだでもそうかそれでもスパベースかスーパーパーはないですねパーはないかスーパーベーススーパーベースかスーパーベースと言っておこうかスーパーベースと言っておきましょうそこにデプロイがされててアプリケーションも一応もうなんか

既存のURLだったけどそこでアクセスして普通に見れる状態になってたとただちょこちょこやっぱ機能バグってて一部機能でデータ保存できないとかログインがうまくいかないとかっていうような状態になってるっていうところまでたどり着いてたなるほどログインとかもできることもあればできないこともあるみたいな不安定な状況って

そうだねざっくり形はバーってできてて機能の流れもできててページの見た目もできてるけどバックエンドとのつなぎ込みがうまくいってないようなイメージかななるほどだからそこでいけるようになっちゃったらもうエンジニアなしでも動くサービス作れるんだなってまず一個は感じたねはいはいはい確かにまあでもそこが疑問だったりするかもしれないですけどそうだねはい

あれを超えられるようになるの来るのかな結構そんな難しい感じだったんですねそうだね一番見てて思ったのはエンジニアと非エンジニアだとプロンプトの作り方全然違うなと思ってプロンプトボルトに入れるときのそうそうそうそうこの違いを言語化したら例えばですけど我々がもともとターゲットとしていた駆け出しエンジニアもともとそうですね

駆け出しエンジニアとエンジニアと非エンジニアの境界線ってグラデーションだと思うんですよ確かにくっきりはないですバチって区切られてるわけじゃないとはい

だからこの言語化してる部分をうまく見つけることによって早くデバッグとかできるようになるんじゃないかなとかなんならエンジニアじゃないけどバイブコーディングしたいっすみたいな人が聞いてる場合はそこら辺とかも参考になるんじゃないかなと思っていて今日はそれを見ていて思った話をしようかなと思ってます

なるほどじゃあ完全にその非エンジニアの方のお手伝いとして入った時のその人の動きであとはのりさんがどうこう見たのかとかそういう話そうですねはいありがとうございますめちゃめちゃ期日ギリギリで相談されたんで魚の釣り方を教えるスタイルじゃなくて魚あげていくスタイルでやってたんですけどまあしょうがないですよね時間ないととはいえ見てて思ったことはいろいろあったというかうんうんうん

お願いします特にデバッグの話ですねある程度見た目できてたってなるとそうなりますよねそこをやっていくことになりますよねやっぱりそのつなぎ込みの部分解決できなかったんですよ基本的には一人だとただ僕作ったプロンプトを渡すと割と一発で解決していったというかなるほどのりさんが実際にコードを読み解いていって

だというよりはもうそこのAIへの指示で解決することができたんですねそうだねそれで言うと俺あんまコード見てないですプルしてローカルに落として起きてる現象とこの辺怪しいんじゃないかなっていう情報をもうカーソルに渡してデバッグプラン作ってもらっただけですそうなんだじゃあ本当に指示の出し方

一つで改善したっていうところなんですねそうなんですよはいはいはいでじゃあまずそのプロンプトの部分でどんな違いがあったかっていうとまずですね非エンジニアのプロンプトの作り方はい起きてる問題をそのまま投げるうん自分が捉えたようにそのまま投げるみたいなエラー文が出ましたうんそのエラー文をコピペして投げるとかではなく

そのケースもある。エラー文が出てたらそれをコピペして貼るだけ。出てなかったらその状況を伝えるだけみたいな。でもやりがちな気がしますけどね。僕もなんか。これがあんま良くないなと思っていて。すいません。コードどういう状態になってたかっていうと、ちょっとこれはマイグレーションだけの話なんですけど、

もうね応急処置をすごい積み重ねてて例えばさバグを怪我だとするじゃん腕がブシャーって血出て絆創膏貼りましたと絆創膏じゃ止まりませんでしたみたいな次もうちょい大きい絆創膏貼りましたとそれでもまだ止まりませんでしたみたいな包帯巻きましたこの包帯を乾燥してシミ出てきましためちゃめちゃ応急処置してる

その後これはやっぱ薬を塗って治さなきゃいけないんじゃないかなってなって包帯を貫通させて薬をねじ込みましたやばまだ止まらないとじゃあもうこれはちょっとおかしいから手術しようってそれを全部切って手術して乗り合わせてさっきつけてた絆創膏とかを元に戻しましたみたいな

相当ですね上塗り状態になるというかすごいななんか出てきた問題をさパンパンパンパン渡すだけだと油絵みたいになるんですよね絵の具塗り重ねてすごい厚み出てるみたいな油絵って言ったんですねなるほどっていう状態になってたなるほどそれが一番よく分かったのがマイグレーションですねテーブル数に対してマイグレーションの量がめちゃくちゃたくさんあってはい

それ見てたら最初に作ったのと全然違うマイグレーションとか変更するマイグレーションみたいなやつがバンバンバンバン溜まっててみたいなもう俺も何が起きてるかよく分かんないみたいな感じになってましたねそのマイグレーションって何のために必要なのかデータベースのテーブル作るためですねテーブル作るためにテーブル数がいっぱいあってうん

それに対してそのマイグレーションのファイルが多すぎたテーブル数も多いしマイグレーションのファイルがさらになんかめっちゃ多いんですねテーブル数も多かったし多分使ってないテーブルもあれいっぱいあったんじゃないかなって気がするけどなるほどゴミとかもいっぱい溜まっちゃってたんですねそうでマイグレーションって基本的にさ過去の書き換えないじゃないですか

新しいのを追加していくというか多分テーブル設計はちゃんとしない状態でボルトが勝手にこういうテーブル必要っしょって作っててやっぱりバグって変えますって変えてみたいなのを重ねた結果1テーブルに対して3マイグレーションファイルぐらいあるみたいなっていう状態になってましたね確かに応急処置しまくってる感じが伝わりました

一時期同じ問題を直すために二人で作業したりしたんですよその時に結構動きの違いが出てるなと思って向こうは僕がプロンプト考えた間に3回くらいプロンプト投げてるんですよ直ることもあれば直らないこともあるみたいなエイヤーでやってたみたいな感じなんですかねそうそうこのコンテキストの渡し方の違いが一番エンジニアと非エンジニアの違いなんだなってのが

まず気づきとしてありました要は何か起きてる問題が起きてるとこういう問題が起きてますよっていうのを伝えるのが非エンジニアのやりがちなパターン一方エンジニアは起きてる問題に対して原因を特定してからプロンプトを作ってるんじゃないかなっていう風に思ったっていううんうんうん

確かにもしくはあれですよね前はちょこちょこ話に出しますけどやはり仮説を立ててそれに対処しようとする僕はやっぱりエンジニアですよね違いました?違わないよはいはい

まあそうね同じかなって思っちゃっただけああそういうことか原因も結局どこまで行っても仮説でしかないからはいはいはいじゃあなんでエンジニアってそれできるのっていう確かになんでそうなっちゃったのってそうなれたのなんでだと思います?じゅんぺいくん仮説を立てなきゃっていううん気持ちをうん

持つことなんですけどなんでそう持つのってなったらすげー周りくどくなっちゃった経験なんじゃないですかねちなみにその気持ちがあればいけそうですかその気持ちを持ち続けると最初はもちろんそれでも分かんないですけどそれが積み重なって経験が積み重なっていって

できるようになるかなと言いましたねそのスタンスが大事だよねみたいなそういうことねはい根本はそれは確かにそうだただまあ結局できるようになるのはやっぱ経験がないとっていうところかなそうじゃあ一体経験を積むと何が変わるんですかね見たことあるぞとかって勘どころが鋭くなるおーあなんか詰められるかもしれないまたいやそうっすねーやばい似てんかな笑

似てんかまあそうねざっくり言えばそうなんですけど僕は多分ですけど一個の機能を実現するために起きている一連の流れっていうのが透けて見えてるからだと思うんですよねはいはいはいだからこそ仮説が立てれる

って思っててもちろんそうなるためには仮説立てるぞっていう気持ちで積み重ねるの大事なんですけどその上で何が起きてるかっていうのを細かく理解しておかないと仮説立てれないんじゃないかなって思ってますと例えばアプリケーションがフロント側にデータを取ってきてフロント側に表示しますよみたいな一個の機能でも分解するとブラウザがリクエストを送りますよねはい

それがサーバーに到達しますともしその機能に認証が必要なら認証を行いますと認証成功したらセッションにその認証成功したよって情報を残すじゃないですかセッションのログインの場合はその後認証OKだったからアプリケーションがロジックを実行するじゃないですか例えばこのページはこのログインしているユーザーのツイートを取ってくるみたいな

でじゃあこれDB必要だねってデータベースからデータを取ってきてでもしそれに加工が必要ならさらにアプリケーションがそのデータを使ってロジック実行したりとかしてでフロントに渡されてでフロント側で表示を整えるわけじゃないですかっていう流れが多分最初見えてない気がするんだよねそれが分かるのってつまりその経験なんじゃないかなと思ったんですけどうん

まあでもそうだなちょっと経験だとアバウトすぎるな経験アバウトというかどんな経験っていうことじゃない確かに失礼しましたどんな経験を積むかが言えるならって感じじゃないかなはいはいはいどうなんだろうないや経験なら間違いないんだけどそこで終わってしまうとじゃあ量やればいいんだになってしまうというかうんスケスケになるためのうん

そこの一連の流れを開発なり開発なのかな開発しなくても一回見て学習するとかでもそれでもどっちも必要だと思うんだよね早く成長するならっていうのも多分実務だけだと動いてよしできたで終わっちゃうケースも結構出てくるはず終わっちゃう

なんとかやりきたぞっていう期間内にその時にあると認知してた問題だけは解決できるかもしれないだけどそうだな例えばですけどネットワークはなぜ繋がるのかって本があってはい

あれすごい名著なんですけどあれ一冊400ページぐらいあってその400ページで解説してることってブラウザがリクエスト送ってサーバーに届いてレスポンス返ってくるまでの一往復の話をしてるんですよすごい多分実務経験だけだとその流れ全部は知れないような気がする知れない矢印行って返ってくるぐらいしかは

サーバーエンジニアだったらそのサーバー側の中身をもしかしたら把握してるかもしれないけどそうね最初の2章でさまだ自分のPCにいるからね通信がすごい2ページじゃなくて2章なんだそうっていうので両方は必要かなっていう気がするねこれ全スケするには全スケスケスケになるには

一旦まずどういうステップを踏んで動いているのかっていうところが透けて見える必要がありますよとこれができていれば多分エラーの解像度上がると思っていて間違いないフロントで例えば木のボタンをポチッと押しました保存に失敗しましたみたいなメッセージだけが表示されていますと見えてない人は何をするかというとこの木の例えばカーソルとかで修正しようとするじゃないですかはい

そしたらこの機能がエラー出てますで起きてる現象としてはこのボタンを押すとこのメッセージが返ってきますみたいなそれで解決するケースもあるだろうし的外れの場所を直すケースもあるかなと思っててさっきのサーバーからデータ取れてないってさめっちゃ細かく言うと

もしかしたらクロスオリジンのリソースシェアリングのところに違反しててブラウザがリクエストの送信をキャンセルしちゃってるケースもあるかもしれないし認証で弾かれてるケースもあるかもしれないし認証は成功してるんだけどセッションにちゃんと保存できてなくて認証情報を維持できてないケースもあるしシンプルにロジックが間違ってて存在しない配列のキーにアクセスしようとしてエラーが出ちゃってる可能性もあるしはい

はたまたデータベースでエラーが出てるケースもあるし実はデータ取れてるけどただフロントで表示できてないだけのケースもあるじゃないですかさらに細かく言うとデータベースでエラーが出てるっていうのもテーブルがないケースもあるし保存しようとするデータが例えば外部キー制約とかの制約に違反してるケースもあるしシンプルにアプリケーションが発行してるクエリが間違ってるケースもあるしすっげーすげーですねのりさん

スケスケでしょスケスケだなっていうのを把握しないと仮説ってやっぱ立てれないなと思ってて立てれないすごい結局何が言いたかったかっていうとバイブコーディングとはいえこの裏側が透けてるのと透けてないのだと全然プロンプトの作り方が違うなって思ったんですよ僕だったらですよ一旦さっきの例の問題が起きたとしたら怖いなぁ

どんなエラーが発生してるかを見に行きたいので間違いないそのエラーをここ見に行けば分かるっていうのが分かってるんだったら見に行くんですけど分かんない場合はAIに聞きますねどこ見ればこの詳細なエラーログ見れるって僕は聞きますねそれめちゃくちゃナイスプロンプトだねナイスプロンプトナイスプロンプト

ナイスプロンプトクラタですねナイスプロンプトクラタこれはNPKそれで見に行ってエラー見たら検討ある程度は8割方つくんじゃないかなって思うんでその問題解消するためにそこら辺周りの修正をしてってプロンプトを送る感じですね僕だったらなるほどねはい

NPKだねNPKよかった集められてないのかな多分多分アプリケーションで完結するならそれで解決するような気がするちなみに今回その知り合いが困ってた部分はいは結論よとデータベースでエラー出てるだったんですよそれはどうしたらよかったんだろうなこの時のデバッグ方法ってどうします?

ちなみに出てたメッセージはね例えばユーザープロフィールステーブルが存在しませんみたいなエラーが出てたテーブルが存在しませんそしたらシンプルにまずテーブル見に行くかもしれないですねそうだよねちゃんとあるっていうそれがねエンジニアムーブだと思うんですよそう言われたなら一方多分ねエンジニアじゃないとその行動しなかったんだよね多分

どうなるんだろうそうするとよくわかんねえなとりあえずこんなエラー出てるから修正してって投げちゃうんですかねそうしかもちょっと厄介なのはスパベースボルトから基本スパベースとかのデプロイも全部操作してたんですよなんだけどマイグレーションとかだけはねコマンドラインで実行する必要があったのかな多分だからマイグレーションファイルはどんどん作られるんだけどマイグレーション自体は実行されてなくてずっとそこで乖離しちゃうみたいなへー

のが起きてたねそこはいじってくれないんですねえんとないじってくれてなかったねでも厄介なのがいじったっぽい出力になってるんですよ何々を実行しましたみたいなそれ引っかかりますねそれ全然僕でも引っかかるんだそれそうだからこそテーブル見ないとテーブル見てやっと確信できるみたいな感じでしたねしかも

マイグレーションファイルぐちゃぐちゃで多分何回か帰ってきたプロンプトの指示に従って実行とかしてたから存在してるマイグレーションと実際に実行されてるのがずれすぎてコマンドラインから実行できなくなってたんですよマイグレーションができなくなってるんだそんなになっちゃった同じSQL作って作らせて手動実行してなんとかその場しのぎみたいな感じでしたねへー

結構とっちらかったんですけどじゃあ一体それらの視点を身につけるためには何すればいいのかっていうので効果的な方法なんですけどさっきの順平のどうやったら原因わかりますかみたいな聞き方はめちゃいいと思っててこれは結構高確率で解決する上に学びになる気がする

なるほど確かに僕は結構普段からどうやったら分かるってよく聞くんで選択肢が3つぐらいとか結構出てきたりするんですよねここ見てもいけるしここ見てもいけるしとかそういうのあるんだってよくなりますねそうそうそうそうだからそういう使い方してればそれこそさっき言った経験がたまっていく気がする一方

ずっと起きてる問題だけを原因考えずにこれを直してっていう一足飛びに到達しようとするといっぱい開発しても経験値あんまりたまらない気がする何が起こってるか知れないですもんねそうそうそうそうちゃんと問題を問題解決にたどり着くようなプロンプトを投げて経験積むっていうのがね結構ポイントかなっていうのを今感じてますねうんうんうんでその上で

手札増やすために例えば技術書とかネット上にある学習コンテンツとかで体系的な知識身につけつつさっきみたいな経験を積み重ねていったら全体が透けて見えてきていい仮説を立てれていいプロンプトが作れるようになるんじゃないかなっていうあとは暇プロ聞くとかナイス営業これ聞いてる人は聞いてますからですねそうなんですここで言っても意味ないです聞いてるから

まあっていうのがねこの前ちょっとサポートしてて感じたなっていういやいいですねなんか現実に即してるというかいつもなんか机上の空論とまで言わないですけどまあ一般的にとか頭の中の話になっちゃうんで現実的にやっぱそういう動きをしてる人がいてどうしたらよかったのかなっていうのはいい話ですね僕も僕もって言ったらちょっとあれだなと

いい感じの学びになりました久々のアフタートークいいですか出た 順平のアフタートーク僕のアフタートークって言うとちょっとあれなんですけどチームの方で最近社員の方がジョインしていただきましたとその方がハードのエンジニアやっててまた未経験でソフトウェアの方のエンジニアに転身しましたと

ちなみにハードウェアってどういうことするんですか?あまり聞いてない?車関連って言ってましたねで中国とかに出張したりとかって言っててがっつり半年間とか行ってやってたみたいですね車関連の機械設計とかそういうイメージなのかなハードの人ってあんまりハードの人のイメージは言ってなかったけど

そうですね設計も多分もちろんそうなんですけど実際に多分手を動かして作ったりあとは作った後になんかこう品質がどうだっていうそういう検証のテストとかもやってたみたいですね結構全般一通りの流れをやってたみたいですそうなんだじゃあなんかあれだね

同じエンジニアっていうワード使われてるからさなんか完全未経験よりはできるんじゃないかって印象ついちゃうけどそんなこともなさそうだねまあそうですねそうですね

違う業界に入ってきたみたいなもんなんですごい多分難しいと思うんですよいろいろまあそうだよねその中で一応うちの方ではQAエンジニア品質保証として入ってジョインしていただいてるんですけどただやっぱり品質保証とかの

仕事の中でどうしてもリポジトリとかを自分のローカルの方にクローンしてきてVSコードで見るとかをそういう作業とかをしてもらおうと思った時にやっぱり操作が全く慣れてないんでGitクローンもできないとそれはそうだと思うんですよそれはそうだと思うんですけどGitクローンとかする時ってターミナル

使ってやるじゃないですかそれとかも確かに駆け出しの頃とかって意味がわからないというかターミナルって何みたいな確かにねターミナル自体わからないのにクローンとか言われてわからないしGitって何ってなりますし確かになすごい難しいなっていう風に思ってここで話したいのはそうですねターミナルってそもそも

どう教えたらよかったんかなっていうのをちょっと思いましてなるほどね説明がすごい難しかったんですよねはいはいはいあれ何なんですかねファインダーですファインダーですかファインダー見せながらが一番いいと思います僕はなんかPCってさ

GUI例えばMacとか使ってたらさウィンドウシャーってずらしてデスクトップ開いたりPC開きながらファインダー開いていろんなファイル見たりとかするからしますね全てが手に全て手が届く空間に見えるというか

うん 確かに見てるものが全てでそんな感じはしますね一方ターミナルってさイメージどっちかっていうとさ一個のウィンドウじゃないですかファインダーとかのWindowsでいうとExplorerか確かにだからまず黒い画面開くじゃないですかはいでこれまず黒いっすよねって聞きますとでこれ実は何かっていうとこれなんすよって言ってファインダー開いてうん

実は今開いてるのここの1画面のことなんですよみたいなはいはいまずPWDってやってみてくださいみたいなプリントワーキングディレクトリやるわけじゃないですかそしたらファイル一覧バーって出るじゃないですかほら同じファイルありませんみたいな

ターミナルって普通のPCの見た目でポチポチやるのと違って別のディレクトリとかに行ったり来たりとかできないんで例えば1個のファイル編集するよってなっても今ファインダーで開いてるこの1ページのことにしか触れないんですよみたいなっていう捉え方の違いみたいなところから説明するといいんじゃないかなって

思ってました でもこれをやったことないんで フィードバックください僕は今のを聞いてて 疑問が残りますなんですか? 疑問?疑問?疑問というかじゃあファインダーで良くないって思っちゃいましたねファインダーでもいいですよなんでわざわざこれ使うのっていう気持ちになりますね なるほどね

使わなくていいなら使いたくないと思っちゃいますじゃあファインダーでもいいですよいいんですか結局これなんで使ってるかというと楽だから使ってるんですよこれ楽なんですねターミナル例えばじゃあ今Gitクローンしましたとこの作業を

あの git 使わずにやりますねって言ってうんじゃあまず今回ソースコードを保存している場所があるんでこの github ってところに保存されてるんですけどこの github 開きますとで github にこれいっぱいコード入ってますよねとじゃあこれをまずダウンロードしましょうかって言ってクローンのとこ実は zip でもダウンロードできるじゃないですかはいで zip でダウンロードしますとうん

OKOKじゃあこれでダウンロードしてきましたとじゃあ次回答しますねってダブルクリックして回答してでじゃあさっきのプロジェクトの位置に作りたいんでこのファイルこっちに移動しますねみたいなこれがさっきのGitCloneのコマンドでやってたことですみたいなめっちゃ時間かかりませんみたいな確かにだから別に目的達成できればGitを使わなくてもいいっすよって思っちゃうかなっていううーん

なるほどでも面倒じゃないですかだからみんなこれやってるんですけど最初とっつきづらいですよね黒石みたいなじゃあちょっと別のやついいですか別のやつお願いしますなんかファインダーはイメージしやすいですいっとも実態があって実態あるのか全部あるんですけど例えばブリューインストールとかああいうのも

ファインダーと違ってイメージしづらくて何が起こってるかよく分かんないんですよ何かをインストールしてるんですけどそれもまたなぜターミナルでっていうイメージしづらいものが結構ターミナルジュアルでやるじゃないですかNPMインストールとかそういうのとかいろいろそういうのが来たときはなんて言ったら負に落ちるかなっていうじゃあ次はこれを手動でやってみましょうか

なるほど もう根本はやっぱり ターミナルは楽なんだよっていうことだと思うけどねうん なるほどだってさっきの npm インストールもさ

じゃあ今回のプロジェクトリアクト使いたいんでじゃあこれインストールしますねこの時NPMインストールってやるんですけどなんでこれ使うか分かんないじゃないですかじゃあこれ手動でやったらどうなるか説明しますねみたいなまずリアクト保存してるページもちろんあってそれをこれダウンロードしてきてるんですよみたいな

でリアクトって実はリアクトだけで動いてなくて裏側にいろんなシステム組み合わせた結果リアクトとして動いてるんですよなんでリアクトのページ開いて必要なソフトウェア他もあるんで全部調べますとで今これ全部で100個ぐらいあるんでじゃあ次この100個のサイト開いてダウンロードしていきましょうかニコニコってやばい先輩じゃん

大変だやばい先輩やってるな俺そうか楽だからかじゃあごめんなさいもっと根本の質問もしていいですかこれも多分気になると思うんですよなんでこの黒い画面で特定のコマンドを叩くと動作し始めるんだろうっていうなるほどねこいつは一体何なんだってなるっすよいいっすねそこも結構疑問ですねなるほどOKこれはですね

パスというものが関係してますパス結構がっつりコンテンツになってるけど大丈夫?これねパスというものが関係してますとまず僕らが普段使ってるアプリケーション例えば何使ってるか分かんないけど一番身近なテキストエディターでいきましょうか分かりやすいしはい

これってファイルの中身書き換えて保存してますよねVS Codeとか想像したらいいですよねそうそうそうそうやってますよねこれ裏側で何が起きてるかっていうとこの文章の書き換えと保存に必要なコマンドをアプリケーションが裏側で実は実行してるんですよ

なにぃーちょっと僕何ポジになっちゃってるかちょっとあれなんですけど確かに駆け出しポジでなんか話してると思ってもらってはいでそういうコマンドを発行してるんですよはいその結果保存できてるんでまずPC上の操作は全部コマンドで行われてると思っていいですはいはいでその上でじゃあなんでそのコマンドが実行できるのっていうことが気になってますもしかしてうん

実はそんな気になってないですかなんてことなんですかなぜそういうことがなんですかね普通にGUIで操作するのが普通じゃないですか一般的になのになぜ黒い画面でコマンドを打つとなんかいろんなことができてしまうそれで言うと別に黒い画面じゃなくてもいいかもしれないなそもそもそもそもそも

あくまで手段の一つであって使わなきゃいけないわけではない気がするで使うのは楽だからそうだから楽にならない作業は使わなくていいと思う確かに僕は思っていますはいはいはいはいただ一個難しいのは今の自分にとって楽と将来の自分にとって楽はちょっと違うかもしれないからそこだけ難しいですね確かに

どっちも知った上で選択できるようにならなきゃいけないんでやっぱ最初はターミナル触ってみて便利なんだっていうのを2,3年かけて掴んでほしいなって僕は思っていますわかりましたなるほどそういう説明か楽なんだよっていうか現実的にこれ使わないと大変すぎてやばいよっていう場面は山ほどありますからねさっきのインストール系の話とか

そうね 別にディレクトリ作ってさ ファイル作ってさ何か書き換えるとか別にVS Codeでもいいですようんうんうんでも100個作るってなったらさVS Codeめんどくさいんですよ例えばなんかディレクトリ1から100までを作るみたいなそうですね連番のファイル作らなきゃいけないってなった時にVS Codeで100回右クリックして100回ファイル作るんですかみたいな大変じゃないですかめっちゃ大変ターミナルなら5秒でできますよって言って

分離っていう感じじゃないですかねはいちょっと次聞かれたらチャレンジしてみますそうでダメだったらもう一回持ってきて分かりましたもう一回挑戦するわありがとうございますじゃあ締めますじゅんぺいがハッシュタグひまじんプログラマーでSNSのXでフィードバックを募集していますターミナルじゃないな非エンジニアの

ここの視点そんなあったかみたいな非エンジニアの面白い視点とかあのとかあのエンジニアから見たでもいいですし非エンジニアのこんな視点あったかとかもうちょっとこうしたらみたいなとかいろいろあったらぜひハッシュタグつけてポストしていただければたまにエゴサします完璧ありがとうございます

あとはポッドキャストの説明欄からGoogleフォームで番組への要望・感想・質問を募集しています何でもいいのでお気軽にお願いします置いたなまたポッドキャストのチャンネル説明欄からオンラインコミュニティひまぷろ談話室の参加申し込みフォームがありますので参加したい方は申し込みをお願いしますちょっと承認までタイムラグあったりするんではい

申し込んだら1週間くらいメールを見張っていただけると申し訳ないですけどねどうしても手動ですからねここそういうルールはないんですけどね最後に各種プラットフォーム間違えた各種ポッドキャストプラットフォームのフォローと高評価をお待ちしております皆さんの高評価が僕たちの糧になりますエナジーということで今回終わりにしますそれではまた次回バイバイ

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