Help us understand the problem. What is going on with this article?

先日jupyterでmatplotlibに画像を吐き出させ続けていたところ1000枚ぐらい吐き出したあたりで突然jupyterのkernelが落ちました。嫌な予感がしてメモリの使用量を追ってみると処理を繰り返すに連れメモリの使用量が増加していき画像1000枚処理したあたりでメモリを4GB喰っていました。その時は仮想環境でメモリを4GBしか設定していなかったのでそこでkernelが落ちたということだったのですが、きちんとplt.close()を毎回ループの中で行っているのにも関わらずこれだけメモリを喰うのはおかしくないかと思い調べてみました。 調べても殆どはちゃんとplt.close()呼べよみたいな記事しか見つからなくて困っていたのですがのですが最終的に %matpolotlib inline にメモリリークバグがあるとの記事に行き当たりました。 Memory leak with %mat

概要 インターネットに晒されているWebサービスでは TV等で紹介されたことによる大量流入 悪意ある人物からの攻撃 クライアントのバグに依る大量リクエスト など、本来想定していた以上のトラフィックが来ることはよくあります。 単純にシステムを構築すると大規模トラフィックに対応できずシステムがスローダウンしてしまうため、何かしらrate limitをかけておいた方が良いです。 ただしrate limitと一口に入っても色々あるため、今回は主なrate limitアルゴリズムを紹介します。 Leaky bucket Leaky bucketはデータ転送レートを一定にする（＝上限を設定する）アルゴリズムです。 下の図のように、様々な流量の水流がそのバケツに流れ込んでも小さな穴からは一定の水流が流れ出す仕組みです。 ref: What is the difference between token

pohotos by Ronnie Macdonald **「AIが人間の仕事を奪う」と言われ始めてしばらく経ちますが、今や「幻滅期に入った」**なんて言われ方もしています。おかげで僕は仕事を奪われることもなく、毎日満員電車に揺られています。奪う奪う詐欺もいいとこです。 そんなAIの発展にはもう少し時間がかかりそうな一方で、学べる環境は簡単に手に入るようになりました。触るなら、皆が幻滅しかかっている今な気もします。ということで、今更ですがAIの力を知るべく、ディープラーニングに触れてみることにしました。 いろいろ試したのですが、ここでは結果をメインに**「無知の状態から勉強しても、ディープラーニングでこれぐらいは楽しめるよ」**ということを伝えてみます。プログラムはお手本になるようなものではないので、見たい人だけに有料で公開してみます。 Kaggleでディープラーニングのお手並み拝見 最初

Help us understand the problem. What is going on with this article? 結論 タイトルの通り、私はお世辞にも評価される経歴やスキルを持った人間ではありません。 それでもエンジニアとしての転職に成功出来たのは、他のエンジニアとの差別化を意識しながら、愚直にアウトプットを続けた事です。 具体的に言えば、下記の様な事です。 ・技術ブログを毎日休まず書き続ける ・採用担当者の目に留まる様に、Twitterや求人サイトで拡散する これは転職に成功した現在も継続しており、この記事を投稿した時点で「１０８日間」続いています。 ※追記：毎日の更新は「268日目」で終了しました ブログ：りょうたくのWEBエンジニア日記 Twitter：@ryoutaku_jo 概要 今回は、プログラミング未経験から、2019年4月にエンジニアとして転職するまで

2019年10月23日「Mitchell Hashimoto in Tokyo! HashiCorp Meetup」にて登壇 https://hashicorp.connpass.com/event/146776/

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

正直なところもうこの記事はいらないかなと思ったけど他のところから参照されていたりするっぽいので残しておきます 結論 npm 5.0.0 以降からは install 時にデフォルトで save してくれるので --save や -S オプションを指定する必要はない。 --save オプションとは？ パッケージのインストール時、package.json の dependencies に追加してくれる機能。 npm v5 以降はインストール時にデフォルトで package.json の dependencies に追加してくれるようになったので --save オプションは不要になった。 npm install saves any specified packages into dependencies by default. 参考 https://docs.npmjs.com/cli/insta

