Photo by Diana Polekhina on Unsplash.React is very unopinionated about how things should be structured. This is exactly why it’s our responsibility to keep our projects clean and maintainable. Today, we will discuss some best practices to improve your React application’s health. These rules are widely accepted. As such, having this knowledge is imperative. Everything will be shown with code, so bu

stackblitz が提唱して実装している node.js が動くブラウザ環境。container といってるが、 Docker 等とは関係ない。 stackblitz/webcontainer-core このコンテナはブラウザ内で node.js (らしきもの)が動くことがターゲットで、現在デモとして next.js をビルドしてプレビューできている。これによって node.js + webpack + next.js cli が動いていることがわかる。 デモはここで試せる。 まだ OSS ではないので、この記事の大部分は想像によって書かれている。 webcontainer 概要 (自分の理解なので話半分に) ブラウザサンドボックスでも electron なしでも動かせるようになってきた。しかし現在 node.js を動かすには色々と欠けている部分があるので、それらを総称して webc

Products Communications Messaging Send and receive multichannel text and media messages in 180+ countries

現在WantedlyではNode.jsのパッケージ管理にyarn v1を使っています。現在私は開発者体験の改善を目指してyarn v2への移行を検討しているのですが、その過程でyarn v2が誤解されがちだと感じるようになりました。そこで社内への情報提供も兼ねて、いくつか誤解されがちだと思われる点を紹介したいと思います。 (わかりやすさのためにyarn v2と呼んでいますが、 yarn v3以降も含みます。これらはメジャーバージョンアップではあるもののyarn v1→v2のようにアーキテクチャが刷新されるわけではないからです) ポイント1: yarnをv2にするのにPnPは必須ではないyarn PnPはyarn v2の目玉機能で、パッケージをnode_modules以下に展開せずに仮想化してロードできるようにするというものです。node_modulesの展開作業が不要になるほか、依存関係の

個人用メモです。 「git gcってあんまし容量減らないよなぁ」 と思ったのが動機です。調べたけどパッと腑に落ちる記事がなかったので「自分で git のソースコード見た方がいいな」と急にモチベ発動してグワっと勉強しました。またついでに歴史改変の方法も調べたのですが、公式で既に WARNING が出てるほど非推奨化されてるfilter-branchを使用してる記事が多かったので、2021 年現在で多分一番推奨されてるfilter-repoを使ってやる方法もまとめました。 ちなみに容量減らしても高速化するかというとそこまで単純ではないです。そもそも減らさなくても partial clone で blob オブジェクトを必要最低限に指定して昔の blob をデフォルトで持ってこないようにしたり(--no-checkoutと併用するとより効果有る)、その後本当に自分が必要なやつだけ sparse-

【会員制プログラム】チーム7%で提供している投資戦略「全世界投資」は NISA（2023年・2024年以降） iDeCo（個人型確定拠出年金） 企業型確定拠出年金（管理アプリは非対応） など、すべての投資口座で運用いただけます。 また、NISA、iDeCoについては口座開設から運用開始、運用後のメンテナンスまで、会員サイトで丁寧に解説しています。 この講座で提供されるものは １．動画講座 ２．チーム７％資産管理アプリ ３．マンスリーレポート ４．あなたの行動を加速させる特典 この4つです。すべてWEB上のオンラインで利用できるようになっています。 会員サイトを用意していますので、動画講座やマンスリーレポートを見たり、資産管理アプリにアクセスすることができます。 では動画講座の内容から説明してまいりましょう。 1. 動画講座 講座内容としては主に2つに分かれています。1つはスターター編、もう

昨年（2016年）末からPCの無線LAN回線が頻繁に切れて難儀していました。 端末を買いなおしたりルーターの設定を弄りまわしたりしたものの解決せず、自作PCなのもあって自分がUSBの配線に失敗したんだと思い込んでた。 PCの買い直しまで検討しておりましたが原因はOS側の問題でした。 ほんとに余計なことばっかりしてくださるMicrosoft。それもデフォルトで。嫌がらせか。 My Spice Cabinet https://spice-cabinet.cocolog-nifty.com/blog/2017/01/windows10-usb-3.html 解決策は今年の1月のエントリなのでそりゃ昨年末に検索しても見つからなかったわけでありがとうございます。 Win10のアップデートもあり若干↑のエントリとも違うところがあるので忘備録代わりにこちらでもメモ。 スタートボタンを右クリック ↓ デバ

