開発の記事一覧
Live.js - JavaScriptを読み込むだけで使えるライブリロードライブラリ
Webサイトを開発している時には、その修正内容を素早く確認したいはずです。ライブリロードやホットリロードといった技術もありますが、専用のサーバなどを用意するのでちょっと手間です。そこで使ってみたいのがLive.jsです。JavaScriptを読み込むだけで使えるライブ/ホットリロードを実現します。## Live.jsの...
AnyGrids - 高機能なテーブル表示ライブラリ
業務システムで最もよく使うのが一覧でのデータ表示ではないでしょうか。多くはテーブルタグを使って構築しますが、ソートや表示するデータの多様さによって、より多機能を求められます。今回紹介するAnyGridsはビジネスデータの表示に特化したライブラリとなっています。業務システムでのデータ表示に一役買ってくれそうです。## A...
LightProxy - ネットワークをキャプチャ。Web開発用プロキシ
Webアプリケーションやスマートフォンアプリの開発時に、ネットワークのやり取りを確認したいことがあります。その手のソフトウェアとしてCharlesが知られていますが、有償であるために避けている人もいるかも知れません。そんな方に使ってみて欲しいのはLightProxyになります。Charles同様、ネットワークをキャプチ...
ControlRoom - Apple用アプリ開発のシミュレーションを一括管理
iOSやiPadOSなどのアプリを開発している時にはエミュレータを利用します。エミュレータには位置情報をダミーで送ったり、ネットワーク速度を変更したりする機能が用意されていますが、メニューから都度変更するのが面倒です。そこで使ってみたいのがControlRoomです。エミュレータの動作設定をGUIから簡単に行えます。#...
GitHub CLI - GitHub製のPR/Issue管理ツール
Gitはバージョン管理を行うためのCLIであり、個人の開発であればGitコマンドだけで事足りるでしょう。複数人になるとPRやIssueといった機能が必要になり、そのためにGitHubにアクセスする人も多いはずです。そこで使ってみたいのがGitHub CLIです。PRとIssueに関して管理が可能なGitHub製のCLI...
massCode - マルチプラットフォームで使えるスニペット管理
開発をしていてプロジェクトをまたいで繰り返し使うようなコードはスニペットとして登録しておくと便利です。ライブラリ化するまでもないコードだったり、Webブラウザの開発者ツールで頻繁に実行するコードもスニペットにしておくと便利です。今回紹介するmassCodeはマルチプラットフォームで使えるスニペット管理となっています。#...
gore - 入力補完も可能なGo用のREPL
プログラミング言語を学習する際に対話的にコードとその結果を確認できるREPLの存在は欠かせません。RubyやPython、PHPなどスクリプト言語であれば大抵用意されています。JavaScriptであれば開発者ツールを使うことが多いでしょう。そんな中、Go言語で使えるREPLがgoreです。入力補完も可能なソフトウェア...
CuteUID - かわいいユニークIDを生成
ユニークなIDを生成したいと考えた時、どんな方法を使うでしょうか。大抵各言語向けに用意されたUUID生成ライブラリを使うと思います。それを使えば数字だけ、または英数字を絡めたIDが生成されます。しかし、そんなIDに楽しさが感じられない、そう思う方はCuteUIDを使ってみましょう。## CuteUIDの使い方CuteU...
JSFrame.js - モーダルからチャットまで。軽量なウィンドウライブラリ
Webアプリケーションを高機能化する上で欠かせないのがウィンドウではないでしょうか。ローカルOSの中で使うのはごく当たり前のようになっていますが、Webアプリケーションも複雑化すると、情報をウィンドウごとに分けたくなるはずです。そんなウィンドウを実現してくれるライブラリがJSFrame.jsです。## JSFrame....
SekigaeKun - ペアプログラミングの席替えアプリ
ペアプログラミングでは常に同じペアではなく、人を入れ替えつつ行うと新鮮な得られがあるでしょう。かといって適当にやっていると徐々にペアの偏りができてしまいそうです。かといってくじ引きやアミダを作るのも面倒です。そこで使ってみたいのがSekigaeKunです。ペアプログラミングのペア決めを行ってくれるソフトウェアです。##...
tson - CUIのJSONエディタ
JSONは基本的にシステム間のデータ送受信に使われるものなので可読性はあまり高くありません。ミニファイして改行がなくなっていれば尚更です。システムから出力するのが基本ですが、手作業で修正したいことあるでしょう。そんな時に使いたいのがtsonです。ターミナルで使えるJSONエディタです。## tsonの使い方編集画面です...
Jasper - GitHub用のIssue管理を強力にサポート
GitHubのIssueはプロジェクトやオープンソース・ソフトウェアが成長するために必須の機能です。しかし、その数が増えるとついつい見過ごしてしまったりします。その結果、数ヶ月放置されるなんてことも少なくありません。その結果、開発者を失望させてしまいます。そうならないために使ってみたいのがJasperです。まるでメーラ...
con - JSONよりも高速に使えるフォーマット
REST APIやGraphQLなどWeb APIのデファクトスタンダードとも言えるフォーマットになっているのがJSONです。しかし、そのJSONへのシリアライズ、パースにかかるコストは意外に大きいです。そこで作られたtのがconです。JSONとYAMLを足したようなフォーマットで、JSONよりも高速なのが売りです。#...
hashids.js - 数字からYouTube風のID文字列を生成
WebサービスでユニークなURLを提供する際に、IDを数字のまま出してしまうとデータ件数が何件あるのかバレてしまいます。そこでランダムな文字列を作ってIDの代わりにしたりします。しかし、数字のIDとランダムな文字列、二つ管理するのは面倒です。そこで使ってみたいのがhashids.jsです。数字からYouTube風なID...
go-web-app - GoによるWebAssembly開発を強力にサポート
GoでWebAssembly（WASM）が書けるようになったことで、GoだけでWebアプリケーションを作るトレンドが生まれています。個人的にもこれは大いに期待する流れです。とは言え、開発環境の準備に手間がかかるのは良くありません。そこで使ってみたいのがgo-web-appです。GoによるWASM開発環境をまるっと用意し...
Site.js - 静的/動的サイトまでこなせるJavaScriptフレームワーク
最近は静的サイトフレームワークが多数出てきています。確かに便利なのですが、拡張していく中でダイナミックな部分が欲しくなることもあるでしょう。そんな時に別途APIサーバを立てるのも面倒です。そこで使ってみたいのがSite.jsです。静的サイト開発から動的サイトまでこなせるJavaScriptフレームワークです。## Si...
Postwoman - PWAなWeb API開発環境
Web APIはプログラミング言語からの利用を前提としていますので、試す際にもコードが必要です。しかしそのためにHTTPクライアントを操作するコードを書くのは面倒です。そこでPostman
Camelot - PDFからテーブル情報を抽出
請求書などの帳票と自社システムを連携したいと考えることはよくあります。その際には送付されてくるPDFから情報を読み取って、データベースに入れたりします。しかし、PDFを解析するのは大変です。そこで使ってみたいのがCamelotです。PDFからテーブル情報とデータを抜き出してくれるソフトウェアです。## Camelotの...
Starship - 開発者に役立つプロンプト表示
最近では開発環境がプロジェクトによって異なることも少なくありません。プログラミング言語自体はもちろん、パッケージ管理のバージョンが異なることもあります。仮想環境で開発することもできますが、rbenvやvirtualenvのようなツールを使うこともよくあります。今回紹介するStarshipはそんな開発環境の状態を見やすく...
json.pizza - キーボード操作主体のJSON整形サービス
JSONはシステム連携で使われる一方、可読性の高さも特徴となっています。とは言え、改行やインデントをなくした状態ではとても読む気にはなれません。整形が必要です。今回紹介するjson.pizzaはJSONを貼り付けて、素早く整形できるサービスとなっています。## json.pizzaの使い方JSONを貼り付けて、Ctrl...