Deno (ディノ) Advent Calendar 2020、25日目の記事です。今日は Deno が Node.js に依存しなくなった経緯の話をします。 Node.js に依存しながら始まった Deno の開発 Deno は、プロジェクトが始まって以来いくつかの点で Node.js に依存して開発が進められてきました。おもに Node.js に依存していたのは以下の3種類のプログラムです。 バンドラ parcel (のちに rollup に移行) フォーマッタ prettier リンタ tslint (のちに eslint に移行) この中でバンドラが最も最初に Deno 製のツールにリプレースされ、その後フォーマッター、リンターの順でリプレースされていきました。リンターがリプレースされたのはつい最近 (2020年11月) のことです。この記事ではそれぞれの経緯・手法について紹介して

Deno (ディノ) Advent Calendar 2020、18日目の記事です。 今日は、prompt 関数を Deno に実装した話をします。 TL;DR ブラウザの window.prompt() に相当する関数を Deno の API として実装しました https://github.com/denoland/deno/pull/7507 実装そのものは比較的簡単。なぜこの API を入れる必要があるのか、その意義を理解してもらうことに苦労しました。 モチベーションは本の執筆 以前 Denobook 2 を執筆したときに、完全にプログラムの初心者の人に向けて Deno・JavaScript の機能を1から解説していくという記事を書いたのですが、その時不便に感じたのがプログラムへの入力が非常に煩雑であるということでした。 従来の API だと標準入力から1行受け取る呼び出しは以下の

Deno の公式レジストリの登録方法が変わりました! 本記事ではその登録方法について解説します。 (この記事は Deno の公式レジストリに自分の書いたモジュールを登録してみたい人向けの記事です。npm にモジュールを登録した経験がある人などが主な対象読者です。) Deno の公式レジストリとは Deno の公式レジストリは https://deno.land/x にあります。(特に固有の名称などはありません。単にレジストリと呼ばれることが多いです。) これまで、ここに自分の作ったモジュールを登録するには、公式ホームページのレポジトリにある JSON ファイルに PR を出して、 手動でマージしてもらうことが必要でした。 (旧来のワークフローでは手動のレビューとマージをしていました) この若干面倒だった登録フローが、8/3のアップデートで、 PR を出す必要のない自動的なワークフローに置き

Deno (ディーノ) Advent Calendar 8日目の記事です. 今日は Deno にコントリビュートするためのヒントを紹介します. Deno 本体をビルドする Deno にコントリビュートするためには, まずは Deno をビルドしてみましょう. Deno 本体をビルドするためには以下のツールが必要になります. Rust 1.39 Python 2.7 Python 3 はダメなので必ず2系をインストールしてください (ただし来年以降は3になる可能性があります) ビルドには必要ありませんが lint やフォーマッティングのために更に以下が必要になります. Node.js 12 Deno をビルドする Deno のリポジトリは以下のコマンドで clone できます.

Deno (ディーノ) Advent Calendar 18日目の記事です. 今日は date-fns を Deno から使う話です. date-fns とは date-fns はとても機能が豊富な時刻を扱うためのライブラリです. 一昔前は, 時刻といえば moment を使うのが一般的でしたが, 最近では moment のバンドルサイズが大きすぎることや, API のデザインの筋の悪さ(破壊的なメソッドが多い)から moment 代替のライブラリがいくつか活発に開発されています. その中でも人気が高いライブラリの一つが date-fns です. date-fns は moment や dayjs などと違い, 時刻を表すための独自クラスを持たない点が特徴です. 独自クラスを使わずに JavaScript の builtin 型である Date 型を, API の入出力として使います. つ

Deno (ディーノ) Advent Calendar 13日目の記事です. 今日は Deno で AWS Lambda 関数を実装するためのツール deno-lambda の使い方を紹介します. deno-lambda は @hayd Andy Hayden さんが作った, Deno で Lambda 関数を実装するためのツールです. 手順 deno-lambda のリリースページ に行き, 最新バージョンの deno-lambda-layer.zip をダウンロードしてください. AWS Console の Lambda のページに行き Layers タブを選択し, Layer の作成選んでください. 任意の名前を入力し(例. deno-lambda-layer), ダウンロードした deno-lambda-layer.zip をアップロードしてください. アップロード完了したら作成ボ

