TypeScript 4.5 | uraway ref: https://devblogs.microsoft.com/typescript/announcing-typescript-4-5/ ECMAScript モジュールサポートの延期 当初 TypeScript 4.5 beta では、ECMAScript モジュールをサポートするオプションがあったが、現在はナイトリーリリースのみで利用可能。 Awaited型の追加 4.5 では、Awaited型が追加されました。この型は、非同期関数の await や、Promise の.then()メソッドをモデル化するものです。 // A = string type A = Awaited<Promise<string>>; // B = number type B = Awaited<Promise<Promise<number>>>; /

Today we’re excited to announce the release of TypeScript 4.5! If you’re not yet familiar with TypeScript, it’s a language that builds on JavaScript by adding statically checked types. When you use static types, you can run the TypeScript compiler to check for bugs like typos and mismatches in the shapes of your data, and get handy suggestions. These types don’t change your program, and you can re

そう感じている。 毎朝、改札で止まっているおじさんがいる。先にカバンから出すなどして準備しておけばよいものを、必ず直前で立ち止まってガサゴソしているため非常に目立つし、「邪魔だろ」と叫びたくなる。出社すると業務の半分くらいは「てめーがやれ」と言いたくなるようなことであり、会議の9割くらいは「それ今？」と思う。 退社してスーパーで買い物をしていると、お刺身のパックを見て「イカで空いたとこ埋めるんじゃないよ」と思い、広告の品という黄色のポップを見て「いつもこの値段だろうがよ」とパネルになった香取慎吾の胸倉を掴みたくなる。レジではおばあちゃんがリュックサックからセカンドバッグを取り出し、セカンドバッグから巾着袋を取り出し、巾着袋から財布を取り出し、律儀に小銭を探す後期高齢者特有のマトリョーシカを展開していた。帰る前にコンビニに寄ると、いつもいる店員さんに「クイックペイで」と伝え、毎回Edyを用意

Today we’re excited to announce our Release Candidate (RC) of TypeScript 4.5! Between now and the stable release of TypeScript 4.5, we expect no further changes apart from critical bug fixes. To get started using the RC, you can get it through NuGet, or use npm with the following command: You can also get editor support by Downloading for Visual Studio 2019/2017 Trying Visual Studio Code Insiders 

From time to time someone still tells me that is using REDUX or similar tool in their project. I usually respond, that I wouldn't use it as now with hooks and context API you don't need it. But context API usually brings performance problems and is also a bit awkward to use it properly, so today I'll try to show how to avoid common problems, and also build your own (micro) state management tool, w

長い記事なので先に結論を書きます。 Spectre の登場で、ウェブサイトに必要とされるセキュリティ要件は増えました。具体的に必要な対策は下記の通りです。 すべてのリソースは Cross-Origin-Resource-Policy ヘッダーを使って cross-origin なドキュメントへの読み込みを制御する。 HTML ドキュメントには X-Frame-Options ヘッダーもしくは Content-Security-Policy (CSP) ヘッダーの frame-ancestors ディレクティブを追加して、cross-origin なページへの iframe による埋め込みを制御する。 HTML ドキュメントには Cross-Origin-Opener-Policy ヘッダーを追加して popup ウィンドウとして開かれた場合の cross-origin なページとのコミュニ

Golangの標準パッケージであるnet/httpを使ってHTTPルーターを自作する話です。 表紙は新書メーカーさんで作成しました。 https://yubais.net/tools/paperback-maker/ 追記： 要約版をqiitaに書いてあります。手短に知りたい場合はこちらが良いかもしれません。 https://qiita.com/bmf_san/items/312fac5b3132d8bee4ca 自作ルーターがawesome-goにリストアップされました :D https://github.com/avelino/awesome-go#routers 追記： コードのハイライトを修正しました。 追記： Go Conference 2021 Autumnで"net/httpでつくるHTTPルーター自作入門"というタイトルで発表しました。 https://speakerdec

こんにちは、片耳難聴のキクチです。 生まれつき右耳が聞こえない私。「1回でも良いから両耳で音を聞いてみたいな〜。どんな感じなんだろう〜？」と思い続けていたら…つい最近ソリッドソニック（株）の「Vibone Nezu（バイボーン ネズ）」という製品を使うことで、なんとそれが実現しました！ 今回はVibone Nezuをさまざまな状況で使用してみましたので、レビューをシェアさせていただきます。 そもそも「Vibone Nezu」とは何か。この話をするには「Vibone Nezu」の前身である「Vibone」を説明する必要があります。「Vibone」はソリッドソニックより“聴こえなかった人が聴こえる”をコンセプトとして開発された骨伝導イヤホンです。 “骨伝導を科学で極め、難聴者でも聞こえやすいイヤホン”、これが「Vibone」でした。 そして今回のVibone Nezuは、Viboneの画期的な