The Initial Preview of GUI app support is now available for the Windows Subsystem for Linux A year ago at BUILD 2020 we introduced our goal to bring Linux GUI applications to the Windows Subsystem for Linux (WSL) to run Linux GUI applications. We are proud to announce the first preview of this highly anticipated and open source feature! We’ve given this feature the nickname: “WSLg”. Please check o

「男らしく髪を短く」 「もっと女性らしい服装にしたら？」 何気なく耳にする、こうした「らしさ」に疑問を持ちスカートをはいて登校する男子高校生がいます。とかく「同調圧力が強い」とも言われる日本社会の中でスカートをはく理由とは？（広島放送局記者 秦康恵）

東京・葛飾区の木造アパートで去年火事があり、1人の男性の遺体が見つかった。警察が身元を調べたところ、意外な人物であることが判明した。 亡くなっていたのは中江滋樹氏（66）。 昭和から平成に向かう時代、バブルがはじける前の日本で、投資家・相場師として巨万の富を築いた、知る人ぞ知る人物である。 かつては「兜町の風雲児」と呼ばれ、メディアにも大きく取り上げられたが、違法な資金集めをしたとして絶頂期に逮捕され服役した。 あれから30年以上がたち、時代は令和に。刑務所を出たあとの動向は、ほとんど知られていない。 カネを追いかけ、そして翻弄された男は、下町のアパートで何を思っていたのだろうか。栄光と転落の人生をたどった。 （社会部記者 倉岡洋平） ※敬称一部略 ひげ面に長髪、スーツという姿で、東京・日本橋近くの金融街をかっ歩する1人の男。 昭和50年代に撮影された中江滋樹の姿である。 この頃、中江はま

こんにちは、ライターのあだちです。 プレゼンテーションは得意ですか？ 私は人前で話すのが苦手だったので「プレゼンテーションを上手く」やる、ということには本当に苦労しました。 コンサルタントをやっているときは、講師をやったり、提案書の説明をこなしたりと、おそらくプレゼンテーションの機会は年間200回以上はあったと思います。それでもやっぱり、プレゼンテーションは苦手でした。ただ、苦手ながらも「ここを抑えておけば、大失敗はない」といういくつかの心得を発見しました。 私のような凡人でも使うことのできるプレゼンテーションのコツをまとめましたので、お役に立てれば幸いです。 では、行ってみましょう。 プレゼンテーションが苦手な人必見！プレゼンが上手くなる６つのコツ 1. フルネームを名乗り、自己紹介をきちんとおこなう プレゼンテーションにおいて、もっとも重要な儀式の一つが自己紹介です。 いわゆる「つかみ

日本におけるテスト駆動開発の著名人といえば誰か？ この問いを投げかけられたとき、多くのエンジニアが思い浮かべる人物がいます。ITコンサルタント・ソフトウェアエンジニアの和田卓人（@t_wada）さんです。和田さんは日本のテスト駆動開発の第一人者として、長年、この分野の実践や講演・執筆などの普及活動を続けてきました。 こう書くと、読者のなかには「和田さんはもともとテストが好きだったから、テスト駆動開発の第一人者になれたのでは」と思われた方もいるかもしれません。しかし、その答えはNOです。むしろ和田さんは、テストが嫌いなエンジニアだったといいます。ある出来事をきっかけとして、嫌いだったテストを好きになれる方法を見つけたのです。 読者の方々にも「自分には○○なんて向いていない」という印象を抱いている技術領域があるかもしれません。ですが、そんな領域にこそ、あなたの新たな可能性が詰まっているかもしれ

stack overflowのコードをアレンジして実現。 chunk_sizeずつファイルを読み込み、読み込んだファイルを一文字ずつ変数に追加、改行を見つけたら callbackを適用して変数のメモリを解放する。なお、全ての改行コードに対応しているが、出力時には \n に統一される。 残念ながら改行のないテキストデータには使えない。javascriptの変数に格納できる文字数の最大値（Chromeであれば268,435,440文字）を超えた時点でエラーが起きる（その前にタブが落ちる可能性もあるが）。 readBigTextForEachLine = (file, callback, chunk_size = 1024) => { let offset = 0; let text = ""; let slice = ""; let fr = new FileReader(); fr.onlo