Shin@プログラミングチュートリアル Profile Banner
Shin@プログラミングチュートリアル Profile
Shin@プログラミングチュートリアル

@Shin_Engineer

Followers
5,701
Following
18
Media
383
Statuses
1,614

4万人プログラミング解説系Youtuber|受講生2.5万人Udemy講師)|何でも良いのでお仕事等ありましたらお気軽にDMにお待ちしております! Udemyクーポン配布中→

Joined November 2020
Don't wanna be here? Send us removal request.
Explore trending content on Musk Viewer
Pinned Tweet
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
【ShinCode_Camp】運営中です🚀 👨‍💻僕がリリースしたUdemy講座見放題 💻オリジナルWebプログラムコース見放題 🤝Shinと個別相談可能 🤖無期限Discordコミュニティで情報共有 🎁1週間の無料トライアル付き Youtubeにはない深い学びを提供中。気になる方は今すぐチェック!
Tweet media one
0
9
87
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
「成功確率を1%から99%に上げるためには459回チャレンジすること」という計算式は面白い!1度失敗したからと言って諦めるのは勿体ない。宝くじを当たるまで引くという感覚があれば、誰にでも目標を達成する可能性があることが示唆されていますね。成田修造さんの本です。 #逆張り思考
Tweet media one
4
110
583
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
ついに僕にも彼女ができました!!!生まれて26年間彼女がいなかったのですが、Pairsというマッチングアプリを使ったところ何とか素敵な女性に出会うことができました。Twitter上等でアドバイスをしてくださった方々、感謝しております。これからもボチボチお付き合いができたらなと思っております。
40
13
573
@Shin_Engineer
Shin@プログラミングチュートリアル
11 months
先日あげたYoutubeの動画です。今はVSCodeをやめてCursorと呼ばれるAIエディタを利用してます。APIキーを設定すれば追加課金なしでエディタ上でGPT4利用ができるので、導入してみてはどうでしょうか。Yuriさん( @yuri_profile )に教えていただきました。ありがとうございます!
Tweet media one
4
48
562
@Shin_Engineer
Shin@プログラミングチュートリアル
2 years
最近思うWebエンジニアが健康で仕事を続ける秘訣は ・30分に1度は立ち上がる ・お風呂(湯船)に毎日入る ・エラー出ても夜まで持ち込まない ・週一はプログラムから離れる だと思っています。若い内は無理が効きますが、知らないの内に身体を蝕む場合もあるので頑張り屋さんの方はお気を下さい🥲
6
52
520
@Shin_Engineer
Shin@プログラミングチュートリアル
3 months
ある程度プログラムスキルがある人であれば「Claude3.5 sonnet」はチート武器になり得ると思っています。実際に私も使っていますが、難しいバッチ処理やOAuth認証フロー等、知識がなくとも丁寧なコードで回答してくれるのでGPT-4と比べて格段に安心してコーディングできるようになった気がします。
Tweet media one
3
29
516
@Shin_Engineer
Shin@プログラミングチュートリアル
2 years
簡単ではありますがOpenAIのAPIを使ってプログラムで出たエラーを全て解決するアプリを作ってみました。ChatGPTの力を借りました。出力表示が少しおかしいですがぜひお試しください アプリは使われなくとも作ってリリースすることが大事だと思うので適当に出していきます笑🚀
Tweet media one
1
60
459
@Shin_Engineer
Shin@プログラミングチュートリアル
5 months
高速でWebアプリ開発を回すなら ・Next.js(or React) ・Supabase ・Prizma(or Drizzle) ・NextAuth.js ・RHF ・Stripe ・TailwindCSS(shadcn/ui) ・Vercel(or Cloudflare Pages) のスターターキットを用意しておけば、スムーズに数はこなせる気がします。僕も上記のスタックで個人開発��です。
1
25
353
@Shin_Engineer
Shin@プログラミングチュートリアル
6 months
・開発初期 「開発楽しい!コード書くの楽しい!UI作るの捗って楽しい!」 ・開発中期 「どんどん形になってきて楽しい!」 ・開発終盤 「ファイル多すぎて意味わからん。この関数名意味わからん。あ、DB設計ミスってたw」 これを繰り返すと、如何に最初の設計が大事かが分かる気がします。
4
20
338
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
僕得なんですけどdrawioってVSCodeでも使えたるみたいですね...これでYoutubeでの解説がもっと分かりやすくなる予感!ちなみにこれでAWS構成図もこれで書けます。VSCodeでdrawioでプラグイン検索すると出てきます🚀
Tweet media one
7
33
313
@Shin_Engineer
Shin@プログラミングチュートリアル
1 month
次のYoutube動画はNext.js App Routerのベストプラクティスがテーマです。Next.js v13~15の今の現状とその最適解を分かりやすく1本にまとめます。記事やドキュメントだと理解しづらい、面倒だと感じている方は参考になるかなと思います!今週か来週にはアップロードできたらいいな🧐
Tweet media one
0
12
305
@Shin_Engineer
Shin@プログラミングチュートリアル
4 months
3000円くらいの本ですがソフトウェア開発者の生き方のヒントが学べる本でした。特にセルフブランディング戦略はエンジニアの生き方を楽にしてくれる方法なので大事だなと思いました。他にも「本当の豊かさとは」「燃え尽きの対処」等、プログラム以外で大事な考え方が学べたのでおすすめの本です📕
Tweet media one
2
19
301
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
まだCursorエディタの使い道がハッキリしてませんが、VSCodeと違ってAI(GPT-4)とペアプログラミングできるのが素晴らしいですね。OpenAI開発者の方もCusorに移行しているみたいなので、今後のWebエディタのデファクトスタンダードになるかもしれません...🤖移行も簡単だったのでぜひお試しを。
Tweet media one
2
24
284
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
Three.jsの勉強中。React用ライブラリのR3F(react-three-fiber)を使ってLaptopをぽよんぽよん動かせるポートフォリオページを作ってみました。思ったより簡単に作れたのが驚きです。iframeタグを使えばLaptop画面に任意のサイト載せれるから面白い。Youtubeで今度解説するかもしれません。
1
18
270
@Shin_Engineer
Shin@プログラミングチュートリアル
8 months
今までJavascriptのAPIはNode.js(Express)で開発してきましたがHonoとCloudflare Workersを使ってみたところTypeセーフだし開発しやすいしデプロイも簡単で驚きました。Bunで動くので高速で軽量という点も良い。これからのJSのAPI開発はこちらに代替するかもしれません。
Tweet media one
3
15
273
@Shin_Engineer
Shin@プログラミングチュートリアル
11 months
Reactパフォーマンスチューニングの流れ🚀 ①React dev toolsのProfilerでレンダリング時間の計測 ②遅延が発生しているボトルネックを発見 ③関連する全てのコンポーネントのチェック ④高負荷処理 or 余計なレンダリング箇所を特定 ⑤特定箇所をメモ化etc... ある程度は改善できるかなと考えてます。
1
19
268
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
プログラミングとは全く関係ないんですけど、昨日初めてマッチングアプリの子と初デートに行きました。僕が女性慣れしてないのもあって終始緊張してしまって会話が弾むことはありませんでした。2回目のデートも多分なしです。モテの分野でも諦めなければいずれ上手くいくと信じて継続したいです、、
18
6
260
@Shin_Engineer
Shin@プログラミングチュートリアル
19 days
先日のYoutube動画はNext.js AppRouterのベストプラクティス&基礎理解についての内容です。1h40minくらいで大作になっていますが、コンポーネントからデータフェッチ、キャッシュまで簡単に理解できるように作りましたのでサクッと概要を理解したい方にオススメです🚀
Tweet media one
0
17
255
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
「Shinさんはどうやって新しい技術を勉強して身につけてますか?」という質問への回答🚀 ① 海外のYouTubeでトレンドを把握 ② 公式ドキュメントをサラッと流し読み ③ より詳しい内容はZenn等で勉強 ④ サンプルアプリ実装 ⑤ 動画で話して知識を定着 この5ステップを繰り返して勉強しています。
2
18
234
@Shin_Engineer
Shin@プログラミングチュートリアル
5 months
個人開発の進捗です。NotionPressなるものを作ってます。Notionデータベース機能を使って誰でもブログ投稿ができるアプリです(CMSとして機能させる的な)。アプリ全体のUIはTailwindCSSとshadcn/uiで作ってます。製作期間は丁度1カ月くらいです。動画作成と並行してリリースまで頑張りたいな🫠
Tweet media one
Tweet media two
Tweet media three
2
10
226
@Shin_Engineer
Shin@プログラミングチュートリアル
2 years
僕は偉そうにプログラミングを動画で教えていますが、正直今でも分からないことが多いです。特にCSSが苦手で思うように実装出来ないとストレスが溜まります笑。コードも綺麗な方ではなくエンジニア経歴の長い方が見れば怒られるかもしれません。ですがビビっては発信できないので今日もがんばります。
3
3
216
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
僕は今まで恋愛経験がなかったので、今年は彼女を作ることを目標にしてみます笑。好きな人がいればもっと毎日幸せになるかなと思いました。まずはマッチングアプリに挑戦してみます。それでダメなら外にでます。プログラムとはまた違った思考・行動量が必要そうですが、楽しみながらチャレンジしたい🙂
6
3
221
@Shin_Engineer
Shin@プログラミングチュートリアル
2 years
新発売。Udemy講座をリリースしました🥳 【Reactアプリ開発】3種類のReactアプリケーションを構築して、Reactの理解をさらに深めるステップアップ講座🚀 以下のアプリを作成します。 ✅ポケモン図鑑 ✅ブログ ✅ノートメモアプリ 割引クーポンを置いておきますね🌴
Tweet media one
6
18
215
@Shin_Engineer
Shin@プログラミングチュートリアル
7 months
これからもNext.jsは利用するので紙の本を買ってみました!キャッシュ周辺の知識がほぼないのでこれを機に勉強してみます📚
Tweet media one
0
7
213
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
フルスタックで開発してて思うのが「バックエンドの方がChatGPTに質問しやすく、解決しやすい」ことです。要件を伝えてAPI作って!と質問すればテーブル設計からコーディングまで瞬時に答えて解決できます。一方でフロントエンド側はデザインからのコーディングなのでChatGPTに質問しにくいという。
1
23
204
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
めっちゃ簡単にですけどNext.jsとTailwindCSSを使って自社HPサイトを作ってみました。アニメーションはframer-motionでお問い合わせメールはサーバーサイド要らずのEmailJSを利用しました。会社でも個人でもHP1つあればクライアントからの発注・相談はしやすいですね。
1
7
208
@Shin_Engineer
Shin@プログラミングチュートリアル
7 months
彼女と温泉旅行へ行ってきました♨️ なんとか仲良くお付き合いさせてもらってます。土日とも快晴で最高でした! お仕事休むのは勇気のいることですが、思い切って休む時は休む。お仕事の時はお仕事する。とメリハリつけると長期的に活動できるのでオススメしたいです。今度も両立できたらいいな
Tweet media one
5
2
204
@Shin_Engineer
Shin@プログラミングチュートリアル
6 months
React非公式ではありますが、便利なHooksをたくさん用意してくれているライブラリがありました。 ・useDebounce ・useLocalStorage ・useLockBodyScroll etc... 既に実装してくれているので毎回カスタムHooksを作らずにinstallして使えるので便利な場面があるかもです。
0
17
202
@Shin_Engineer
Shin@プログラミングチュートリアル
6 months
僕のYoutubeではWebサイト/アプリがメインなんですけど、次回はExpo×React Nativeで簡単なTodoアプリを作る動画です。Apple Strore公開まではやらないですけど。入門として動画を撮ってます!今後はまたWeb系に戻ると思います。
Tweet media one
5
9
188
@Shin_Engineer
Shin@プログラミングチュートリアル
7 months
先日とある方から頂いたDMの内容です。React未経験から面接とコーティングテストを行って経験者並みの実力と判断され、見事Web系企業に合格されたようです!こうして僕の動画を利用して成果を出された方がいらっしゃるのは素直に嬉しいことです💖これからも地道に動画投稿しようと思えました。
Tweet media one
5
5
183
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
新発売。Udemy講座をリリースしました🥳 【Next.js/Node.js/Prisma/Supabase】本格的なSNSアプリをフルスタック構築するマスター講座🚀 ✅ユーザー認証/ログイン/新規登録 ✅投稿取得/投稿/プロフィール作成etc.. ✅無料デプロイで運用 割引クーポンを置いておきますね🌴
Tweet media one
2
4
183
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
先週マッチングアプリで気が合いそうな人と2回目のデートへ行きました。ランチとカラオケ、本屋さんへ行きました。お相手は読書好きで物静かな方で僕と性格が似ているの気がするので上手く進展すればいいな~と思っています。ですが過大な期待はせずに会ってないときはお仕事がんばります😇
6
1
179
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
僕は学生時代からコミュ障で人に話しかけることが怖くてできませんでした。でも最近は「女性と仲良くなりたい」というモチベーションがあるので積極的に話しかける練習をしてます。例えばジムのトレーナーとか受付の人とか🤣 プログラムと一緒で最初は上手くいかないけど、上達すると信じてやってます
8
1
181
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
今まで2.3年間ずっと毎日プログラムを書いてきたので、今になって「自分は何がしたかったんだろう」と自問自答するようになりました。若干燃え尽きのような感じがするので、この土日はゆっくり休んで、自分を見つめ直す時間に当てたいと思います。あ、でも今日は1つYoutube動画が上がると思います笑
4
1
175
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
僕のTwitterをフォローしてくださっている方は知識欲と勉強意欲が高い方が多いので素晴らしいと思っています。SNSでは発信していないけど、裏でコツコツ努力してる人はいずれ成果も出てくると思うので、自信をもって学習がんばってくださいね。応援しています🚀
0
3
171
@Shin_Engineer
Shin@プログラミングチュートリアル
10 months
Astroでは無償&MITライセンスで配布しているLPやポートフォリオサイトが多数あります。会社立ち上げ当初で即席でLP作る場合とか開業時フリーランスですぐポートフォリオサイトが必要な時とかは、公式サンプルからクローンしてNetlifyとかで公開しても良いかもしれませんね。
0
9
172
@Shin_Engineer
Shin@プログラミングチュートリアル
2 years
あんまり声高には言えないんですけど、僕も分からないことはあります。現にAWSをインフラにしたバックエンドデプロイでも3日かけても出来ないですし、セキュリティ関連の知識も乏しいです。でも「いつか出来るようになる」と思って毎日向き合っています。今出来なくても落ち込まなくて良いと思います。
0
7
166
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
useEffectでデータ取得を行うとロジックが複雑になったりキャッシュ化やローディング実装も面倒になるので、それらを解決するのにuseSWRやuseQueryのHooksを使うという手段があるみたい(無知でした)。状態管理もできるみたいなので次のYoutube動画で皆さんにシェアしますね。
2
11
166
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
今日はお仕事のことは忘れてデートに行きます。正直どこへデートに行くのが正解かも分からないし、何を話したらいいのかも分かりませんがこれも人生経験の1つとして楽しみたいと思います。今日はドライブしてプリンを食べに行く予定です。皆さんも各自休日をお楽しみください🤲
9
1
166
@Shin_Engineer
Shin@プログラミングチュートリアル
2 months
彼女とお付き合いを始めてから今月で1年になりますが、関係を維持する上で大切なことが分かってきました。 ・些細なことでも感謝の言葉を忘れない ・アドバイスは求められた時のみ ・写真を自分も撮る。共有する ・負担のバランスを半分にする 「感謝を忘れない」というのが一番大事かもしれません。
1
3
159
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
僕が通っているジムの様子です。週3~4回くらい通っていて30分くらいしたらすぐに帰ります。トレーニングは鬱対策と集中力UPになるのでオススメです。毎月8000円くらい払ってます。もっと筋肉ついたらいいな~
Tweet media one
7
0
159
@Shin_Engineer
Shin@プログラミングチュートリアル
7 months
【保存版】React Hooksを完全に理解するHooksマスター講座をリリースしました🚀 ・useState/useEffect/useRef/useContext ・useCallback/useMemo/memo ・useOptimistic/useTransition ・useDeferredValue 等のHooksを解説しています。クーポンは下記からご利用いただけます🤲
Tweet media one
1
11
157
@Shin_Engineer
Shin@プログラミングチュートリアル
27 days
本が結構増えたので撮ってみました。本屋さんの自己啓発本コーナーみたいになっちゃっいました。でもビジネス書とか好きなのでどうしても買って読んじゃう。紙の本だと暇なときに本棚から適用に選んで、そこで新たな気づきも得られるので良きです。皆さんのおすすめ本って何かありますか?
Tweet media one
4
2
155
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
在宅エンジニアは孤独なので、僕がOviceでも借りてみんなに使ってもらおうかなと検討中です。出入りは自由でエンジニアさん同士が話したい時に自由に話しかけるみたいなスタンスを考えてます。お金は僕が払って皆さんは無料で使えるようにしたいですが、とりあえず僕のサブスクの方で実験してみます🤔
8
7
154
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
Next.js13の/appディレクトリになってからの簡易APIの書き方です。たとえばapp/api/blog/route.tsというファイルに以下のAPIを書き込みます。作ったらエンドポイント呼び出しは「 http://localhost:3000/api/blog」となります。たまには技術的なツイートもしておかないと、、
Tweet media one
0
9
154
@Shin_Engineer
Shin@プログラミングチュートリアル
5 months
もう27歳になるのか〜と時の流れが早すぎてビビってます。2年前に鬱になってから動きが鈍くなってあんまり成長を感じられずにいるのが正直なところ。仕事は頑張ってますが、新しい成長がないのでこのままでいいのかな...なんて焦りもあります。本業やりつつ、空いた時間で成長できることやらなきゃな😞
2
2
148
@Shin_Engineer
Shin@プログラミングチュートリアル
8 months
ほぼ全てのReact Hooksを解説するUdemy講座を作成中です。さらに普段使っているuseStateの挙動をもう一度じっくり解説する予定です。state管理がちゃんと理解出来れば自然とパフォーマンスチューニングやメモ化もできるようになるので、基礎からじっくり学びなおすのがいいと思ってます。
3
4
146
@Shin_Engineer
Shin@プログラミングチュートリアル
2 years
僕のプログラミングチュートリアルのYoutubeチャンネルが登録者様2万人を達成しました!🎊 僕の力では到底達成できなかったです。鬱でも励ましのコメントやDMで勇気づけられたので継続することができました。皆様のおかげです!ありがとうございます🙇 これからも細々と発信できたらなと思います!
Tweet media one
4
5
147
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
僕の視聴者さんはやはり「自分で作りたいWebアプリが自由に作れるようになりたい」というモチベーションが高いのを改めて認識しました。無料サービスではなく、有料AWSサービスを利用してWebアプリを運用する講座も出していきます。ただ挫折しない程度のボリュームで作っていく予定です。
2
4
150
@Shin_Engineer
Shin@プログラミングチュートリアル
11 months
今のところは彼女とは順調にお付き合いさせてもらっています。両者とも鬱持ちの経験があり、共に支え合っていかなければと思っています。幸いにも車で30分ほどの距離なので助けが必要な場合はすぐに駆けつけるようにしています。長く続けるためにはお互い日頃から感謝を忘れないことだとも感じます。
3
0
146
@Shin_Engineer
Shin@プログラミングチュートリアル
6 months
生成AIアプリは途中で断念しましたが、また新しくSaaS開発を始めました。使ってる技術は ・Next.js ・Supabase(認証/テーブル) ・Notion(CMS用) ・shadcn/ui ・Stripe です。DBはほぼNotionで管理させるWebアプリなので開発コストはほとんどかからないと思います。今度こそリリースまで作りきりたいな
0
3
144
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
Reactで起こる不要なレンダリングを防ぐためのmemo化についてのお話。親がレンダリングされると子もレンダリングされるので最適化するにはmemo/useMemo/useCallbackを使って不要なレンダリングを避けようというお話です。これは次のYoutubeで解説する予定です!
1
14
145
@Shin_Engineer
Shin@プログラミングチュートリアル
2 years
起業してから10か月くらい経ちますがYoutubeとUdemy講師業はある程度がんばってきました。自分の成長にも限界が来たような気がするので、次のステップに進む予定です。思いついた事業アイデアを自分の精神が踏み込める範囲で少しずつ進めようと思います。転んでも立ち直れるように鬱にならない範囲で。
2
2
142
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
20代のうちに達成したいことリスト ✅独立して起業(完) ✅月収100万円(一瞬完) ✅YouTubeで1万人登録(完) ✅彼女をつくる(未) ✅年商1千万~3千万の事業をつくる(未) ちょっとずつ投資もしてるので、30代後半には働かずとも生きていける資金は確保しておきたい。20代は無理せずお仕事がんばりたいです。
3
2
143
@Shin_Engineer
Shin@プログラミングチュートリアル
5 months
昨晩は彼女さんと夜景を見に行って来ました!割と田舎だと思ってましたが山からの眺めが綺麗で驚きました。最近は人生の方向性があやふやになってきたので、1度立ち止まって読書でもして考える時間を増やさないとな。焦っても仕方ないからゆっくり1歩ずつ進んでいこうと思います。
Tweet media one
3
1
143
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
もしお使いのPCの容量が圧迫してきたな...と感じたWeb開発者の方。もしかしたら「node_modules」がPC容量を圧迫している可能性があります。もう開発していないプロジェクトフォルダを削除してみてください。僕は30GBくらい圧迫していたのでゴミ箱から削除したら容量が結構空きました🚀
Tweet media one
6
9
141
@Shin_Engineer
Shin@プログラミングチュートリアル
6 months
今は経営者の道は諦めようかなと思ってます。僕の性格的に1人で自由にクリエイティブな活動をやるのが好きらしくて「チームで何かを作って会社を大きく!」みたいな事はあまり望んだ道じゃないなと感じます。自己分析を定期的にやると新しい自分に気づけるので、たまにやってます。難しいですけどね。
2
4
141
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
「自己啓発本を月に4冊以上読む人は鬱になる傾向がある」ということを知って驚きました。去年の僕は毎日自己啓発本を読んでおり、ストイックになりすぎて鬱になりました。インスパイアを受けることは良い事ですが、受けすぎると頑張りすぎるので(一種の宗教みたいな?)皆さんもご注意くださいね。
0
7
140
@Shin_Engineer
Shin@プログラミングチュートリアル
4 months
ついにYoutube登録者様が4万人を突破しました👏 とても嬉しいです!!いつも見てくださっている皆様のお陰です!最近は講座作成や開発のお手伝い等で投稿頻度が落ちてきましたが、辞めた訳ではないのでぼちぼち続けていきます。今後もどうぞプログラミングチュートリアルをよろしくお願いいたします🤲
Tweet media one
0
3
139
@Shin_Engineer
Shin@プログラミングチュートリアル
8 months
僕の講座の視聴者の方は勉強家の方が多くハイレベルな方が多いので、僕よりもWeb知識・経験があって勉強になることもしばしばあります。未経験だった方も就職に成功したりしてるので、僕自身も驕らずひたむきに毎日勉強していこうと思ってます。AIに代替される時は潔く身を引こうとは思ってます。
1
1
140
@Shin_Engineer
Shin@プログラミングチュートリアル
8 months
先週YoutubeにてHono入門の動画をアップロードしました🔥Node.jsのWebフレームワークのExpressの経験がある方はすぐにキャッチアップしてHonoでバックエンドAPI開発ができるようになると思います。デプロイも簡単なのでおすすめです。ハンズオンで学びたい方はぜひ。
Tweet media one
1
7
135
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
僕が今からWebエンジニア目指して転職するなら次の技術を学ぶと思います。 ✅HTML/CSS ✅React or Next.js ✅Ruby or Laravel or Node.js 学び方は月額課金したGPT-4かUdemyで学びます。そしてポートフォリオを作って転職活動。RubyやLaravel周辺は動画で解説できていないのでいずれする予定です。
5
10
133
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
次のUdemy講座は【最新版Next.js13をブログを作りながらキャッチアップする講座】にする予定です。 ・Next.js12とどう変わったのか ・/appディレクトリの解説 ・SSR/SSR/CSR/ISRの違いをもう一度解説 フロントエンドは用語が増えすぎて曖昧になってきた方もいらっしゃると思うので解説する予定です。
0
6
137
@Shin_Engineer
Shin@プログラミングチュートリアル
6 months
僕の仕事柄「常に技術をキャッチアップし続けて勉強する」ことが周りの利益にも繋がるので、とてもお気に入りの仕事です。ただ歯止めが聞かずにGWでも勉強・撮影してしまうと言った依存性を発症してしまうので、逆に頭を休ませるのが難しい。これは結構エンジニアあるあるじゃないかなとは思ってます。
3
2
134
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
今日はお仕事お休みということで彼女さんと日帰り温泉に行ってきました♨️ 山に囲まれた場所ですごく癒されました...車の運転も少しずつ慣れてきたから嬉しい!元気出たので明日からもお仕事がんばります🤲
Tweet media one
3
0
133
@Shin_Engineer
Shin@プログラミングチュートリアル
2 years
今年は会社を辞めたりHP案件をいただいたり個人レッスンを少しやってみたり、8月に鬱になっちゃいましたが新しいことにチャレンジできた1年だったと思います。喋りと人と関わるのが苦手ですが、来年も少しずつ払拭できたらなと思ってます。Youtubeでは視聴者様やファンの方々には感謝しかありません🙏
3
1
123
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
Webエンジニアをやっていて良かったと思うことが、女性と職業の話をすると「え!プログラミングやってるんですね!頭いいんですね!」と褒めてくれることです。その時は謙遜せずに「頭いいみたいですね」と言えば大抵笑いがとれます。自己責任で使ってみてください。
2
1
126
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
Next.js14がリリースしたようです🚀 ・Turbopackが近々安定版になるかも ・Server Actionsが安定版になったよ ・PPR(部分的レンダリング)も開発中だ��� ・Next.js14を無料で学べるコース作ったよ この前13の解説したばかりですが、JSフレームワークの進化が止まりませんね...
1
5
129
@Shin_Engineer
Shin@プログラミングチュートリアル
9 months
やっと自宅にスタンディングデスク導入できました!(コードぐちゃぐちゃ) 送られてきて3ヶ月放置状態でした...これで健康的に開発できるはず🤔明日からぼちぼち頑張ります。
Tweet media one
0
1
128
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
「もういい歳なんだから..」とか「常識的に○○だよね」っていう言葉はあまり好きではないです。この言葉は他人から見てどう思われるかを考えるから出てくる言葉で、他人軸で生きている可能性があります。僕は自分が好きなことで生きたいと思ってるので周りから変だと思われても別に良いと思ってます。
5
3
125
@Shin_Engineer
Shin@プログラミングチュートリアル
10 months
僕は未だにトゲトゲしてるところがあるので対面で自己開示ができないという子供っぽい側面があるのが、自分の課題だと思ってます。小さい頃から対人関係で良い思い出がないのと、もともと内向的な性格からか人と交わるという行為がどうも苦手で...。来年は少しでも人と交わる機会を増やせたらいいな...
4
0
122
@Shin_Engineer
Shin@プログラミングチュートリアル
2 years
次のUdemy講座は【Next.js/Node.js/Prisma/Supabaseで作るモダンフルスタックSNS開発講座】にする予定です。 ・ユーザー登録&ログイン機能 ・呟き投稿機能 ・AWS or GCP等を用いてフロント/バックエンドデプロイ運用 状態管理はReduxではなくReactHooksで管理する予定。JavaScriptで完結できます。
3
5
122
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
Three.jsの知識があれば下の動画のように3Dで動くHPは2~3時間くらいで作れます。テクスチャはNASA公式から無料でとれます(有料だと3Dモデルも表示できます)。またシェーダー言語まで踏み込むと3D図形を自在に操れるようになるので、可能性が広がりますね。たまに触ると面白いライブラリですね!
0
8
119
@Shin_Engineer
Shin@プログラミングチュートリアル
2 years
皆さんお久しぶりです。私は体調が中々治らずにパニックと鬱と戦っています。SNSはメンタル的に宜しくないみたいなので控えています。ここ3日は体調が少し良いので動画撮影も少しずつできている感じです。こんな私ですがこれからも気長に配信するプログラミングチュートリアルをよろしくお願いします🙇
14
1
120
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
3日間お休みして沖縄に来てみました。今までちゃんとした休暇を取れていなかったのでゆっくり身体と脳を休めてきます!
Tweet media one
0
1
122
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
次のUdemy講座はこちら。 ✅Prismaを使ったフルスタックTodoアプリ作成 ✅Next.jsはAmplifyへデプロイ ✅Node.jsはAppRunnerへデプロイ APIはLamdaの方が割安になるみたいですけどAppRunnerはアプデで本番でも割と運用できるようになったみたいなので、これらを利用して開発する講座になります。
Tweet media one
0
6
119
@Shin_Engineer
Shin@プログラミングチュートリアル
14 days
7日後に「Coloso( @Coloso_japan )」と一緒に企画したReact講座が公開されます。約12時間分の濃い内容です。企業HPやChatGPT Cloneを作りながらReactの基礎から実践まで学べます。今なら受け取り無料の6000円割引クーポン発行中なので、気になる方はリンクからどうぞ。
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
10
120
@Shin_Engineer
Shin@プログラミングチュートリアル
2 years
これからのプログラム業界はChatGPTの力を借りて工数を減らしながら開発していくスタイルが主流になると思っています。今はアシスタントに会話を投げるbot的なイメージが強いですが、今年はOpenAPIを使った便利なサービスが続々出てきそうなので、アプリ開発のスピードが上がると予想しています。
2
6
117
@Shin_Engineer
Shin@プログラミングチュートリアル
2 years
僕はお仕事でNext.jsを使ってHPを作っていますが順調に進みませんね🥲開発中でも分からないことが多くて調べたりお聞きしたりすることがあります。僕でも分からないことがあるので皆さんも分からないことがあって当然だと思います。恥ずかしがらずに質問が出来ればもっと成長できると思うこの頃です。
3
4
116
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
Youtubeの方で嬉しいコメントいただきました。僕の動画で学習して「実務でフロントエンドも対応できるようになった」みたいです!!こうやって誰かのお役に立っている実感があるから活動を続ける���とができています...🥲皆さんもいつもご視聴ありがとうございます!!感謝です🙏
Tweet media one
0
1
119
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
昨日はWebエンジニア転職に成功された方々のポートフォリオを紹介する動画を投稿しました。Webエンジニア未経験でこれから転職活動をする方にとっては参考になる内容だと思います。そして、ポートフォリオ提供にご協力いただいた皆様、大変ありがとうございました!!!
Tweet media one
1
14
117
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
アプリ開発と事業構築の流れは似ている思っていて ①要件定義(どんなアプリか/どんな事業コンセプトか) ②設計(画面設計やDB設計/お客さんが動く導線設計) ③開発(フロントとバックエンド開発/商品開発) ④テスト(単体テスト/モニター募集)... 上から順番に行えばモノづくりはできると思っています。
0
6
115
@Shin_Engineer
Shin@プログラミングチュートリアル
5 months
昨日アップロードしたYoutube動画です。 React19で新登場したHooksを解説しました🚀 ・useFormStatus ・useFormState/useActionState ・useOptimistic ・use() をNext.jsのServerActionsを利用してハンズオンで学べます。動画でキャッチアップしたい方はぜひ👋
Tweet media one
1
17
116
@Shin_Engineer
Shin@プログラミングチュートリアル
10 months
彼女も僕と同じで鬱持ちなのでメンタルが落ち込んで塞ぎこむ時があります。そんな時は ・ゆっくりで大丈夫 ・焦らなくてもいいよ ・あなたは十分がんばってるよ ・休むことは悪い事じゃなくて良い事だよ と声をかけてあげるようにしています。真面目な性格な人はもっと気楽に生きていきましょうね。
2
5
115
@Shin_Engineer
Shin@プログラミングチュートリアル
11 months
Next.js API RouteでAWS S3に画像アップロードする方法をZennで書きました📝 意外にも初めてのZennでの執筆でした。書きやすくてとても便利、何にせよ画像スクショしてきたものをコピペで貼れるのが素晴らしい。また記事にすることがあったら書きたいと思います。
0
5
115
@Shin_Engineer
Shin@プログラミングチュートリアル
2 years
僕は社会的な束縛や人との付き合いが苦手が理由で、1人でブログやYouTubeで活動してきました。ですがこれも限界があると最近は思っていて、やはり最終的には人との付き合いが大事だと思っています。経営や事業には人間関係が必須なので、まずは人とお喋りする練習からはじめたいと思っています、、
3
1
113
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
次のUdemy講座は「Next.js13/Firebase/OpenAI APIを使ったAIアシスタントチャットアプリを作ろう」にする予定です。ほぼChatGPTクローンになると思います。FirebaseのSnapshotだったりFirebase Authenticationを使ったメールアドレスとパスワード、Googleでの新規登録やログインまで実装する予定です。
1
4
115
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
Webプログラミングのロードマップアプリを作ってみたいな。チェックボックスで完了未完了できて、今どの時点にいるのか(躓いてるのか)パラメータ(%)で分かるっていうアプリ。足りない知識は講座へ...みたいなことが出来れば理想なんですけどね🤔まずは要件定義と設計から地道にやってみます。
4
0
113
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
先日はNext.js13で作るTodoアプリの動画を投稿しました。Next.js13で登場した/appディレクトリやSSRとSSGの書き方がアプリを作りながら理解できると思うので、まだキャッチアップできていない人は入門としてオススメだと思います。動画ではjson-serverでAPIを作っています。
Tweet media one
0
9
113
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
何事もそうですけど、最初から綺麗にうまくやれる事は中々なくて、アプリ開発でもビジネスでも最初からインフラ構成図や運用コストまで理解した上で作るなんて無理に近いです。少しずつでいいので毎日作り続けてちょっとずつ「輪郭」が見えてくる...みたいな事を繰り返す必要があると最近は思います。
0
2
112
@Shin_Engineer
Shin@プログラミングチュートリアル
2 years
僕もプログラム開発においてChatGPTを使う機会が増えてきました。聞き方1つで答えの質が変わるので、こちらの記事で紹介されているプロンプトを元に質問すると良さそうです。機能追加も修正もプロンプトに沿って質問すれば開発効率が上がるかもです。僕はGPT-4を使ってます。
0
7
105
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
僕がYoutube始めたての頃は ・喋りながらコーディングできない ・OBSが止まって撮影できていなかった(1番萎える) ・マイクが入ってなかった ・編集を全て自分でやっていた とかで苦労していました。ただ1年も続けると慣れるもので「やればできる!」と自信になったので、何事も継続は大事かもですね
4
2
111
@Shin_Engineer
Shin@プログラミングチュートリアル
10 months
皆さん明けましておめでとうございます🌄 僕の今年の目標は ・Youtube動画を月2~3本ペースで投稿 ・Udemy講座を10コース以上リリース ・新しい副業を始める ・彼女と仲良くお付き合いをする ・鬱にならない健康的な生活をする 年が変わってもあまりやることは変わらないので地味にコツコツいきます🚀
0
0
109
@Shin_Engineer
Shin@プログラミングチュートリアル
6 months
結構な数の講座をアップロードしてきたので、ネタが無くなってきましたね...🤔今のところは ・Laravel(環境構築で苦戦中...) ・Next.jsを使った実践的なWebアプリ開発 ・Vitestを使ってテストしながら開発 を考えてますが、何か他に動画のリクエストありましたらリプライかDM頂けると嬉しいです...
20
7
109
@Shin_Engineer
Shin@プログラミングチュートリアル
9 months
理解度が圧倒的に高くなる瞬間は「実際に作ってみる・使ってみる」ですね。例えばGitの解像度を上げるには実際にプロジェクトでブランチを切る・PR・マージする流れをハンズオンで学ぶことです。branchやpullやmerge用語を単体で学ぶよりも動かして学ぶ方が理解のショートカットができるなと感じます。
0
6
106
@Shin_Engineer
Shin@プログラミングチュートリアル
2 years
次のUdemy講座は【Next.jsとNotionをCMSとして利用する個人ブログ開発講座】にする予定です。Youtubeでは解説しきれなかった以下を実装する予定。 ・NotionAPIを使ってブログ投稿 ・ページネーション機能 ・ブログ記事検索機能 無料でブログ作れるしそのままデプロイして運用できるようにする予定です
4
9
104
@Shin_Engineer
Shin@プログラミングチュートリアル
2 years
僕はフリーランス的な働き方をしていて、今1番辛いのが「孤独」と「退屈」な日々を送っていることです。だからもう一度Slack等でコミュニティを作ってみてもいいかなと思っています。ですがお喋りが苦手なので不安要素が大きい、、一度他のエンジニアコミュニティに入って勉強しようと思っています。
3
0
104
@Shin_Engineer
Shin@プログラミングチュートリアル
2 years
これは持論ですが「人生は習慣というソースコードの出力結果」だと思います。人は思っている以上に機械的な生活を送っていて、たとえば、疲れるとゲームをする。朝起きると歯磨きをする。のようにifの条件分岐で成り立っています。なので人生を変えたければif文を修正すれば良いかなと思っています。
2
1
105
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
最近の僕の1日の生活スタイルです。 🌄朝11時起床 📸Youtube撮影とか案件をこなす 💪ジムで筋トレ 💻仕事の続き 🎮夕方はApexとかゲーム 😷夜は無理せずに休む もっとお金を稼ぎたいとは思いますが、まだ病気も予防期なので無理できないのが怖いです。皆さんも自分のペースでゆっくり頑張りましょ~
1
0
105
@Shin_Engineer
Shin@プログラミングチュートリアル
1 year
【ゆる募】 未経験からWebエンジニア転職に成功された方で、面接の際にどんなポートフォリオを使ったのかをお見せできる方を募集しています。今転職活動で悩んでいる方の参考になるかなと思いまして。そして、もしよろしければ僕のYoutubeの方で紹介させていただきたいと思っています🙇‍♂️
12
7
103
@Shin_Engineer
Shin@プログラミングチュートリアル
5 months
Three.js(R3F)学び直して、できるか分かりませんが3DWeb制作を受注していきたいと思ってます。最初は個人で始めて、もし大きなくなれば会社にもできたらいいなと思ってます。まず受注できるかも怪しいしやり遂げられるか不安でしかないですけど、僕は何かに挑戦し続けたいので地道にがんばります🥲
3
2
102