開発の記事一覧
console.chat - 開発者ツール上のチャット
開発者ツールは開発者以外の方には用のないツールでしょう。逆に開発者はデバッグ以外の目的でも利用しており、APIについて調べたり、予定なDOMを消したり、ユーザスクリプト的に使っていたりします。そんな開発者ツールを使った密かな遊びとしてconsole.chatを紹介します。名前の通り、開発者ツール上でチャットをします。#...
mask - Markdownファイルを使ったタスクランナー
あらかじめ設定した処理を実行する、いわゆるタスクランナーは多数あります。GulpやGradleなどが有名です。多くのタスクランナーはシステム向けで、数ヶ月後にメンテナンスするのが困難になったりします。今回紹介するmaskはMarkdownファイルを使ったタスクランナーです。コメントも使えたりして、使い勝手が良さそうです...
GraphQL Zeus - GraphQL用のクライアントライブラリを生成
GraphQLの最も優れている点はWeb APIながらスキーマが用意されている点ではないでしょうか。それによってREST API以上に関連ツールが作りやすくなっています。動的にスキーマを読み込んでも良いですし、あらかじめコードを生成することもできます。今回紹介するGraphQL Zeusは後者に該当します。スキーマファ...
get-browser - デスクトップ/スマートフォンのWebブラウザを特定
かつてあったブラウザ戦争はなくなり、ほぼWebKit一強になりつつあります。そんな中、スマートフォンやタブレットなど画面解像度やサイズの多様性が生まれており、その中で開発者が対応すべきことも増えています。どのWebブラウザからのアクセスなのか、特定に苦労している人も多いのではないでしょうか。そこで使ってみて欲しいのがg...
All Contributors - プロジェクト協力者をたたえよう
オープンソースで大事なのは協力者です。コードを書いてくれる人だけでなく、ドキュメントやサポート、デザインなど様々な人たちが関わってプロジェクトは成り立っています。彼らの活躍なくしてオープンソース・ソフトウェアは成り立ちません。そんな協力者たちを可視化し、たたえるためのソフトウェアがAll Contributorsです。...
barba.js - スムーズなページ遷移を実現
Webページを素早く表示したいというニーズは強くあります。AMPのような技術しかり、PWAのCache APIもそうです。遅くて良いことなどありません。とにかくWebページは高速に表示すべきです。そしてそのためのライブラリも多数あります。今回紹介するbarba.jsは高速、かつスムーズなページ遷移を可能にするライブラリ...
VSCodium - VS Codeを完全にオープンソース化
VS Code（Visual Studio Code）は開発者に人気のプログラミングエディタです。操作性、テーマ、機能拡張など便利な機能がたくさんあります。仕事で使っている方も多いのではないでしょうか。VS Codeはオープンソース・ソフトウェアですが、Microsoftのトラッキングコードやロゴ商標などが絡んでいるの...
MagazineLayout - 縦スクロールを想定したiOS用ライブラリ
iOSは元々Androidに比べて画面サイズが多くなく、アプリが作りやすかったのですが、今では年々種類が増え続けています。それでもAndroidよりは少ないかも知れませんが、レイアウトをどのデバイスでも問題ない状態にするのは大変です。今回はAirbnbが開発しているグリッドレイアウトライブラリMagazineLayou...
wasm-module - RustのWebAssemblyの中でDOMを扱う
個人的にWebAssemblyには強く期待しており、その中でもGoが有力だと感じています。それはGoのWebAssemblyではDOMやJavaScript APIが使えるからです。駆使すればWebアプリケーション全体のコードをGoで書けるのです。これがRustにもないのが残念でした。しかしwasm-moduleが新し...
pikapkg - Webpack不要。npmライブラリをWebブラウザで利用する
現在、多くのJavaScriptライブラリがnpmで配布されています。Webブラウザ向けであってもnpmで配布されており、それらをgulpやWebpackによって一つのライブラリにしています。これは毎回のセットアップが面倒です。そこで使ってみたいのがpikapkgです。特定のディレクトリにライブラリをダウンロードし、W...
femtoJS - jQueryに替わるDOM操作ライブラリ
jQueryはもう使いたくないと思いつつ、それでも使ってしまうのはDOM操作が面倒だからです。ReactやVueを使えばDOMの不便さから逃れられますが、ちょっとしたものを作る際には大げさだったりします。そこで使ってみたいのがfemtoJSです。DOM操作に特化した小さなライブラリです。## femtoJSの使い方ボタ...
Origami SMTP - TLSをサポートした開発用SMTPサーバ
開発時にメールを間違って送信してしまった…そんな経験はプログラマであれば誰もがあるでしょう。防ぐためにはメールアドレスのマスキングであったり、開発用のメールサーバを立てるという方法が考えられます。今回はローカルで動作するSMTPサーバ、Origami SMTPを紹介します。TLSにも対応しているのがポイントです。## ...
TLPhotoPicker - Facebookアプリ風の写真選択画面ライブラリ
iOSのUIKitは十分に高機能ですが、より良いUXのアプリを提供しようと思うとカスタマイズが必要でしょう。そして多くの有名なアプリは機能がカスタマイズされており、そこから学べる点は多いです。今回紹介するTLPhotoPickerはFacebookの写真選択に似た機能を提供するライブラリです。## TLPhotoPic...
Sandbox - Ruby用のVirtualenv
ライブラリは単体で成り立つものもあれば、別なライブラリに依存するものもあります。その中にはバージョン依存もあり、多くのライブラリをインストールするとその内バージョン差異によるコンフリクトを起こします。PythonのVirtualenvはそれを防ぐ良い仕組みです。同様の仕組みをRubyで提供するのがSandboxです。#...
js-green-licenses - JavaScriptプロジェクトのライセンスをチェック
オープンソースの基本であり、肝なのがライセンスです。さらにライブラリを使っていたりすると、そのライセンスも関わってきます。ライセンスの誤った利用はビジネス上のリスクになり得ますが、それでもオープンソースを一切用いないという選択は困難になってきています。もしNode.jsをプロジェクトに採用しているならば使ってみたいのが...
GoCity - Goライブラリの依存性を可視化
最近のソフトウェアは依存性を全くなくして作られることは少なくなっています。外部のライブラリを積極的に使うことで、多彩な機能を素早く、安定して取り込めるようになります。今回はそんなライブラリへの依存性を可視化してくれるGoCityを紹介します。## GoCityの使い方とあるライブラリの例。まるでマイコンのようです。!
jdetects - 開発者ツールが開いたのを検知
昔、HTMLソースの中に秘密のメッセージを埋め込むのが流行りました。例えば求人を入れていたり、問題を書いておくといった具合です。当たり前のことですが、開発者ツールを開くのは開発者くらいです。だからこそ良い宣伝になったのです。そんな特徴を使って遊べるのがjdetectsです。開発者ツールを開いたタイミングでイベントを実行...
vbuild - VueをPythonでコンパイル
かつてはHTML/JavaScript/CSSは別々なファイルで作成していましたが、Web Componentの流れは違います。機能毎にすべて一つのファイルにまとまり、独立性と再利用性を高めています。そんなWeb Componentの流れを汲んでいるVueのファイルをPythonで解析して出力するライブラリがvbuil...
HTTP Responder - WebHookを使った開発を便利に
WebHookはシステム連携するのに便利な仕組みですが、呼び出されるのがサーバ側とあって、開発時の確認がしづらいのが問題です。ngrokなどを使ってローカル環境を外部に繋ぐこともできますが、準備が面倒と感じる人もいるでしょう。そこで使ってみたいのがHTTP Responderです。WebHookの内容を確認できるWeb...