Deno (ディノ) Advent Calendar 3日目の記事です. 今日は改めて Deno ってなんだっけ? をおさらいしてみましょう. ひとことでいうと Deno は一言でいうと Node.js みたいなやつの新しいやつです. もうすこし詳しくいうと もうすこし詳しくいうと, Deno はターミナルから使うコマンドラインツールで, Deno を使ってサーバーを立ち上げたり, ファイル処理をしたり, いわゆるプログラミング言語で出来る様々な処理を実行することが出来ます. Deno は Node.js と同じように Google Chrome の JavaScript エンジンである V8 エンジンをベースにして作られているので JavaScript 言語を使って Deno のプログラムを書くことが出来ます. すでに JavaScript 言語をある程度知っていれば, すぐにでも De

Deno (ディーノ) Advent Calendar 9日目の記事です. 昨日の記事では Deno 本体にコントリビュートする方法を解説しましたが, Deno 本体に PR を投げることだけがコントリビュートではありません. 本記事では Deno 本体以外で Deno にコントリビュートする方法を紹介します. Deno のホームページ Deno のホームページのソースコードは以下のコマンドで clone 出来ます. デザインで気になった点, 表現で気になった点など, ホームページ で気になった点を修正して, PR を投げてみましょう. またホームページの issue もあるため, そちらを解決するのもおもしろいかもしれません. アイコン @hashrock さんが下の Deno のアイコンをコントリビュートしたことは Deno コミュニティの中では有名です. 公式ドキュメントの中でも使わ

Netlify は無料の静的サイトホスティングサービスです。GitHub のレポジトリと連携することが出来て、特定ブランチの内容と同期して、静的サイトを自動的に更新してくれます。また、ブランチの更新にフックして、静的サイトのビルドコマンドを指定することも出来て、ブランチ更新 -> Netlify 上で自動ビルド -> サイト更新という簡単なワークフローを組む機能も持っています。 🌱buttons では、GitHub 上にはビルド前のソースコードだけを commit して、後述の bulbo というビルドツールでビルドした静的サイトを Netlify 上にホスティングしています。 Database MongoDB はドキュメントデータベースと呼ばれるタイプのデータベースです。RDBMS よりもお手軽に開発を開始できます。 node.js では mongoose という ODM ライブラリが

React Native の packager cli (デフォルト構成で始めて、npm start で起動するやつ) はビルドモジュールをキャッシュして、必要な部分のリビルドしかかからないようにしてくれているため、2度目以降のビルドが高速になって便利ですが、例えば、.babelrc を更新して babel オプションを変えた場合など、キャッシュを一旦クリアしたい場面があります。 そういう場合は、以下のコマンドでキャッシュがクリアできます。 参考: https://github.com/facebook/react-native/issues/1924 注意 上のスレッドを見てもわかるように、クリアの手順が度々変わっているようなので、上のコマンドでうまく行かない場合は、上のスレッドを漁ってみてください。クリアに成功している場合は、js バンドルのフルビルドが走るため、数十秒 ~ 数分程度の

この記事は CureApp Advent Calendar 2016 2日目の記事です。 今日は新しいモックライブラリの testdouble.js の話です。 モックとは ソフトウェア開発におけるモックとは、テスト環境において本物を使ってしまうと何らかの理由で都合が悪いものを、テスト環境で本物とすり替えて使う何らかの 偽物 のことです。 「テスト環境において本物を使ってしまうと都合が悪いもの」の例としては、例えば、データベース接続、外部API接続など、環境を準備することができない/面倒/コストが高いものなどがあります。モックを使うことで、そのような構築コストの高い環境設定をスキップして、効率よくテストを実行することができます。 また、モックを使う別な理由として、テストの実行速度の高速化があります。ファイルアクセスやデータベースアクセスは一般的に遅いため、そこをモック処理に置き換えることで

この記事は CureApp Advent Calendar 2016 13日目の記事です。 今日は、デザインの話、というか、デザインをいかにしないかという話です。 web サイトを作っていると良くある依頼: web ページを作ってほしいんだけど、デザインにかけるコストを 限りなく少なくしてほしい。 でも それなりに最低限の見栄えがする程度にはしてほしい。 ほら、例えば Bootstrap のデフォルトぐらいにはしてほしい。 こういう何となく都合の良いお願いをされることがよくあります。そして、本当にコストをかけないで数行の css で持って行くと「なんか違う」「もうちょっと何とかならないか」的な意見が出て、気がついたらそれなりに作り込んでいるということが良くあります。 依頼される場合以外でも、自分でなんらかの web ページを作りたい時に、単純に情報共有だけが目的で、デザインはどうでも良いと