anyenv + ndenv を試す
Node 11 へ更新したら mapbox/node-sqlite3 が動作しなくなった。#1063 によれば既に修正の準備はできているものの CI サービス AppVeyor が Node 11 対応していないので待ちとなっているらしい。 これまでも node-sqlite3 のように node-gyp を利用した npm で Node...
View ArticleBabel 7 を試す
2018/8/27 に Babel 7 がリリースされたので既存プロジェクトに導入してみたので変更や問題点などをまとめる。 参考資料とサンプル プロジェクトは以下。 Upgrade to Babel 7 – Babel 次のリリースであるBabel7の主な変更点まとめ – 技術探し サンプル プロジェクト akabekobeko/examples-electron Scoped Packages...
View Articlenpm rewire を試す
最近 React SFC (Stateless Functional Components) や Redux の影響を受けて、ES.next な環境でもクラスより関数で実装するようにしている。ES Modules であれ Node であれ個別に関数を外部公開できるからクラスを使用せずとも実装には十分だし、むしろ関数を積極的に採用することで外部依存を引数に限定できる。...
View Articlenpm icon-gen v1.2.1 release
icon-gen v1.2.1 をリリースした。 Release v1.2.1 icon-gen 本体については特に機能追加とかバグ修正はないのだけど PNG ファイルから画素を抽出するのに利用している pngjs が Node v9.x 系で動作しないため、代替として pngjs-nozlib へ乗り換えた。 これは pngjs の fork 版で Node 標準の zlib...
View ArticleCSS Modules をもっと試す
業務プロジェクトへ CSS Modules 導入を検討中。しかし JS/CSS ともに大きく設計変更されるため、いきなり採用するのは怖い。というわけで、そこそこの規模と複雑さを持つ examples-electron/audio-player で試してみた。このプロジェクトは Electron 製の簡易音楽プレーヤーになる。JS/CSS まわりはこんな感じ。 JavaScript AltJS は...
View ArticleSass を試す
年末に PostCSS + cssnext と CSS Modules を試したのだが、コメ欄の指摘とそれを受けた追記を読んでもらえるとわかるとおり次世代 CSS 仕様の先取り = CSS.next のつもりで導入した cssnext が微妙だと感じはじめている。 cssnextを使うべきか – yuhei blog QiitaのCSS構成2017 – Qiita これらの記事でも言及しているとおり...
View ArticlePostCSS + cssnext と CSS Modules を試す
このあいだ書いた記事の締めで予告したとおり Stylus からの移行先として PostCSS + cssnext を試す。 サンプル プロジェクト : examples-web-app/postcss 2017/12/29 追記 : cssnext は CSS.next と呼べるか？ 本記事のコメント欄にて @mysticateaさん から指摘され、cssnext の機能すべてを CSS.next...
View ArticleElectron を試す 11 – webpack によるビルド
これまで Web フロントエンドや Electron の JavaScript ビルドには Browserify と Babel を使用してきた。しかし Browserify の開発は停滞している。現在は個人から org 運営へ移管しており browserify/discuss にて開発者の募集や議論もおこなわれているものの、往時の勢いはない。 私としては CLI のみで完結して設定を...
View Articlenpm icon-gen v1.2.0 release
icon-gen v1.2.0 をリリースした。 Release v1.2.0 今回の目玉は ICNS における is32 と il32 のサポート。Wikipedia の Apple Icon Image format によると ICNS は現行の macOS なら ic07 〜 ic14 があれば十分にみえる。 しかし GitHub にて Mac OS X finder uses also...
View ArticleRedmine テーマ minimalflat2 v1.3.5 リリース
Redmine テーマ minimalflat2 v1.3.5 をリリースした。 Release v1.3.5 Redmine v3.4.3 対応 以下の問題が報告されたので Increase width of select values in issues page – Issue #118 Redmine v3.4.2 と v3.4.3 の application.css...
View ArticleClik here to view.
Electron を試す 10 – Main プロセスのデバッグ
このシリーズ第一回で node-inspector を利用した Main プロセスのステップ実行を紹介した。しかし node-inspector は現在、非推奨である。Node v6 でサポートされた --inspect を使用することになっている。 Node 同様に Electron も v1.7.2 で --inspect が追加された。つまり Node/Electron...
View ArticleAtom v1.19.0 の IME 問題とダウングレード方法
Atom v1.19.0 の更新があったので反映したら、IME 入力がおかしい。例えば「にほんご」と入力した場合、変換中は一文字目だけしか表示されず、順に「に」、「ほ」、「ん」、「ご」と切り替わってゆく。変換前の文字がひとつしか見えないので、まともに入力できない状態。あまりに致命的な問題なので issue があるだろうと探したら以下をみつけた (ついでにコメントしておいた)。...
View ArticleClik here to view.
Redmine テーマ minimalflat2 v1.3.0 リリース
Redmine 3.4 がリリースされたので minimalflat2 も対応した。 Release v1.3.0 – akabekobeko/redmine-theme-minimalflat2 以下、開発メモ。 Stylus 定義を標準 application.css にあわせる minimalflat2 の CSS は Stylus で記述して application.css と...
View Articlegulp で uglify-es を利用する
タスクランナーは npm-scripts 派なのだけど、akabekobeko/examples-web-app に公開している front-end-starter には gulp 版も用意してある。かつて gulp を利用していたこと、世間では現在もそれなりに Web フロントエンド開発で gulp が採用されていることから動向チェック用にメンテナンスしている。 front-end-starter...
View ArticleElectron を試す 9 – Babel 変換を最小におさえつつ minify
小ネタ。 Electron が採用している Chromium は ECMAScript 対応がかなり進んでいる。よって Babel を使用しつつも変換を最小におさえたくなる。 この点について以前 babel-preset-env と minify という記事を書いたのだが、uglify-js の ES2015 以降への対応が暫定版なため、よりよい選択肢として babel-preset-babili...
View Articlenpm 開発で再び Babel を導入することにした
以前、npm 開発で脱 Babel してみるという記事を書いた。そして二ヶ月ほど特に問題なく運用できていたのだが、babel-preset-env を試してみたら考えが変わった。 脱 Babel を決めた時点では latest で常時 ES5 変換か plugin を細かく組み合わせることを想定していた。しかし babel-preset-env なら明示的に Node...
View Articlebabel-preset-babili を試す
babel-preset-env と minify の続き。前回は ES.next なコードを minify する方法として uglify-js を中心に babel-preset-babili を少しだけ試したところで終わった。今回は後者の使い方を掘り下げる。 Babel における plugin と preset babel-preset-babili は ES.next な JavaScript...
View Articlebabel-preset-env と minify
babel-preset-env を試す で試した Electron 用の設定を実際に akabekobeko/examples-electron へ適用してみたところ、いろいろと問題があったので記録しておく。 JavaScript のビルド設定 この記事を読むための前提条件として必要な情報を先にまとめておく。 私は Electron 用 JavaScript ビルドを package.json...
View Articlebabel-preset-env を試す
npm として配布するものは純粋な Node 機能のみで構成したいため脱 Babelしたが、Web フロントエンドや Electron では最新の ECMAScript 機能を利用したい。 というわけで、これまでは Babel + babel-preset-latest で JavaScript を変換してきた。しかし latest だと Web ブラウザーや Electron...
View ArticleClik here to view.
JavaScript Standard Style を試す
話題の JavaScript Standard Style を試してみた。 背景 以前、以下の記事とはてブで JavaScript Standard Style を知った。 コーディング規則にJavaScript Standard Styleを使うべき4つの理由 – WPJ はてなブックマーク – コーディング規則にJavaScript Standard Styleを使うべき4つの理由 – WPJ...
View Article