masashi@20歳フリーエンジニア @masa_x15 【19歳で公務員を辞めて1年未満でフリーランスになった人】高卒で警察官になるが10ヶ月で退職 ▶︎プログラミング独学 ▶︎ 実務4ヶ月で独立 ▶︎ フリーエンジニアになり月単価50万以上 | Java → Kotlin | 3ヶ月でフォロワー1000人達成 | エンジニア関連の相談・質問はLINEで受けてます💡 lin.ee/iM1vZHv masashi@20歳フリーエンジニア @masa_x15 僕がフリーエンジニアになった手順 ①公務員を辞めて逃げ道なくす ②半年間本気でプログラミング学習 ③Wantedlyと企業HPから300社近く応募 ④ベンチャー内定 ⑤実務キャッチアップ+フリーランスの方と交流 ⑥4ヶ月で独立 ①で環境を変えれるかどうかが一番重要！ #駆け出しエンジニアと繋がりたい

この記事はComplete Guide to React Rendering Behaviorの翻訳記事になっています。 ご本人(Markさん)にも許可を頂いて翻訳しております。 こちらの記事がReactのレンダリングを理解する上で今までで一番体系的で一番分かりやすかったので、ぜひ紹介したく翻訳させて頂きました。 翻訳ツールにもたくさん助けてもらいながら行い、意訳が出来ていない部分が多々あるかと思いますので修正依頼を出して頂けると幸いです！ Twitterでも、フロントエンドに関する事や、アメリカでのエンジニア経験に関してツイートしているので、よかったらフォローお願いします。 Twitter: @hellokenta_ja 下記から本文です。 Complete Guide to React Rendering Behavior この記事は、Reactレンダリングがどのように振る舞うか、Co

Today we are excited to announce the beta release of TypeScript 4.4! To get started using the beta, you can get it through NuGet, or use npm with the following command: You can also get editor support by Downloading for Visual Studio 2019/2017 Following directions for Visual Studio Code and Sublime Text 3. Some major highlights of TypeScript 4.4 are: Control Flow Analysis of Aliased Conditions Sym

`export default thing` is different to `export { thing as default }` Dominic Elm DM'd me on Twitter to ask me questions about circular dependencies, and, well, I didn't know the answer. After some testing, discussion, and *ahem* chatting to the V8 team, we figured it out, but I learned something new about JavaScript along the way. I'm going to leave the circular dependency stuff to the end of the

You can create default issue templates and a default configuration file for issue templates for your organization or personal account. For more information, see "Creating a default community health file." Creating issue templates On GitHub, navigate to the main page of the repository. Under your repository name, click Settings. If you cannot see the "Settings" tab, select the dropdown menu, then c

先日、The Plan for React 18という記事が React チームから発表されました。これは React の次期メジャーバージョンである React 18 で予定されている変更や新機能を紹介するとともに、React 18 の alpha 版の公開を知らせるものです。この記事自体に技術的なトピックは載っておらず、それらはReact 18 Working Groupという新設されたリポジトリに Discussion としてまとめられています。 本記事では、今回あった発表のポイントを厳選してお伝えします。ポイントを絞ってお伝えするため載せる情報は取捨選択しています。隅々まで理解したいという方は原文か他の記事を参照しましょう。 アップグレードの簡単さ React 17 の際もそうでしたが、最近の React は「簡単にアップデートできる」ことをたいへん重要視しており、React 18

Version 1.88 is now available! Read about the new features and fixes from March. These guidelines cover the best practices for creating extensions that seamlessly integrate with VS Code's native interface and patterns. In these guidelines, you can expect to find: An outline of VS Code's overall UI architecture and elements Recommendations and examples for UI contributed by an extension Links to re

iCARE Developer Meetupは、月次で開催している株式会社iCAREが主催するエンジニア向けのLT勉強会です。18回目の今回は、Ruby on Railsをテーマに行いました。サーバーサイドエンジニアの越川氏からはToken認証機能について。 Rails APIモードで開発するときの認証用のトークンはどこに保存すればいいの問題 越川佳祐氏：私からは、「Rails APIモードにおけるToken認証機能について」というテーマでLT（ライトニングトーク）をしようと思っていたんですが、スライドを作っていて「あれ、これ別にRailsだけの話じゃなくない？」と思ってしまいました。みなさんの中にも、そう思う方がいるかもしれないんですが、もうこれで作っちゃったのでご了承ください。 私は株式会社iCAREで、サーバーサイドエンジニアをしている、越川と申します。Twitterは@kossy0

GraphQLを使っているときに様々な処理で認可させたい事があると思います。 このQueryはログインユーザーのみ実行できるようにしたい このMutationは管理者のみ実行できるようにしたい このQueryは自分の所有しているデータのときだけ返却するようにしたい このFieldは自分の所有しているデータのときだけ返却するようにしたい 当初はgraphql-rubyの知識が乏しかったので取得や更新処理の中で認可する処理を呼び出していたのですが、graphql-rubyのドキュメントを改めて読み直したところ、認可のためのメソッド(authorized?)がある事がわかったので動作検証を兼ねて記事を書きました。 2021/02/10 追記 コメントでいただきましたが、類似のメソッドにready?というものがあるようです。 ドキュメントにも記載されています。 https://graphql-ru