ITエンジニア/デザイナ向けにオープンソースを毎日紹介

開発の記事一覧

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

もっと見る

List

  • 2018/03/31

jdetects - 開発者ツールの起動を検知

現在、モダンなブラウザでは開発者ツールを提供するのが当たり前になっています。開発者としては必須の機能ですが、サイト運営者にとっては見られたくない情報があるかも知れません。そんな時に使ってみたいのがjdetectsです。開発者ツールが開いているかどうかでイベントを実行できるJavaScriptライブラリです。## jde...

List

  • 2018/03/19

JavaScript Tracker - DOMイベントを捕捉するGoogle Chrome機能拡張

JavaScriptはイベント購読型の処理が多いです。DOMをクリックした際のイベントであったり、変数の変化をウォッチして処理が行えます。しかし、そういったコードが散在していると、どこでイベントを購読しているのかが分からなくなります。そこで使ってみたいのがJavaScript Trackerです。JavaScriptの...

List

  • 2018/03/18

MailHog - 管理画面付きな開発用メールサーバ

システムでメールを使うことはよくあります。ユーザ登録や通知などによく使われます。しかしこのメールは開発中は取り扱いに困ります。間違って送信されると困りますし、ちゃんと表示がうまくいっているか確認しなければなりません。そこで使ってみたいのがMailHogです。開発時に使えるSMTPサーバです。## MailHogの使い方...

None

  • 2018/02/26

source_downloader - SourceMapを元のJavaScriptファイルへ展開

JavaScriptはサイズを軽減したり、簡単に内容が読まれないように難読化(ミニファイ)して公開します。しかし、それではデバッグしづらいという問題があるため、SourceMapと呼ばれる仕組みがあります。今回紹介するsource_downloaderはSourceMapファイルを読み込み、元のJavaScriptファ...

None

  • 2017/12/23

Parcel - 高速さが売りのWebアプリケーションバンドラー

JavaScriptの周辺環境の進化は早く、一部はGulpと言われていたのがWebPackになったりして、どんどん新しい技術が出てきては廃れるといったことを繰り返しています。さらにここで紹介するのは心苦しいのですがParcelを知っておきましょう。とても簡単に使えるWebアプリケーションバンドラーです。## Parce...

List

  • 2017/12/21

furoshiki2 - Gitリポジトリ内の操作をログ

Gitは各自がリポジトリを持っているので、様々な操作を行った結果がリポジトリに残ります。そして最終的にpushされて中央のリポジトリにデータが入ります。しかし企業で使う場合にはリポジトリ内の操作についてどのようなことが行われたのかログを残したいと思うかも知れません。そこで使えるのがfuroshiki2です。Gitリポジ...

List

  • 2017/12/03

set-simulator-location - iOSシミュレータの位置情報を変更

iOSのシミュレータは擬似的に位置情報が与えられます。しかし、メニューからセットする必要があったり、細かな位置情報を与えるのが面倒だったりします。その結果、位置情報系のテストは実機になってしまっているのではないでしょうか。そこで使ってみたいのがset-simulator-locationです。シミュレータの位置情報をC...

List

  • 2017/10/30

Mockoon - Web APIのモックサーバを簡単に

Web APIを使って開発を行う際に必要なのがモックサーバでしょう。サーバも同じタイミング、またはすべて出揃っていれば良いですが、大抵クライアントが欲しいWeb APIについては未実装だからです。そこで使ってみたいのがMockoonです。簡単にモックサーバの作成、実行ができます。## Mockoonの使い方この画面でW...

List

  • 2017/10/22

AutoRest - OpenAPI Specificationから各種プログラミング言語向けSDKを生成

OpenAPI Specification(旧Swagger)の定義ファイルはドキュメントを生成するのによく使われます。しかし、それだけではなく他にも様々な使い道があります。例えばテストやバリデーションです。さらにAutoRestを使えば各種プログラミング言語向けにSDKを生成してくれます。これは見逃せない機能でしょう...

None

  • 2017/10/17

Code Quality Checker - プログラムコードの品質チェッカー

コードの品質はどう判断したら良いでしょうか。幾つかの判断基準はあると思いますが、複雑さやコードの重複などは挙げられるでしょう。そうしたネガティブな要素が積み重なった結果、バグを含みやすくなると言うことはあると言えます。今回紹介するCode Quality Checkerはコードの品質チェックを行ってくれるソフトウェアで...

List

  • 2017/10/15

