はてなブックマーク

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

やりたいこと Rollupで下記を達成したいと思います。 自作TypeScriptプロジェクトのビルド ES6 Modules (import ...) での出力 Webpackで参照するにはこちらの形式が有利です（TreeShaking） CommonJS (require(...)) での出力 NodeJSで参照するにはこちらの形式が必要です 型宣言(*.d.ts)の出力 ソースマップ(*.js.map)の出力 ビルドしたJavaScriptをBabelでトランスパイルする ソース中で参照しているCSSはPostCSSで処理しながら、一つのファイルとして出力 外部ライブラリ(node_modules配下)は特に展開しないで外部参照のまま ソースコードウォッチのサポート 内容的にはTypeScriptパッケージをwebpack (Tree Shaking)とNode.js両方で使えるよう

Node.jsでサーバサイドWebアプリを開発中、なぜかメモリリークがあるライブラリに遭遇してしまったので、ワークアラウンドとして、定期的にプロセスを再起動させて、メモリリークの問題を緩和したいと思いました。 コード: https://github.com/knjname/2020-04-05_restartClusterChild 参考: https://nodejs.org/api/cluster.html サーバサイド http://0.0.0.0:10080 をリスンするプロセスが4つ立ち上がり、5秒未満で子プロセスを停止させ、その後に再起動します。（実用上は、もっと長い時間でプロセスを殺すべきです。） const cluster = require("cluster"); const http = require("http"); const sleep = time => ne

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? AWSのソリューションアーキテクト プロフェッショナルという資格を去年秋ごろに取得したので、備忘録代わりに合格体験記を書きます。（特にあんまり試験の具体的なトピックは書いてないです） ちなみにAWS関連だと下記の資格を持っています。 2018年 夏 資格取得: AWS ソリューションアーキテクト アソシエイト 2019年 秋 資格取得: AWS ソリューションアーキテクト プロフェッショナル (1回目落ちて、2回目の受験で合格。去年の秋ごろ取得。) 2019年 冬 AWS クラウドプラクティショナー (去年のre:Invent会場で取得

Qiita に mobx-state-tree の記事が全然なくて寂しいので紹介記事を書こうと思います。 この記事ではReactと組み合わせて利用しています。 最近のReactがわからないと読むのがつらいと思います。 サンプルコードの動作確認はしていません。雰囲気を掴むためだけのサンプルコードです。 書いてたけど、情熱が尽きてしまった… MobX の紹介 mobx-state-tree を紹介する前に、 MobX を簡単に紹介したいと思います。 MobXはすごーーーく簡単に言えば、モデルの値の変更に自動連動するReactコンポーネントを作ることができるフレームワークです。 MobXでカウンタを作ってみる たとえば、状態の定義として MobX で下記のようなクラス（ストア）を定義しておき、 class Counter { // トラッキング可能な値の宣言 @observable counte

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Dockerはデーモンプロセスを立ち上げるだけが能ではありません。一度だけ実行するバッチも立ち上げるのも全然アリです。 ただ、 docker コマンドでコンテナを起動するのは辛いですね。バッチでも docker-compose を使いましょう。 今回はバッチとしてJavaで書かれた単純なCLIプログラムを動かしたいと思います。 ソース ここからDLできます。 構成の紹介 Java アプリ部分 適当にSpring bootで作った。下記のようなものを実行する。バッチの引数や環境変数をプリントするだけのものです。 // Spring boot で CommandLineRunner 噛ませた時のmain関数みたいなやつ @Override public void run(String[] args) throws Exception { System.out.println("Batch ru

Dockerfile には HEALTHCHECK という指定ができて、これによりコンテナにヘルスチェック機能をつけることができます。要するにコンテナが正常に起動しているかチェックできるということです。 具体的にはコンテナのステータス(docker ps)欄に下記のいずれかを追加することができます。 (health: starting): ヘルスチェック中... (healthy): ヘルス判定 (unhealthy): ダメ まあ追加できるだけで、上記の状態遷移とdocker-composeが連動したりなどはしません。 当然depends_onとかにも影響はありません…。（ちゃんと実用例はあるようなので、興味のある人は調べてね） 今回はそのヘルスチェックの動きを理解しようと思います。 準備 いちいちDockerイメージをビルドするのが面倒なので、下記のようなdocker-composeを

jQuery 1.7 あたりで知識が止まっている、最近のフロントエンド開発を知らない私が入門しています、という記事です。 なんか長くなったし、気力も持たないので、その1ということで書いています。 webpackってなあに？ npm経由で入るアセットバンドラー (asset bundler)です。Webフロントエンド開発用のビルドツールです。 SPAなどを作る時、 HTML・JS・CSS・画像やウェブフォントなど一連のリソースをまとめてくっつけたり、 くっつけられるように加工したり、 JSをbabelで古いブラウザ向けに変換したり、 TypeScriptやらをJSに変換したり、 全部面倒見てくれます。 ただwebpackに上記の機能を全て内蔵しているわけもなく、プラグインやローダーとかいった追加の機能をプロジェクトにインストールして設定することにより利用できるようになります。 最近のフロント

どっちもよく知らないですが、よく見かけるので使ってみようと思いました。 Yarn (jɑːn - [やよ]ーん) とは何か？ JSのパッケージマネージャ。 npm のbetterな代替品という感じか。 Rubyでいう、 bundler みたいなものです。 プロジェクトローカルなコマンドインストールも兼ねていて、 bundle exec ~~~ が yarn run ~~~ に相当するみたいな感じ。 依存性管理以外は基本やらないので、パッケージングとかは webpack とか使ってください。 並列DL、依存性の正確で再現可能な記録と計算、パッケージの破損チェックがサポートされている。 Webpack とは何か？ なんかWeb系のプロジェクトのモジュールを1ファイルに固めてくれたりするビルドツール。（Cでいうリンカみたいな） よくある、依存しているライブラリと、自プロジェクトの複数のJSを1フ

$ # 本体インストール $ cargo install racer $ # racerのためにRustのソースコードを追加 $ rustup component add rust-src $ # パスの確認 $ echo ~/.multirust/toolchains/*/lib/rustlib/src/rust/src /Users/owner/.multirust/toolchains/stable-x86_64-apple-darwin/lib/rustlib/src/rust/src $ # パスを追加 $ echo "export RUST_SRC_PATH='$(echo ~/.multirust/toolchains/*/lib/rustlib/src/rust/src)'" >> ~/.profile $ # インストールチェック $ bash -l $ racer co

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?