しまぶーのIT大学
@shimabu_it
Followers
20,591
Following
2,234
Media
540
Statuses
5,279
プログラミングを学ぶなら / 仕事依頼は shimabu.it @gmail .com （全部に返信できる量ではないため興味があるものだけ返信いたします）
元ヤフーエンジニアYouTuber (11万人)
Joined November 2019
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
Leverkusen
• 485626 Tweets
Lookman
• 377811 Tweets
Atalanta
• 374193 Tweets
Europa League
• 259714 Tweets
Luna Park
• 154739 Tweets
Nikki Haley
• 90824 Tweets
Gasperini
• 82948 Tweets
Emiliano
• 59566 Tweets
Haddad
• 59325 Tweets
キスの日
• 49016 Tweets
アミューズ
• 45825 Tweets
Vitória
• 44057 Tweets
Kyrie
• 42879 Tweets
Atlético
• 37876 Tweets
法的措置
• 37837 Tweets
滝沢ガレソ
• 34510 Tweets
All-NBA
• 33969 Tweets
Soto
• 24811 Tweets
Patricia Benavides
• 22667 Tweets
#AEWDynamite
• 20167 Tweets
Cacá
• 19128 Tweets
Amazonas
• 18911 Tweets
アタランタ
• 15348 Tweets
Draymond
• 15127 Tweets
Kawhi
• 14552 Tweets
Yuri Alberto
• 11098 Tweets
#Survivor46
• 10485 Tweets
ソースコードのコメント、気持ちを書くだけでも後から見た人にはかなりの情報量になる
// もっと良い方法ありそうだけど思いつかなかったから一旦これで
ってのがあるだけでも「お、リファクタしていいんだな」ってなるから助かる
18
322
2K
これほど楽な勤怠管理システムは無いでしょ。Slackでボタンをポチるだけ
作業内容も残せるし、月の合計勤務時間を見るのも、後から追加・編集するのもSlack上ですべて完結する
しかもチャンネルごとに勤怠を分けられるから業務委託用・アルバイト用とかもできる。神
6
130
1K
JavaScriptの動画はあまり再生されずチャンネル自体の評価が下がりかねないのですが、フロントエンドエンジニアになるための必須レベルの内容を発信しているので今後も続けます。
38
13
588
範囲選択させたくない場合はCSSの user-select: none を使います
あまり大きな声で言えませんがコピペ防止している歌詞サイトで DevTools を開いて user-select: none をオフにするとコピペできるようになります
10
53
568
Cloudflareの立て続けの発表ヤバすぎでは...
CloudflareでDBもストレージも揃ったので脱AWSできそうだ。大抵のアプリケーション開発はCloudflareで済ませた方が安く・パフォーマンスも高く・開発体験も良くなるね。間違いなく革命。
1
63
567
Tailwind CSS、完全にBootstrapを超えた
3
70
485
📣 新サービス「Noway Form」をリリースしました！
Noway Formは、Notionのデータベースをもとにフォームを作成できるサービスです。これまでGoogle FormsでやっていたことがNotionだけで完結します✌✨
試しに使っていただけると幸いです😊
7
70
471
先ほどGitHubが公式でVS Codeのテーマを出しました！
私もさっそくインストールしてDarkの方を導入しましたがかなり好みな色合いでした。テーマを変えてみたい方はぜひ👍
0
78
450
Tailwind CSS非常に良い。自前のCSSを書くことがほぼ無くなる。今後の新規プロジェクトでは絶対に採用したいと思えるぐらい良い。
良さは全部Tailwind CSSのホームページに書いてるので見てほしい。VS Codeの拡張機能も神なので使うなら絶対に入れるべき。
9
50
422
Next.jsのバージョン9.4がリリースされました
やばい、これはやばい
語彙力がなくなるぐらいやばい
新機能を簡単にまとめます
1
89
404
Macでどうしても譲れない設定がこれ
キーのリピート → 速い
リピート入力認識までの時間 → 短い
この設定でMacでの操作が嘘みたいに快適になるのでお試しあれ
9
26
404
Sass使っている方も多いと思いますが
「@ import 」は将来的に廃止されます。
基本的には「@ use」に置き換えられます。
モジュールシステムが採用されて
より使いやすく進化しているので
これからは新しい方で書きましょう🧑💻✨
2
66
380
あくまで仮設だけどプログラミングが不得意な人は、文章を読むのも苦手な人が多い気がする。ドキュメントの長文を見るとやる気を無くすとか、エラー文が出たときに読まないとか、文字アレルギー的なものがあるのではないだろうか。英語日本語問わず。
3
16
375
「みんなのために作りました」より「自分が欲しいから作りました」っていうサービスのほうが当たりやすいと感じる。前者はあくまで仮説（十分な検証ができていればいいが）でしかなく後者は少なくとも自分がペルソナになっていて解決する課題が明確
3
13
359
私の場合ですが、プログラミングを学びはじめて、できるようになってきたと実感するまで半年以上かかってます。それまでは分からないことばかりで苦しい状態で学習を続けていました。
私が周りと比べて早いのか遅いのか分かりませんが、とりあえず私はこれだけかかっています。ご参考まで！
6
16
346
何度も言ってるけど今新規でなにか作るときにAWSの選択肢は無い。開発体験が悪くコストも高いし良いこと無い。ずっと信じてもらえなくて驚き呆れる。
9
29
348
Next.jsとTailwind CSSのスターターテンプレートを作りましたので興味ある方はどうぞ
Lighthouse満点です💯
4
31
341
jQueryが不要という話は何度もしていますがRailsやLaravelも要らなくなります。初心者にもとっつきやすい＋まだ現状は仕事もたくさんあるので、そこから学び始めるで良いと思ってるんですが、その考えはおそらく2年以内に変わります。いずれ絶対にRailsは不要って言いますので覚えておいてください。
7
21
333
ReactとVue.jsの選定に関する良質すぎる記事
1
30
309
プログラミング初心者に知っておいてほしいことは現役エンジニアも毎日エラーと格闘しながら開発しているということ。エラーの発生頻度や解決速度には差はあるが、いつでもすらすらとコードを書けるわけではなく、みんなと同じように苦しむことは多いのでそこは安心してほしい。
3
17
298
おととい日本語化されて更に最強になったNotionをめっちゃ分かりやすく解説してみました！
エンジニアやIT業界志望の方は将来使う可能性が非常に高いツールなので是非これを機に学んでみてください📝
動画内で私のタスク管理の手法も紹介しています😊✨
1
22
289
デジタル庁のサイトがNext.jsを辞めた件、パフォーマンス云々より今後の採用の方が気になるな。優秀なエンジニアを採用するという方針ではなくなったか。エンジニアにとって選定技術は重要よ。
9
19
291
プログラミングをオススメする理由の1つに本当に食いっぱぐれがないというのがある。クビ切られましたという話を周りで聞いたことがないし、会社が潰れるなど避けづらい要因で仕事がなくなったという人もすぐに転職先が見つかっている。こんな不安定な世の中だけど謎の安心感がある。
6
10
288
Nuxtの依存関係ってこんなにヤバいのか...これセキュリティ厳しい会社なら入れられないレベルでは？？
この依存の量はヤフーの場合だと使用はほぼ不可能レベルですね。依存1つ1つ脆弱性チェックして申請しないといけないので
1
39
275
私のYouTubeへコメントするときは「過去にも聞かれてないかな」とか「動画で言ってないかな」とかの遠慮は要らないです。誰もが私のYouTubeすべてをチェックできているわけではないことは知っているので、何回同じ質問がきても丁寧に返信します。
9
7
273
プログラミングがある程度できるようになってくると勉強じゃなくて調査と感じるようになる。何かモノを買う前に調べたり試したりするときの感覚。「このライブラリってどうかなーちょっと試してみるか」っていう感じで楽しい。そこまでいくと苦はだいぶ無くなる。
6
8
270
プログラミングの学習って学校での勉強方法とは違うなーとつくづく思います。学校は教科書を隅から隅まで暗記する学習が１番うまくいきましたが、プログラミングは自分の持っている技術でとり��えず開発を進めて、分からないところが出てきたら調べるという学習が１番効率が良いと感じています。
5
19
269
ここだけの話、
yarn upgrade-interactive --latest
を知らない人は人生の半分損してます。これ、ここだけの話ね
3
17
262
ついにきましたねー
ほぼすべてがサーバーレスになる未来ももうすぐ
0
21
264
VSCode拡張のTailwind CSS IntelliSenseを入れている方へ
補完がうまく効かないと思ったら下記をsettings.jsonに追加してください。なんで補完が出ないときがあるんだと思って設定を見直したら下記がデフォルトでfalseだったのが原因でした
"editor.quickSuggestions": {
"strings": true
}
2
21
254
React Nativeを学ぶべき理由をちょっとスレッドでまとめます。あくまで私個人の意見です。結論から言うと下記。
1. iOS/Androidアプリ開発が効率的にできる
2. デスクトップアプリ開発にも使える
3. VRアプリ開発にも将来的に使える
2
22
249
ここ最近は特にフロントエンドとバックエンドの融合が凄いし、今後もその流れは加速しそう。フロントエンドとバックエンドの区分けよりも、アプリケーション側とインフラ側で区別したほうが良いように感じる。たしかVercelの人もそんな記事を書いていた。
・アプリケーションエンジニア
3
20
251
関数内のif文はelse使わないほうが見通し良くなること多いです
if (true) {
return foo
} else {
return bar
}
より
if (true) {
return foo
}
return bar
的な。特に分岐が多くなればなるほど後者がオススメです
0
13
250
昨日は1時間かけてこの記事を解説しました。Reactのパフォーマンスの真髄が知れる神記事です。初学者には少し難しい内容ですが、読む価値あるので皆さんも読んでみてください。サロン内に解説動画のアーカイブもアップしているので、もし内容が理解できなければ是非どうぞ〜
1
14
242
ブラウザ確認 + DevTools表示までVS Code内でできるように！！
これは便利そうですね👀
Are you a fan of the browser developer tools but not a fan of switching from editor to browser to use them?
We heard you! Today we moved the "Microsoft Edge Developer Tools for VS Code" extension out of preview.
Learn more:
11
132
413
4
31
239
余談ですが私はプロゲーマーになりたいという夢もあります。プロゲーマーは10代後半〜20代前半が多く既に私は大幅に超えている上に、今は事業に集中で目指し始めるのも数年後なので相当なハンデです。でもやってみないと分かりませんし誰にもこの情熱は止められません🔥
10
2
234
オーキド博士
「そこに３つ プログラミングげんご があるじゃろ。むかしは わしも バリバリの Perl つかいとして ならしたもの！
おいぼれた いまは プログラミングを まったく やっとらんが おまえに １つ やろう！」
PHP Ruby Python
19
18
229
これは心理です
デザインに自信のない人は必見
0
18
236
他業種のスキルを学ぶにはそれなりに勉強期間が必要で、基本的には半年以上かかります。士業などの専門資格職業はもちろん、公務員を目指す上でも試験勉強が必要です。なぜかプログラミングは2〜3ヶ月で学べると思われがちですが、全くそんなことはないので長期戦を想定して勉強の計画を立てるべきです
0
13
226
YouTubeで倍速機能を使っている方向け
Shift + .（ピリオド） = 再生速度UP⏫
Shift + ,（カンマ） = 再生速度DOWN⏬
私も頻繁に使うショートカットで
これがないともうダメな身体になってます🤦♂️
5
20
227
そういえばメールクライアントのSparkが超オススメです。副業とかサービス運営をしているとプライベートとは別にGmailを持つこともあると思いますが、Sparkだと一箇所ですべてのGmailを管理できます。私はアカウントを8個持っているのですがSparkでうまく管理できています😊
3
29
222
あけましておめでとうございます！🎍
昨年は起業・サロン開設と「スタート」の年でしたが、今年はそれらを「拡大」させる年にしたいと思います
2021年も働き詰めになりそうですが後悔しないように1日1日を大切にします
本年もどうぞよろしくお願いいたします🐮
9
5
211
Reactのロードマップを作っているけど、Reactをある程度学んだらReactで何か作ってみるより早めにNext.jsまでいってNext.jsで何か作るって流れのほうが良いな。
特にルーティングの面でそう感じていてReact Routerとかを初心者の段階で触らせたくない。
4
11
210
コードを見比べると凄い差だ...FlexboxはHTMLを読んだ上で頭を使わないとどういうデザインか分からないのに対して、Grid AreaはCSSだけで簡単に理解できます。
Flexbox
Grid Area
画像はちょいと文字が小さい(^O^;)笑
0
11
201
動画をアップ✨
VS Codeのよく使うショートカットをまとめました！5段階に分けており、特に星5と星4は必須級です！
作るのに非常に時間がかかりました・・・皆さんの作業効率が少しでも上がると嬉しいです！
2
10
211
ここ数年の私が携わってきたフロントエンドの仕事でPrettierとESLintが入ってないものは1つもありません。ReactだろうがVue.jsだろうが採用率100%です。
自分がフロントエンドのポートフォリオを評価するとしたらPrettierやESLintの設定ができてるかは必ず見ます。そのぐらい重要です。
3
14
208
これは定期的につぶやく内容ですが今のJSフレームワークにおいてはNext.jsが圧倒的で他の追随を許さないレベルです。私もプロダクトで使っていますがこれを全部フルスクラッチで書くのを想像すると恐ろしくなります。大きなパラダイムシフトが無い限りNext.jsの時代はずっと続くと予想しています。
4
12
201
React講座も早くやりたいけど、やっぱりどう考えてもbabel, webpack講座からだ
リアルDOM（jQuery）から仮想DOM（React, Vue）へのパラダイムシフトをすっ飛ばして、いきなり構文から始めるのは悪手で身にならない
今Reactを学んでいる方もおそらく完全理解はできていないはずなので本気で解説します
3
8
196
定期的なつぶやきですが、現状のWebフロントエンドはNext.jsが最強と思っています。Reactの基礎が終えた方は次はNext.jsを学ぶことをオススメします。
7
15
200
Zenn作者の発表が神すぎたので共有
この方は私にとってのロールモデル👨💻
3
19
201
大半のアプリケーション開発においてAWSなどの大手クラウドを使うのはバッドプラクティスだと思っているし、これからその流れはより強まると予想している。各領域に特化したクラウドサービスを組み合わせて使う方が機能面でも料金面でも、そして開発体験も良い場合が多い。
5
16
199
Notionの難関「リンクドデータベース」と「関数」について超わかりやすい講座をつくりました！！✨
👉
タスク管理アプリを実際につくりながら学べる講座になっております！
ちょっと長めですが、これを見ればきっと自由自在にアプリを作る力が身につくはず...！💪🔥
1
21
203
Tailwind CSS講座のコメントでSassの方が良いというコメントをいただきますが、どちらも使用経験のある自分からしたらSassを選ぶことはもう無いです。新しい技術は既存の課題を解決するために生まれているので基本的に古い技術より便利なものが多いのですよ。
3
15
195
Cloudflareをガッツリ学ぶことに決めました
R2/D1が正式リリースされたら今後の新規開発はすべてCloudflareに寄せる。ようやく脱AWS・GCPができそうで楽しみだー！
2
17
196
Notionのデータベースの基礎をめっちゃ分かりやすく解説しました！
概要欄に要望の多かったタスク管理ページのテンプレートも貼っているので、よかったらお使いください👍✨
明日には関数＆リンクドデータベースの解説動画を出す予定です😊
0
11
192
駄目だ、Tailwind CSSが良すぎる。良すぎて他が使えない。
最近業務で色んなコンポーネントライブラリ触ったけど結局Tailwind CSSに落ち着く。importせずにスタイリングできるというのが最も良いメリットかも知れない。
1
5
188
Prettierが偉大すぎてPrettierが無かった時代を考えられない。私はもはやVS Codeのデフォルトフォーマッターの設定をPrettierにしています。
"editor.defaultFormatter": "esbenp.prettier-vscode",
これ本当にオススメなので皆さんもPrettier拡張機能を入れて設定してみてください！👍
1
10
184
📣 Slackでアンケートが行えるアプリ「Assort」をリリース
日本のWebサービスで世界で使われているものは現状ほとんどありません。Slackアプリというニッチな分野ではありますが本気で世界一を目指しています。
皆さんの会社やコミュニティでも使っていただけると幸いです🙇
1
29
184
動画をア��プ✨
ついに新しいJavaScript講座が開講です！この章ではnpm, babel, webpackなどの独学が難しい分野を攻略していきます！
「なんとなく知っているけど深く理解できていない」「聞いたことはあるけどよく分からない」という方にオススメです🔥
3
19
177
エンジニア界隈は情報収集能力が高い人が多くアーリーアダプターも異常に多いので新しいツールがどんどん広まっていきます。エンジニアの中でノーコードが広まらないのは...そういうことです。ノーコードが流行るときはエンジニア界隈でまず騒がれるはず。今騒いでいるのは界隈外。
1
19
180
サロンメンバーに4時間かけてNext.jsを詳しく解説した
魅力も十分伝えられたと思うしアンケートしたら満足度も高かったので今後も定期的に続けてNext.jsユーザーを増やすことに決めた💪
11
4
174
ノーコードがずっと騒がれていますが、もう一度私の立場を明確にするとノーコードというテクノロジー自体に反対していません。
ノーコードだけを学んでもその先に就職は無いと思っているので、プログラミング初心者がそれだけを学ぶのはオススメしませんという意見です。
1
15
173
HTML・CSS・JSのブラウザ対応を調べるときは caniuse が見やすいのでオススメです。説明するまでもないですが Can I use の略です。
2
17
174
これ、本当にもう凄い。ここまでくるとバックエンドフレームワークじゃん。中規模まではすべてNext.jsで良くなった、というかそれがベストプラクティスまである。
2
14
177
動画を長らくお待たせしてごめんなさい😭
講座を作ったり有益な発信をしたい気持ちでいっぱいなのですが完全にキャパオーバーしてしまっています
近況報告の動画を撮ってご説明するのでもうちょっとだけお待ちください...🙇💦
6
5
169
PayPayの働き方改革
・原則在宅
・全国20カ所の好きな拠点で勤務可
・サテライトオフィスも新設していく
・旅行先や帰省先で働けるワーケーション
・勤務時間を選べるスーパーフレックス制度
・自由に使える在宅勤務手当（10万円/年）
・手続きほぼ電子化
最高か？
3
19
173
現役エンジニアも完璧といえるコードを書いていない場合が多いので、なおさら初心者の間は完璧を求める必要はありません
テストも例外処理もパフォーマンス改善もアクセシビリティ対応も構造化マークアップも完璧にしたいと思いつつ時間がなくてできていないのです
まずは動くようにしましょう
1
13
172
みんなReactとかもちろん学んでいいんだけど、モジュールとかnpmとかwebpackのある程度の理解も忘れないでね！
jQueryを辞めてReactを学ぼうって方も多いと思うけど、その間に前提となる重要な知識が詰まっているので！
1
4
171
例えばこの日時のデザイン1つ取っても秀逸
日程を1番大きく、次に開始時間を大きくしているが、たしかにイベントでは ①まず参加できる日程か ②次に何時にスタートかを見る。終了時間から意識することは少ないので、あえて文字のサイズを小さくしている。
まさにUXを意識したデザインですね
1
8
172
Notionの動画をアップ！
👉
今回は神拡張機能「Save to Notion」を紹介します👼✨
この拡張機能なしの生活はもう考えられない...そのぐらい便利ですので是非みなさんも導入してみてください！
0
9
172
競馬予想アプリを作りました。
下記の技術のおかげで5日間で完成しました。
#nextjs
@vercel
@supabase_io
@HasuraHQ
@apollographql
@tailwindcss
Lighthouseスコアも満点！💯
4
10
170
サービスのどこで収益化していますか？という質問をいただきますが収益化はまだです！まずはユーザーにたくさん使ってもらって、そしてユーザーが納得できる形が見つかったらそこで初めて収益化を検討します！
C向けサービスで収益化を急ぐと大概失敗するので気をつけないといけないと思っています！
6
3
167
ついにCSSフレームワーク界の王者が変わりそう
あと1週間ぐらいか🤔
0
18
168
起業の仕方とか株式会社とかの仕組みはみんな知っておいたほうが良いと思っています。選択肢が広がるのはもちろん、起業しないにしても経営者の目線で物事を考えられるようになります。目先の仕事だけじゃなく幅広い視点で考えられると仕事の成果も上がるかと！
1
8
168
新規でプロジェクト作るとしたらほぼ確実に採用するもの（リンター・フォーマッター・テストは除く）
- Next.js
- TypeScript
- Tailwind CSS
- Mock Service Worker
- GraphQL（今のところApollo）
0
6
166
React初心者がやりがちだけど避けるべきことランキング
1. DOMを直接触る（querySelectorなど）
2. useRefを多用する
3. useEffectを多用する
2と3は要る場面もあるけど多用するほど使われるものではないです。これらに当てはまってたらだいたいReactの思想に反することをしているので注意すべし！
3
11
167
たまたま見た記事ですが私の拡張機能が取り上げられているとは思いませんでした・・・数時間で作ったものですが思ったよりも使われていて嬉しい！😂モノづくりの醍醐味！！
0
13
165
次はnpmの講座と思っていたらNode.jsを入れるところから説明が必要で、そうするとバージョン管理に何を使うか決める必要があり、次にどうやってインストールするかの説明が必要。インストールにはCLIの説明が必要で、そうするとシェルやターミナルどれがいいか問題があって...
一生たどり着けない
14
5
163
React Nativeは絶対に流行るな、間違いない。今月からサロンで勉強会（一緒に勉強する会）を定期的に開催していくことにした！！
2
4
163