guiflow - 画面遷移を表現するUI Flowsエディタ

UI FlowsというのはRuby on Railsの開発元で知られるBasecampが考えたツールで、画面遷移を画面とアクションをシンプルに記述します。それらを矢印でつなぐことで、全体の画面遷移を分かりやすく管理できます。そんなUI FlowsをGUIで手軽に書けるようにしてくれるのがguiflowです。## gui...

None

  • 2017/10/14

strip-debug-cli - JavaScriptのコードからデバッグ系出力を取り除く

開発していてデバッグメッセージを出力させることはよくあります。そしてそのままリリースしてしまったりして、本番環境でもデバッグメッセージが出てしまうことがあります。これは恥ずかしいでしょう。そこで使ってみたいのがstrip-debug-cliです。コードの中からデバッグメッセージを見つけ出して除外してくれます。## st...

List

  • 2017/10/13

Terminal Kit - CLIのソフトウェアをパワーアップ

開発者向けのツールを開発する場合、GUIがない方が手軽で自動化も考えられるのでメリットがあります。しかしユーザビリティを考えるならばインジケータを付けたり、インタラクティブに入力がある方が良いでしょう。今回はそんなCLIツールを便利にしてくれる機能を満載したTerminal Kitを紹介します。## Terminal ...

None

  • 2017/09/29

devd - Go製の開発用HTTPサーバ

開発する際にローカルにHTTPサーバを立てるのは当たり前になっています。スクリプト言語を使ってワンライナーでHTTPサーバを立てるのも良いですが、あまり機能がなさ過ぎるのが残念です。せめてライブリロードくらい欲しいでしょう。そこで使ってみたいのがdevdです。Go製の開発用HTTPサーバです。## devdの使い方de...

List

  • 2017/09/26

Phosphor Float Area - 自由度の高いレイアウト変更ライブラリ

業務システムなどでは情報をいかに分かりやすい整理できるかが作業効率化の肝になります。しかし担当する業務であったり、作業によって必要な幅は違ったりします。そうした時にユーザ毎に好きな配置に変更できる仕組みは便利です。使えるライブラリはPhosphor Float Areaです。## Phosphor Float Area...

List

  • 2017/09/24

Dawn - フロントエンド/node開発のビルドツール

フロントエンド開発はどんどん進化しています。その結果として様々なツールを組み合わせなければならなくなったり、手順が増えてしまっています。これでは手軽に開発できなくなってしまいます。そこで紹介したいのがDawnです。軽量なタスク管理を備えたフロントエンドの開発、ビルドツールです。## Dawnの使い方使っている場面です。...

List

  • 2017/07/17

JSON-Splora - GUIのJSONビューワー/エディタ

JSONの構造を確認するのは意外と面倒です。配列とオブジェクトを見分けるのも大変ですし、構造を間違えるとデータが取れなかったり、プログラムがエラーになってしまいます。構造が簡単に分かるようになっているとプログラミングも捗るでしょう。そこで使ってみたいのがJSON-Sploraです。GUIでJSON構造が簡単に分かるよう...

None

  • 2017/07/15

jsonsmash - ファイルシステムのような操作ができるJSONビューワー

Web APIを伴う開発を行う際にはJSONファイルを使うことが増えています。XMLに比べると冗長性がなく、サイズが小さくて済むのですが、改行などもなく見づらいのが難点です。そのため、データのある場所を間違えてしまって、うまく動かないなんてこともよくあります。そこで構造を確認するために使ってみたいのがjsonsmash...

List

  • 2017/06/28

docsify - 動的/静的両方に対応したドキュメントジェネレータ

APIやSDK、ライブラリなどにドキュメントは必須です。しかも読みやすく、分かりやすいドキュメントでなければなりません。デザインに凝るのではなく、可読性を重視して作られるべきです。そういったドキュメントはなかなか作るのは難しいでしょう。そこで使ってみたいのがdocsifyです。ドキュメントサイトを作るためのフレームワー...

List

  • 2017/05/31

Repo Split - GitHub/Gitlab上でソースコードを読みやすくするChrome機能拡張

GitHubやGitlabのリポジトリはWeb上でも読めて便利ですが、いちいちディレクトリを辿る度に画面遷移するのは面倒に感じるかも知れません。もっとさくさく読みたくて、結局ローカルにcloneするのではないでしょうか。そこで使ってみたいのがRepo Splitです。GitHub/Gitlabのリポジトリをもっと読みや...