ちょっと複雑なシェルスクリプトをJavaScriptで書く - lacolaco-engineering
ちょっと複雑なシェルスクリプトを https://github.com/google/zx を使って書くとJavaScriptプログラマにとってはメンテナンスしやすい /lacolaco/lacolaco.iconはzx歴 3-4ヶ月ってところ (2021-08) 嬉しいところ async/awaitが使える 配列が扱いやすい モジュールで再利用しやすい 他のNode.jsライブラリと併用できる Prettierでフォーマットしやすい Lintしやすい エディタ支援が安心 Made by Google 微妙なところ JavaScriptプログラマ以外にとっては無用 とはいえシェルスクリプトによほど慣れてる人以外はよく整理されたJavaScriptのほうがセマンティクスを読み取りやすいのではないか スクリプト自体はこんな感じ（公式READMEより） code:js #!/usr/bin/en
Rome, a new JavaScript Toolchain - JASON Format
Sebastian McKenzie, the original creator of Yarn and Babel and a member of the React Native team at Facebook, has been working on an “all-in-one” solution for JavaScript and TypeScript development. The Rome project, a reference to “all roads lead to Rome”, was made public on Feb 26th 2020. What is Rome? Rome is a from-scratch implementation of a complete JavaScript toolchain. It compiles and bundl
swc - Babelの18倍高速なJavaScriptコンバータ MOONGIFT
JavaScriptはそのまま書くのではなく、書いた後に変換して使うケースが増えています。例えばTypeScriptであったり、Babelを使って新しいJavaScriptの仕様を使えるようにする、ReactのJSXを変換するといった具合です。 そんな変換処理は実行速度が命です。遅いと変更するのが面倒になり、更新してからWebブラウザなりで確認するのにも時間がかかってしまいます。そこで紹介したいのがBabelの18倍速いというswcです。 swcの使い方 例えば新しいJavaScriptの仕様であるクラスを使います。 class Foo { set foo(v) { } } class Bar extends Foo { get bar1() {} async bar2() {} } これを変換します。 $ swc index.js そうするとES3スタイルのJavaScriptが出力され
「fx」でターミナルからJSONにJavaScriptの関数を実行したり巨大なJSONを折りたたんで表示したりする | DevelopersIO
「fx」はターミナルでJSONに対してJavaScriptを実行するためのコマンドラインツールです。コマンドラインからパイプで渡したJSONに関数を実行したり、その中でnpmパッケージを利用したり、巨大なJSONを参照する際にオブジェクトや配列を折りたたんで表示したりできます。 APIのレスポンスなどのJSONはターミナルでサクッと確認することが多いです。 この時、JSON自体が巨大な場合だとフォーマットをかけても結局巨大すぎて見るのが辛いなと思っていました。 このような場合にfxというツールを通してJSONを見ると良いかもと思いましたのでこちらで紹介いたします。 fxはビューアーのためだけのツールというわけではないのですが、ひとまず以下をご覧いただくと「巨大なJSONを見るのに良さそう」感が伝わるのではないかと思います。 いかがでしょうか。要するにオブジェクトと配列がたたまれ、インタラク
WSH JScript Chakra を使用した ES2015(ES6) 対応 （ スクリプトエンジン まとめ ） - イネマルのプログラミング備忘録
はじめに WSH JScript (wscript cscript) で使用できる スクリプトエンジン まとめです。 JavaScript限定、プリインストールされている物だけなので注意。 ツールとして独立しているChakraCoreや、その他サードパーティーは含みません。 各 JavaScript エンジン について JScript (JavaScript) だけでも、4種類ほどスクリプトエンジンがあるようです。 以下、それぞれバッチファイルから cscript で実行する際のサンプルコマンドです。 JScript JScript を使用する際、一般的に指定されるスクリプトエンジンです。 バージョンは、環境によって異なりますが、 現時点のOSサポートを考慮すれば、5.7 か 5.8 でしょう。 rem jscript.dll %windir%\System32\cscript.exe /
VuePress
Simplicity First Minimal setup with markdown-centered project structure helps you focus on writing. Vue-Powered Enjoy the dev experience of Vue + webpack, use Vue components in markdown, and develop custom themes with Vue. Performant VuePress generates pre-rendered static HTML for each page, and runs as an SPA once a page is loaded.
Youtubeや音楽データを自在に再生できるJSライブラリ Player.js
A JavaScript library that allows developers to programmatically control video and audio within IFrames across a number of services. Publishers can also expose a JavaScript API for developers to build rich applications with their media. Read The Documentation Demos Open Standard Player.js is an Open Specification licensed under the Creative Commons Attribution License. View The Spec Compatibility T
Node.jsのフレームワーク、Expressを使ってRESTサーバーを書いてみる - CLOVER🍀
Node.jsを使って、ちょっとREST APIが作れるフレームワークを試してみようと思いまして。 Expressというフレームワークがスタンダードらしいので、これを試してみることにします。 Express ドキュメントをざっと見た感じ、シンプルで使いやすそうな雰囲気が？ 以前にNode.jsのhttpモジュールを使って試したようなこと（JSONを受け取って四則演算を行うAPIを作ってみる）を、Expressを使って書いてみましょう。 Node.jsで、JSONをPOSTするHttpClient／受けるHttpServerを書いてみる - CLOVER🍀 環境 対象の環境は、このようになっています。 $ node -v v9.5.0 $ npm -v 5.6.0 準備 とりあえず、チュートリアルを見ながらインストール。 Installing $ npm install --save ex
ParcelでSASSからNodeパッケージをインポートする
最近話題のモジュールバンドラであるParcelを使ってみてます。 そこで.scssファイルから、Nodeモジュールのパッケージに入ってる.scssファイルを読み込もうとしたんですが、そのままではnode_modulesディレクトリにパスが通ってないらしく、読み込めませんでした。 それについての対処法。 // example.scss @import "compass-mixins/lib/compass"; こちらの記事を参考にしました。最後の方に解決方法が書いてあります。 Importing CSS from node_modules · Issue #39 · parcel-bundler/parcel プロジェクトルートに.sassrcファイルを作って以下のようにJSONで設定を書くのが普通ですが、これだとパスが通らないらしくnot foundになってしまいます。 // .sassr
vim-javascript から tigris.nvim に乗り換えたら快適だった - 丁寧に手を抜く
最近neovimに乗り換えてから、javascriptの編集中にたまに固まる現象が発生して困っていた。 再現条件をいろいろ試したらどうやらvim-javascriptのインデント処理で無限ループしている様子。 という訳でvimの設定を見直してみることにした。 要件としては、インデントはPrettierでやるので、シンタックスハイライトだけ綺麗にやってくれればいい。 調べたら tigris.nvimというプラグインを見つけた。 これはnodeベースのプラグインで、Babylonを使って構文解析をしてハイライトを実現している。 Babylonはbabelプロジェクトの一部で、JSX, Flow, Typescriptを標準でサポートしている。 だからvim-javascriptのようにvimコミュニティが必死で新たな構文のサポートを追いかける必要がない。 ソースコードを覗いたらシンプルな実装だ
マークダウンベースのタスクランナー saku を作った話 - Qiita
tl;dr make をタスクランナーとして使うことに疲れた (.PHONY ってもう書きたくない) yaml ベースのタスクランナーは幾つかあったがしっくり来ない (go-task / robo) そもそもタスクの記述言語をマークダウンにした方が良いのでは? マークダウンベースのタスクランナーを作った! saku! (update: Go言語バージョンも作った!) モチベーション 自分は普段、趣味も仕事もほとんど JavaScript ばかり書いているため、タスクランナーとしては npm run-script を使っています。 run-script はタスクのドキュメントが書けないとか、タスクにコメントをつけれないとか(JSON の文法の制約上)、不満点は色々ありますが、npm-run-all などの支援ツールを利用することで、必要最低限のタスク定義は十分にできるツールと個人的には思って
Vim Vixenの開発について | Folioscope
昨日 Vim Vixen 0.10 をリリースしました。 おかげさまで Vim Vixen のユーザ数も 8,000 人に届こうとしてます。 この Vim Vixen 0.10 では、クリップボードから URL を開く、Input にフォーカスするなど、新たに 4 つのキーマップが新たに加わりました。 またプロパティという仕組みを追加し、スムーズスクロールと、ヒントのカスタムキーマップを設定できるようになりました。 詳しくはリリースノートをご覧ください。 Vim Vixen – Add-ons for Firefox この記事では Vim Vixen の開発について紹介します。 Vim Vixen は GitHub 上で開発していおり、Issue や Pull Request は大歓迎です。 https://github.com/ueokande/vim-vixen 開発環境 Firefo
イマドキのJavaScriptの書き方2018
PySpa統合思念体です。これからJavaScriptを覚えるなら、「この書き方はもう覚えなくていい」（よりよい代替がある）というものを集めてみました。 ES6以降の難しさは、旧来の書き方にプラスが増えただけではなく、大量の「旧来の書き方は間違いを誘発しやすいから非推奨」というものを作り出した点にあります。5年前、10年前の本やウェブがあまり役に立たちません。なお、書き方が複数あるものは、好き嫌いは当然あると思いますが、あえて過激に1つに絞っているところもあります。なお、これはこれから新規に学ぶ人が、過去のドキュメントやコードを見た時に古い情報を選別するためのまとめです。残念ながら、今時の書き方のみで構成された書籍などが存在しないからです。 たぶん明示的に書いていても読み飛ばす人はいると思いますが、すでに書いている人向けではありません。これから書くコードをこのスタイルにしていくのは別にいい
webpack時代の終わりとparcel時代のはじまり - Qiita
設定不要のビルドツール parcelというビルドツールが空前の勢いでGitHubスターを集めており、リリース数日で5000スターを超えています。今日だけでも1000スター以上増えており、Googleなどの有名企業リポジトリ以外でこのスピードで人気がでるのは異例です。 https://github.com/parcel-bundler/parcel https://parceljs.org/ 実際に試してみたところ、これはwebpack一強時代を終わらせるレベルの使いやすさだと確信しました。 作者はAdobeのエンジニアで、その他著名エンジニアも続々と参加している様子です。 webpack疲れ webpackが出た当初、webエンジニアはgulp/grunt疲れの状態だったことを覚えている方もいるかと思います。 webpackの統合された設定ファイルは、タスクランナーで逐次処理していたものを
Windows での最速 Node.js 環境構築 - Humanity
Windows での Node 環境のセットアップが楽になってるな。npm install -g windows-build-tools だけで済むようになってる。もう手動で Python とかインストールしなくていいのか。 https://t.co/r9KDFUp23Z— tyru (@_tyru_) 2017年3月12日 というわけで Windows で Node.js 環境をセットアップする方法をまとめてみる（もしかして前からこれぐらい簡単だったのかもしれないけど…）。 1. Nodist をインストール Node.js を直接インストールせず、まずは Nodist をインストールする。 github.com 今だと v0.8.8 が最新だった。 2. windows-build-tools をインストール 次に管理者権限で Powershell を起動*1して、npm instal
prettierの使い方 - Qiita
ということで、JavaScriptのフォーマッタのprettierの紹介です。 React Confで紹介されてたものを色々試してみようと思って、まずはprettierを試してみました。 追記 2017/4/14: Prettier1.0(とMinor fixあてた1.1.0)が出ました。本記事の内容は1.0でもそのまま問題なく適用できました。 2019/7/7: prettier-eslintよりもeslint-plugin-prettierを使ったほうが良さそうです prettierとは JavaScriptのコードを整形してくれるフォーマッタ。他言語で言うとGolangのgofmtみたいなもの。 他のフォーマッタと比べて設定項目が少ないので開発者間で迷いなく共通のスタイルで統一される。 まだベータ。 1月にリリースされてから2ヶ月ちょっとでスター数6000超え。例えばeslintは3
Electronアプリケーションの環境設定画面を超簡単に実装するモジュール electron-preference を作った - Qiita
[ { "name":"Tab1", "items":[ { "name":"checkbox1", "text":"checkbox1", "description":"Please check if you are lucky!", "type":"checkbox", "default":"true" }, { "name":"text1", "text": "first name", "description":"Your First Name", "type": "text", "default":"takuya" }, { "name":"text2", "text":"last name", "description":"Your Last Name", "type": "text", "default":"takahashi" }] },{ "name":"Tab2", "
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - orogene/orogene: Makes `node_modules/` happen. Fast. No fuss.
yukimemi's blog - Use Hyper js terminal
Use highlight.js with CDN | YUKIMEMI