suin・読者6万人『サバイバルTypeScript』公開中！
@suin
Followers
14,997
Following
20
Media
1,193
Statuses
16,129
📘TypeScript入門書『サバイバルTypeScript』執筆者のひとり 🏅Qiita4位 💼 Craftsman Software, Inc. 取締役
Joined December 2008
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
North Carolina
• 511446 Tweets
Asheville
• 407287 Tweets
呪術廻戦
• 136585 Tweets
FEMA
• 131837 Tweets
Chiefs
• 98591 Tweets
#GHDBT4
• 97055 Tweets
Bills
• 96817 Tweets
Jets
• 89701 Tweets
Courtois
• 72354 Tweets
Kris Kristofferson
• 68791 Tweets
Commanders
• 61025 Tweets
Elsa
• 55004 Tweets
Browns
• 46304 Tweets
Simeone
• 40578 Tweets
Ancelotti
• 39323 Tweets
PRENDAN EL CIRIO
• 38578 Tweets
Mahomes
• 36161 Tweets
Raiders
• 34985 Tweets
Watson
• 33797 Tweets
Chargers
• 29679 Tweets
KARIME GANADORA
• 25030 Tweets
The Purge
• 22695 Tweets
LA NOVIA DE MEXICO
• 22177 Tweets
#朝ドラおむすび
• 19877 Tweets
Rashee Rice
• 19834 Tweets
Derrick Henry
• 18683 Tweets
Nacho
• 16560 Tweets
Cardinals
• 14952 Tweets
石破ショック
• 14299 Tweets
Talleres
• 12066 Tweets
Pinned Tweet
#TypeScript
Software Design 2024年5月号の
「型を制する者はTypeScriptを制す
もっとTypeScriptの力を引き出そう」
に寄稿しました📖✨
初見だととっつきにくさがある「構造的型付け」について、できるだけ噛み砕いて解説しました。
一読頂けると嬉しいです！
0
17
97
すごい発明をしたかも…💡英語で技術ブログ書くとき、HackmdとGoogle翻訳を組み合わせると、Markdown+英語で書きながら、内容をGoogleのAIにチェックさせられる。英語として流暢かはさておき、少なくともGoogleが理解できる英語にはなる。この手法はGitHubにIssueを書く際も応用可
6
2K
7K
履歴書で「MySQL」がMySqlだったりMySQLだったり揺れがあると、「この人ソースコード書くときも変数名とか気を配らないんだろうな」ってかんじになって採用が流れてしまうことがあるらしい。
24
2K
3K
自分の年齢とプログラミング言語の年齢を見比べるとおもしろい。Perlと同級生だけどあまり付き合いない😇
24
3K
3K
文字コードの世界標準を定めるUnicodeに提出された、絵文字追加に関する真面目な提案書に、NARUTOとかポケモンの画像が参考資料として添付されてたw
4
1K
2K
PhpStorm「おまえ、その操作マウスで3回やったけど、そのショートカットキーこれやで？」と教えてくれるプラグインらしい。速攻で入れたい。
6
1K
2K
抑えておきたいLinux基礎コマンド
・find (ファイル検索)
・chmod (パーミッション変更, change mode)
・ls (ファイル一覧, list)
・echo (文字列を出力)
・mv (ファイル移動, move)
・rm (ファイル削除, remove)
・cat (ネコ)
・man (男)
・cd (コンパクトディスク)
30
994
2K
「すでにネット上に同じ情報があるのだからQiitaに書くべきでない」という主張を目にすることがあるが、僕は反対の立場を取る。
技術の再発明ならぬ「技術の再説明」が大事だと思うからだ。学んだことは気にせずどんどん書いていったほうがいいと思う。
11
470
2K
エンジニアの勤怠
社内ネットワーク障害 → 「ググれないので休みます」
GitHub障害 → 「pushできないんで休みます」
Slack障害 → 「連絡できないんで休みます」
AWS障害 → 大 忙 し！！
4
512
1K
textlintという、日本語のMarkdownを校正できるツールがあるのですが、これをVS Codeと組み合わせると、めっちゃ便利でした✨
あまり意識してなかった深いところまで、いろいろ教えてくれます。
ブログや社内文書を書くときなどに、一回textlint通すとよさげ。
0
348
1K
IntelliJやWebStrom、PhpStormなどのJetBrains製IDEで、
文字列の前に
// language=JSON
って書くと、
・JSONがシンタックスハイライトされる
・構文エラーが表示される
・補完がされる
・コード整形もできる
って知ってました？
僕は知りませんでした😌
3
489
1K
#JavaScript
「このnpmパッケージ、導入しちゃって大丈夫？」
「パッケージに脆弱性って無い？」
「パッケージが依存するパッケージは大丈夫？」
「ちゃんとメンテされてる？」
「信用のおけるプロジェクト？」
などが可視化されるsynk Advisorが便利すぎた。
0
175
1K
Google Chromeに搭載予定のLLM、JavaScriptから呼び出せてすごかった！
4
141
1K
このマグカップ、バグってるぞ！
13
309
1K
1. ホワイトボードの写真をChatGPTにアップロードして、「これをGraphvizにして」と伝える。
2. GPTが生成したDot言語をコピーして、dotコマンドでSVGファイルを作る。
3. SVGファイルをFigmaに持っていき編集する。
これでアナログなラフスケッチが、編集可能なデータに化ける。
3
162
980
先輩がレビューしてあげたほうがいい初心者が失敗しがちなところ
・例外やエラーハンドリング
・正規表現
・クラス設計
・名付け
・並行処理
・セキュリティ
・メモリリーク
・N+1問題
・日付や時間に関する処理
・SQL
・セッション
・外部システムとの相互作用
・挙げたらきりがない
3
241
941
一部のTypeScript入門記事で
- JSよりも動作が速い
- JSよりも短く書ける
- JSにはクラスがないがTypeScriptにはある
- JSはプロトタイプベース、TSはクラスベース
- JSはモジュールがない、TSはある
という記述が見られるけど、これってミスリードですよね？
9
348
932
GW特にやることないし、せっかく時間があるしTypeScriptでもやってみようかな。という方、とりあえず無料のTypeScript入門書はいかがでしょうか😌
ボリュームが200ページ以上あって、効率的に時間を溶かせます。TypeScriptだけでなく、JavaScriptも一緒に学べたりもします。
3
132
929
AWSアカウントがクラッキングされ、EC2が悪用された話を聞いたので、注意喚起がてら情報共有します。
【経緯】
AWSのアクセスキーがpushされたGitHubプライベートリポジトリがあった。
↓
そのプライベートリポジトリのメンバーのGitHubアカウントがハッキングされる。
↓
1
502
901
エンジニアの基本的人権
・静かな空間 (BGMが流れていないこと、電話がならないこと)
・広いデスク (スペースに十分な余裕があること)
・作業場の十分なプライバシー (オープンオフィスでないこと)
・高解像度で面積の広いモニタ
・必要に応じて有償のツールや技術書等を請求できる
6
403
850
「この記号なんだろう？」
JavaScriptやTypeScriptを読んでいて、そう思うことってありませんか？
記号だからググれないし、名前も分からないから調べようがない。
↓そんときに糸口となる記号の索引がここにあります！
頑張ってまとめたのでぜひご活用ください！！
4
220
873
「プログラマの職場にBGMは必要なのか？」についてアンケートしてみての結論としては、「聴きたい人もいるのでヘッドホンを許可した上で、BGMは流さないほうがいい」です。
3
601
815
JavaScriptの小数計算は値によっては誤差が生じます。
これはバグではありません。
お金関係の計算など、正確性が求められるときは、decimal.jsなどのライブラリを使いましょう😌
3
177
764
TypeScriptがなぜ発明され、なぜ今日も必要なツールなのか、歴史的な側面から解説するページを書きました。
歴史を知ることで、もっとTypeScriptが好きなるといいなと思って書きました。
調査にめっちゃ時間かかった😂
[TypeScript誕生の背景 - サバイバルTypeScript]()
3
176
747
JetBrains IDEに金払って使ってて、「この機能知らないのは、金をドブに捨ててるも同然な便利機能」選手権
↓
34
123
742
Q: グローバル変数の接頭辞として最適なのは何ですか？
A: //
これほど言外の意を感じる回答はない😌
2
444
739
もし実務コードだったら飛んできそうなマサカリ
5
303
715
空き時間で社内業務アプリをちゃちゃっと作るなら
・Next.js + Vercel
・Ant Design
・Supabase
の組み合わせがとっても便利だと思った。
理由としては
1. コンパクトな技術スタック
2. サーバーレス
3. UIがみるみるできる
2
49
710
シルバーウィーク、特にやることないし、せっかく時間があるしTypeScriptでもやってみようかな。という人におすすめのコンテンツはこちらです！
ボリュームが200ページ以上あって、効率的に時間を溶かせます。TypeScriptだけでなく、JavaScriptも一緒に学べたりもします。
0
92
690
「SQLでなんでもできる」というレベルに至った果に、光と闇を知り、「これはSQLでやらない。アプリでやる」という真の意思決定ができる側面もあるので、SQLは極めておいて損は無いように思う。
3
154
653
docker-composeで
・コンテナ止める
・ネットワーク削除する
・ボリューム削除する
・イメージ削除する
って
docker-compose down --rmi all --volumes
で一括してできたのね。
こんな便利な「滅びの呪文」があるなんて知らなかった。
いちいち stop, rm などしてた……😢
7
141
632
それでもQiita、使い続けます。
理由
・Qiitaに代わる場がないから
・ずっと使ってきて、それなりの資産があるから
・Qiitaの過去の功績が無かったことにはならないから
・失敗は誰でもするし、そこから学ぶことが重要だと思うから
がんばれQiita！
9
110
623
『Node.jsモジュールシステム完全理解: require()とimportどう違う？』という本を書いているのですが、なかなか長文を書くことがなく不慣れなため、1万字ほど書いたところで燃え尽きぎみです😢
本当に需要があるのか気になるので、書き上がったら読みたい方はこのツイートにいいね下さい🙇🏻♂️
3
37
599
EOL(end-of-life)を一括して確認できる便利なサイトを見つけた！
見れるものは言語だけでなく、ライブラリ、ミドルウェア、OSなど多岐に渡る。
1
97
607
みんなもう、Web 2.0やWeb 3.0でいがみ合うのはやめよう。
平和に好きなコーディングの話をしようよ。
みんなインデントはスペース派？タブ派？
20
110
594
クズ男がよくいうセリフ
第3位
「妹みたいでほっとけない」
第2位
「お前に彼氏出来たらやだなー」
第1位
「} catch (Exception e) { /*無視*/ }」
3
196
581
🔥ファイアウォール
💧ウォーターフォール
⚡️サンダーボルト
💥ビッグバンリリース
みたいな、技名でもおかしくないテック用語もっと知りたい
90
105
574
#JavaScript
Svelteよりも高速なReact風UIライブラリだそうで、どのUIライブラリよりも高速だとか。State of JS 2021では、ReactやVueをおさえ、UIライブラリ満足度No.1に突如おどりでていて注目されている。
0
79
572
僕は前にこんなのコピペを見たことがあるが、探したけど元ネタが見つからず。
Windows: ユーザが使いこなせないのは、Microsoftの配慮不足
Mac: ユーザが使いこなせないのは、Appleへの信仰心不足
Linux: ユーザが使いこなせないのは、ユーザの技術力不足
ユーザ「UIが使いづらい」
Win「慣れろ」
Mac「慣れろ」
Linux「そうか！どこが使いづらい？君の使いやすいようにいくらでも変更できるぞ！さぁ、君の最高のUIを君が作るんだ！」
スタンスが違いすぎる
11
1K
3K
0
372
539
package.jsonの中身がきれいに並んでないと気になる人は、
npx sort-package-json
って実行するといいよ！
フィールドの順番をよしなに並び替えてくれる。
2
75
554
リストは？
Scala「List」
Go「[]type」
PHP「array」
マップは？
Scala「Map」
Go「map[type]type」
PHP「array」
タプルを返すなら？
Scala「(value, value)」
Go「value, value」
PHP「array」
メソッドを高階関数として渡すなら？
Scala「obj.method」
Go「value.Method」
PHP「array」
0
212
533
GW、特にやることないし、せっかく時間があるしTypeScriptでもやってみようかな。という人におすすめのコンテンツはこちらです！
ボリュームが200ページ以上あって、効率的に時間を溶かせます。TypeScriptだけでなく、JavaScriptも一緒に学べたりもします。
0
62
543
クズWebAPIがよくいうレスポンス
第3位
HTTP/1.1 200 OK
Content-Type: application/json
{...json...}
Notice: Undefined index: foo_id in /var/...
第2位
HTTP/1.1 200 OK
Invalid request: `id` parameter must be an integer.
第1位
HTTP/1.1 400 Bad Request
{"message": "Bad Request"}
7
225
528
なんだこの有益すぎる投稿は……
0
42
540
JSからTypeScriptへの漸進的移行を支援する「ts-migrate」をAirBnBが公開。
単純な変換は自動ででき、同社は日当り5万行の変換ができたという。
細かい調整は徐々に行っており、既に全体86%が完了。更に年末までに54万行が修正される見込というから驚異的な移行スピードだ。
2
143
533
Qiitaが書きやすくなるコツ
「読者はたったひとりの人物を想定する」
例
・3ヶ月後の自分
・同僚のあの人
・質問してきた後輩
大勢を想定すると説明が増え書くのに時間がかかるし、特定人物と同じ情報を求めてる人は意外と多いから、大勢を想定しなくてもいい。
1
96
520
TypeScriptコアチームからTypeChatというChatGPTの返答を型安全にするライブラリが発表されていて、型定義はinterfaceを用いているんだけど、interfaceの型情報って実行時には存在していないはずで、それをどうやって実行時にバリデーションに用いているのかと思ったら、
1.
2
67
506
nullは「1000億円レベルの損失」と後悔しているnullの生みの親がいるのに、JavaScriptにはnullとundefinedがあるんだぜ。ロックだろ……。
2
89
492
プログラミング言語のGoogle翻訳みたいな便利ツール「AI Code Translator」
新しいプログラミング言語を学ぶときに、得意な言語で書いて、それを翻訳することで「この言語ではこういう表現になるのか」などといった学びが得られて便利です！
0
91
492
みんなで書き始めたTypeScript入門書、気づいたら執筆1年以上になってました😌
総文字数は、22万文字くらいになったそうです。
まだ完成してないページもありますが、みんな頑張って書いてるので、よかったら読んでみてください！
1
104
481
お盆休み、特にやることないし、せっかく時間があるしTypeScriptでもやってみようかな。という人におすすめのコンテンツはこちらです！
ボリュームが200ページ以上あって、効率的に時間を溶かせます。TypeScriptだけでなく、JavaScriptも一緒に学べたりもします。
1
51
476
#TypeScript
僕を含め14名以上のTypeScripterが1年以上かけて『サバイバルTypeScript』という入門書を書いてきているのですが、最近読んでくださる方が増えてきたようで、嬉しいツイートを目にすることが多くなりました。励みになります😌
本書はこちら→
0
79
472
今月発売の『Software Design』の特集「JavaScriptの関数を極める」の一部を書きました！
今回はかなり力を入れて書いたので、読んでいただけるとすごく嬉しいです😆
2
48
460
PHPは散々死んだと言われた後に、Laravelやそれを支える熱狂的なファンが出てきて、LaravelがRailsのGitHubスター数を追い越したり、言語も毎年アップデートされていて、没後もまだまだいろんなことが起こるもんなんだなと感じています
3
136
444
←旧型Switch 新型Switch→
(JavaScriptにもfallthroughがなくて、パターマッチングできて、式として書けるswitchがほしい)
4
60
445
これ、社内ドキュメントを書くときの向き合い方に関してSlackで見かけたメッセージなのだけど、ナレッジを書くときは意識していきたい。
0
66
446
避けるべき3密
・密結合な設計
・過密スケジュールの案件
・密談での意思決定
・秘密の要件
・秘密の質問によるアカウント復旧
・SSH秘密鍵の受け渡し
・秘密情報(アクセストークンなど)のgit push
3
186
427
初心者
「おすすめのPHPフレームワークを教えてください」
優しいオタク
「Laravel」
じっくり育成したいオタク
「Symfony4」
「Lumen」
沼に引きずりこむオタク
「BEAR.Sunday」
話しかけてはいけないオタク
「Phalcon」
「YAF」
末期
「不要。PHPがウェブフレームワーク」
異論は認めまくる
14
120
405
PHPer「オブジェクト指向で作るぞ！」
A「そこまでやるならJavaで良くね？」
B「今からJavaやるならKotlinで良いのでは」
C「いやKotlinの上位互換Scalaだから」
D「Scalaの関数型は中途半端だからHaskellにしなよ」
というたらい回しでウェブアプリをHaskellで作ることになる技術選定会議を妄想した
3
124
404
jQueryなんて甘え。
漢は黙ってDOMで完結せよ！
と意気込みつつ、ちっこいアプリ作り始めて、1時間後…
導入したCSSフレームワークがたまたまjQueryを同梱してて、ふと我に帰ると$に手を出してた。
なんて素晴らしいライブラリなんだ！
0
41
403
ウェブページ上のテキストに対して、共有できるURLを作る機能がGoogle Chromeに搭載されたようです。
これはSlackなどで言及箇所を共有するのに便利😌
0
86
400
「オメーはなんでPHPコードを関数で分離してるんだ。俺達は分離なんてしないでデケェコードを保守してんだよ。自分だけわかりやすく書こうとするな」
こんな現場あるんだ…つらそう…。不謹慎ながら『ブラック会社に勤めてるんだが、もう俺は限界かもしれない』を想起した…。
5
297
383
がすごい。
いろんなCSSアニメーションのパターンが紹介されていて、気に入ったものはコピペして使える。
まるで「CSSアニメーションの図鑑」だ。
0
87
373
Qiitaで
「言語Aでこれやる方法」
という記事を投稿すると、たまに
「それ言語Bでやったほうがよくない？」
というコメントがつく。
たしかに…。
それはその言語のほうが得意なのはそうだろう……。
でもさ、だけどさ、僕は言語Aでやりたいんだよぉぉ！
分かってもらえるかな、この気持😢
9
40
366
GitHubが落ちてますね……。
GitHubが落ちてて作業が進まないし、やれること無いからTypeScriptでも勉強しようかなと人におすすめのサイトがこちら。
無数にコンテンツがあるのでGitHubが復旧するまでの時間を効率よく消化できるはずです。。
0
37
367
プログラマは生涯学習ですが、学びを1回ですべて吸収するのは難しいです。
そこでオススメなのが write and forget です。
学びをブログなどに淡々と残し、書いたら忘れる。
次に必要になったとき、それを検索し再学習。
ゼロから調査し直すより圧倒的に再学習の効率がいいです😌
1
57
364