FRONTEND CONFERENCE 2019( https://2019.kfug.jp )でセキュリティ、主にXSSについて話をしました。 demo: https://shisama.dev/xss-test # Technical Topics - 3 types of XSS ( …

ここ最近、CSSに対する考え方が広がりを見せています。皆さんの中には、その転換点を見つけようと、Christopher Chedeauの”CSS in JS”という講演を聞いた方もいるでしょう。2014年11月にNationJSで行われたこの講演は、CSSにおける重大な分岐点となりました。まるで高エネルギー粒子が衝突した後のように、それを機に、数ある多様な考え方が、各々の方向へ渦を描くように広がったのです。その例として、 React Style と jsxstyle 、 Radium を挙げましょう。これら3つは、Reactのスタイリングにおける最新かつ最良、そして最も実行しやすいアプローチに含まれており、 各々のプロジェクトのReadmeファイルでも、 そのように言及しています。もし”発明”が、 adjacent possible（一歩先にある可能性） を探ることの一例であるのなら、Ch

この記事は古くなっており、今後更新されません。新しい React 日本語ドキュメントである ja.react.dev をご利用ください。 以下の新しいドキュメントで最新の React の使い方がライブサンプル付きで学べます。 コンテクストで深くデータを受け渡す useContext コンテクストは各階層で手動でプロパティを下に渡すことなく、コンポーネントツリー内でデータを渡す方法を提供します。 典型的な React アプリケーションでは、データは props を通してトップダウン（親から子）で渡されますが、このようなやり方は、アプリケーション内の多くのコンポーネントから必要とされる特定のタイプのプロパティ（例： ロケール設定、UI テーマ）にとっては面倒です。コンテクストはツリーの各階層で明示的にプロパティを渡すことなく、コンポーネント間でこれらの様な値を共有する方法を提供します。 コンテ

Even though I work pretty much everyday with TypeScript there's something new I learn about frequently. I really enjoy working with it and try to get the most out of it whenever possible - and there's one thing for sure: TypeScript can do a lot of things. So here are some things I've learned through time which helped me to improve my applications and - ultimately - become a better TypeScript devel

FRONTEND CONFERENCE 2019 での発表資料です。 https://2019.kfug.jp/session/jimboyoshihide 当日の質疑応答の内容はブログにまとめています。 https://jmblog.jp/posts/2019-11-03/frontend-…

こんにちは、実は久しぶりの投稿の、どうもしばおです。 さて、僕(フロントエンドよりのWebデザイナー)は普段からメインのテキストエディターにVSCodeを使っているのですが、今日は僕のVSCodeに入っている、プラグインや設定を公開したいと思います。 （2023年7月3日更新） 僕のオンラインサロンでも、VSCodeを結構使ってて、サロンメンバーには、僕が使ってるおすすめのプラグインや、僕なりの最強設定を共有しています。 そもそも、VSCode（Visual Studio Code）って？ VSCode（Visual Studio Code）はMicrosoft社が開発したオープンソースのテキストエディタです。 最近様々な高機能テキストエディタが登場していますが、その中でもこのVS Codeはかなり便利な機能がデフォルトで付いていて、かつ軽量なので、インストールするだけでも結構使えます。

Lessons by WebAssembly app in production on CDN Edge Computing Service

「即戦力レベルのwebデザイナーが最低限持っている知識を1カ月で身に付ける」ということを目的としたドリルを作りましたので、皆様に公開します。 ダウンロード[PDF/PSD/XD]（92MB） 本ドリルは、約140ページの参考書兼問題集になっています。まずは出題される問題を解き、その上で解説を読んで理解し、再度問題を解きなおすのが基本的な流れです。 内容は、私たちが未経験デザイナーの採用を進める中で、「こういう知識は早い段階で身に付けておいてほしいよね」という知識をまとめました。また演習用のPSD/XDファイルもドリルに含まれています。 身に付くのはあくまで「即戦力クラスの知識」であって、「即戦力」になれるわけではありません。デザインには、非言語・非定型なスキル領域も多々あるため、座学だけで即戦力にはなりません。しかしそれでも、ベースとなる知識は絶対に必要ですし、それを指南する参考書は、的を

You can add static typing to JavaScript to improve developer productivity and code quality thanks to TypeScript. Minimum configuration Material UI requires a minimum version of TypeScript 4.7. Have a look at the Create React App with TypeScript example. For types to work, it's recommended that you have at least the following options enabled in your tsconfig.json: { "compilerOptions": { "lib": ["es

React + Material-UI v3 では withStyles(styles)(Component) という独自の記法でスタイル付き Components を生成します。 TypeScript で Material-UI のスタイル付き Components を記述する場合は、従来の JavaScript での記法とは多少異なるのですが、 TypeScript を使った記法については情報が少ないと思ったので覚え書きとして残しておきます。 Material-UI v4 について 2019年5月末に Material-UI v4 がリリースされました。記法が変わったので、v4 の記法は別記事にしています。 この先は Material-UI v3 の記法になります。予めインストールした Material-UI のバージョンを確認してから閲覧してください。 TypeScript + Ma

動物の表紙でお馴染み、IT技術者のバイブル的存在である米オライリー社(O'Reilly)。インターネット初期よりオープンソース精神に溢れた運営をしており、電子書籍ストアは2011年頃よりDRMフリーをモットーとしていた。DRM、すなわち、所有権管理機能がない状態を指す。サーバールームなど通信が不安定な環境でもオフラインで読み放題。また、自由に他の端末へ複製したり、バックアップを取っておけたのだ。 しかし、本日、久々に覗いてみた米オライリー社からは、その電子書籍ストアが消えていた。メンバーログイン画面には、「2020年3月にDRMフリーの電子書籍、その他教材はダウンロード不能になる」と書かれている。 調べてみたところ、既に2017年7月からDRMフリー本は販売されなくなっていた。 もしかしたら、告知があったのかもしれないが、全く記憶にない。発表当時、その是非をめぐって紛糾したらしい。 米オラ