概要 contextパッケージは、生成したgoroutineの実行をキャンセルし、リソースを解放するための仕組みを提供しています。また、リクエストスコープの値を保持させることもできます。 ここでは、contextパッケージのソースコードから、どのようにgoroutineの実行がキャンセルされるかを見ていきます。 具体的には、基本的な以下のような使い方をした場合に何が行われているのかを確認していきます。 import ( "context" "fmt" "sync" ) func main() { var wg sync.WaitGroup wg.Add(1) ctx, cancel := context.WithCancel(context.Background()) go func(ctx context.Context) { select { case <-ctx.Done(): fm

11/01 公開 「エンプラ事業のセールス、正直おいしいです」──人材育成とポートフォリオ戦略に強いRAKSULが放つ、セールスキャリアの拡張 11/01 公開 ラクスル株式会社 執行役員 / ラクスル事業本部　Marketing&Business Supply統括部 統括部長 木下 治紀 ほか 10/31 公開 令和のスタートアップは、“Day1意識”と“半歩先”を同時追求せよ──組織・事業の成長を両立させるX Mile COO渡邉とファインディ CEO山田による経営論対談 10/31 公開 X Mile株式会社 Co-Founder COO 渡邉 悠暉 ほか

Vite って？ Vite は Vue.js の作者、Evan You さんが開発している Web プロジェクトに高速でスリムな開発体験を提供することを目的としたビルドツール です。 Vite（発音 /vit/ : ヴィート）フランス語で「高速」を意味する言葉に由来します。 初期起動や HMR がとても高速で一度体験すると離れられないかもしれません。 僕は Vue Cli や Nuxt に戻りたくなくなりました。 対応するプラグインを入れることで Vue, React, Preact 等を動作させることが可能です。 こちらは公式ページを見てもらうのが最も分かりやすいと思います。 Windi CSS って？ Windi CSS は Tailwind CSS 2.0 互換のコンパイラです。 Vite のもつスピード感にマッチし、Vite コミュニティで推されています。 リンク先に詳しく乗ってい

はじめに React.jsは現在、フロントエンド開発者に最も人気のあるJavaScriptライブラリです。Facebookが開発し、オープンソースのプロジェクトとして提供されているReactは、世界中の開発者や企業が使用しています。 Reactは、シングルページアプリケーションの構築方法を大きく変えました。その最大の特徴の1つがフックです。フックは2019年に導入されたもので、状態処理の時に、クラスコンポーネントの代わりに関数コンポーネントを使用できるようになりました。組み込みのフックに加えて、Reactは独自のカスタムフックを実装する方法を提供しています。 ここでは、アプリケーションやプロジェクトで使用できる、カスタムフックとその実装に関するお気に入りをいくつか紹介します。 1. useTimeout 宣言型アプローチでsetTimeoutを実装できます。まず、コールバックと遅延を受け取

There is no consensus on the right way to organize a React application. React gives you a lot of freedom, but with that freedom comes the responsibility of deciding on your own architecture. Often the case is that whoever sets up the application in the beginning throws almost everything in a components folder, or maybe components and containers if they used Redux, but I propose there's a better wa

PWA Night CONFERENCE 2021での資料です。 https://conf2021.pwanight.jp/speaker/hara/ スライド内の参考リンク集はgistで公開しています。 https://gist.github.com/herablog/35336742a91c0926a7767d0d9b9654fc

There are some things to keep in mind about using golang's database / SQL library.Read less

2021/02/17 に、サイバーエージェント社内向けに開催した Rust ハンズオンの資料です。第1回は、Rust の概観を掴んでもらうことを目的にプレゼンテーションを行いました。

There are many categories of events including user events such as 'click' and system events such as 'DOMContentLoaded'.

新人の方によく展開させていただいている有益な情報をまとめておきます。今後も展開することがあるかもしれないため情報をまとめております。 あらたな、有益な情報がありましたら、随時追加してまいります。 有益な記事・論文・書籍等を執筆・紹介していただいた皆様に感謝申し上げます。 ちなみに、本記事に記載されている情報は、お困りごと・お悩みごとをお聞きしたとき・気づいたときに、そのお困りごとに対して参考になりそうなものだけを展開していました。この情報を一気に展開していたわけではございません。 コードリーディングについて [1]ソースコードを読むための技術 https://i.loveruby.net/ja/misc/readingcode.html [2]派生開発推進協議会 関西部会 スペックアウトチーム，「派生開発におけるスペックアウト手法の提案」，派生開発カンファレンス2015，2015 http

本​チュー​ト​リ​ア​ル​に​関​し​て​の​ご​質​問​は、​SIGNATE​に​て​開​催​中​の​コ​ン​ペ​ティ​ショ​ン​サ​イ​ト​( https://signate.jp/competitions/443 )​の​フォー​ラ​ム​に​お​き​ま​し​て、新規のスレッド（ディスカッション）にて​ご​質​問​し​て​い​た​だ​け​ま​す​と​幸​い​で​す。 また、本チュートリアルに関してのご要望があれば、Githubリポジトリ( https://github.com/JapanExchangeGroup/J-Quants-Tutorial )の Issues からご意見をいただけますと幸いです。 (なお、投稿の際には、過去に同じご要望がないかご確認ください。) 2021-01-29: 初版リリース 2021-02-05: 誤字や表記の修正を中心に改良 2021-02-12:

ひとり暮らしのキッチン道具について書いた、『キッチン道具のスタメン発表！』『料理がもっと楽になる、キッチン道具のサブメンバー』に続く第3弾、少し間が空きましたが、いよいよ今回は鍋です。 鍋の良し悪しに絶対はなく、家庭ごとの食べる量や作る料理に合った鍋がベスト鍋であるというのが私の考え。その上でのチョイスだとご理解ください。 これから一人暮らしまたは二人暮らしするために鍋を検討している。料理はそれほど得意ではないけれど、なるべく自炊はこころがけたい。そんな方にはこの3タイプの鍋がおすすめです！ では、ひとつずつ、見ていきましょう。

デジタル変革を加速させましょう お客様がデジタル トランスフォーメーションに乗り出したばかりでも、あるいはすでに進めている場合でも、Google Cloud は困難な課題の解決を支援します。

ウェブデザインにおけるline-heightってけっこう曲者で、CSSを理解してデザインしないと「空き」の設計が破綻したりコーディングで苦労することになります。FigmaやAdobe XD、Affinity Designerなどのグラフィックアプリでline heightの扱いが異なるので、使うツールの挙動を理解するのも大切です。 ということで、今回はCSSのline-heightについてまとめてみます。 実は調べれば調べるほど奥が深いCSSのline-heightの世界ですが、まずは基礎からまとめていこうと思います。 目次 以下はページ内のセクションへのリンクです。 CSSのline-heightでは文字の上下にスペースができる ウェブで使われるハーフ・レディングとは 印刷とウェブにおけるレディングの違い デザインツールでのline heightの扱いの違い 上下のハーフ・レディングを帳

Preload web fonts 前回、といっても2年前だが、display=swapとはなにかで、Google Fontsを読み込むときはURLパラメータに display=swap をつけるといいよと言った。というわけで、それ以降、『目標をセンターに入れて、display=swap…』と盲目的に考えるようになってた。 おさらいとして display=swap では、まず代替フォントを表示し、Webフォントをダウンロードしたら、随時スワップするという挙動になる。この場合、代替フォントからWebフォントへ切り替わる FOUT (flash of unstyled text) が起こってしまう。こんな感じ↓ 出典：font-face descriptor playground まぁ何も表示されないよりかは良いかと思うわけだが、時は流れ、最近ではWebの指標として、Web Vitalsという

より良いものをより早く作るのに役立つ、あまり知られていないリポジトリ。 Photo by Juan Rumimpunu on Unsplash はじめに 私たちは、汎用ツールやリソースが数回タップするだけで手に入る時代に生きています。しかも幸いなことに、そのほとんどが無料です。 新しいツールやより簡単な方法が見つかり、面倒で複雑なタスクを実行できれば、誰にとっても、特に開発者には嬉しいことです。 でも、より良く賢い方法があり、予想外の方法で時間を節約できることを知らない場合もあります。 この2年間で見つけたGitHubの素晴らしいリソースは、私をかなり助けてくれました。これらのうちいくつかは、その必要性さえ知りませんでした。 そこで、あなたもおそらく必要になるGitHubリポジトリのリストを作りました。 1. 33 JS concepts ソース 私はプログラミングをJavaで始め、その後