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

開発の記事一覧

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

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

もっと見る

List

  • 2016/07/12

MailDev - ビューワー付きの開発用メールサーバ

システム開発においてメール送信を行うことは多々あります。しかしメールは間違って送信してしまうと取り返しのつかないもので、開発者であれば誰しも一度は誤送信を経験したことがあるのではないでしょうか。そこで使ってみたいのがMailDevです。開発用のメールサーバで、送信したメールの内容確認もできるソフトウェアです。## Ma...

List

  • 2016/07/03

Espruino Web IDE - Google Chromeの上でIoTデバイスを開発

JavaScriptの利用幅が広がっています。元々Webブラウザくらいだったのがサーバサイドで動き、スマートフォンでも動き、さらに小さなIoTデバイスでも動くようになっています。今回紹介するEspruino Web IDEはEspruinoというIoTデバイスに対応したコードを書くためのWeb IDEになります。## ...

None

  • Premium_s 2016/06/17

メンテナンス性の高いサービスを維持する

システムの負債化というのが度々話題になります。自社サービスはもちろん、クライアント向けのシステムであっても数年経った後のメンテナンス作業というのはとても大変です。最初はそんなことないのですが、一年も経つと劣化が激しくなります。そこで今回はメンテナンスしやすいシステムを維持するために考えておきたいことをリストアップします...

List

  • 2016/06/09

React Storybook - Reactアプリのコンポーネント開発にお供に!

Reactの開発ではデータの状態が大事で、保存しておかなければリロードすると元に戻ってしまいます。これでは状態が遷移していく中で開発していると何かと厄介です。かといって、そのためにデータを変更するのも面倒です。そこで使ってみたいのがReact Storybookです。ストーリーという単位を使ってデータの状態を分けて管理...

List

  • 2016/05/11

Eruda - スマートフォン向けのコンソール

スマートフォンのブラウザでJavaScriptをデバッグしたり、スタイルの確認を行うのは非常に面倒です。わざわざUSBケーブルで母艦とつながないといけないですし、ケーブルがない状態でデバッグなどほぼ考えられないでしょう。そこで使ってみたいのがErudaです。スマートフォン用のJavaScriptコンソールです。## E...

List

  • 2016/05/01

enclave - WebベースのReactアプリを開発するのに必要な仕組みを提供

ReactでWebアプリを作りたいと思ったとして、最初に問題になるのがデファクトと呼べるアーキテクチャが存在しないことかと思います。Node.js + Expressは良いとして、サーバサイドレンダリングで行う場合の構築法がこれ!というものがないのです。そこで紹介したいのがenclaveです。Reactに特化しつつ、そ...

List

  • 2016/04/28

Alcatraz - Xcode用ライブラリのパッケージ管理

最近はプログラミング言語のバージョン管理と、パッケージ管理が人気です。新しい言語や環境が出ると、すぐにそれをバージョン管理できるソフトウェアが登場します。パッケージ管理があると、カスタマイズやライブラリのインストールがとても簡単になり、開発が効率化します。今回はiOS/Mac OSXアプリ開発に欠かせないXcodeのパ...

List

  • 2016/04/26

Docbox - Web APIドキュメントジェネレータ

APIを使ってもらう上で大事なのがドキュメントです。分かりやすいドキュメントがあるかどうかで開発者としても使いたいと思うかどうかが決まってきます。そんなドキュメントジェネレータとして使ってみて欲しいのがDocboxです。## Docboxの使い方Docboxの生成したドキュメントの例です。3ペインになっていて、左側から...

List

  • 2016/04/19

uiflow - Markdown風の記法でUI Flowを記述

UI FlowはBasecamp(旧37 signals)が考えた画面遷移手法で、ユーザの見るもの/することという点に主眼を置いて描かれるのが特徴です。ムダを省いた作りなので、メンテナンスしやすく、かつ分かりやすいという利点があります。とは言え、画面遷移図は徐々にメンテナンスされていかなくなるものです。原因としては、バ...

List

  • 2016/03/27

CLog.js - コンソールログをカラフルに

Google ChromeのDevToolsではコンソールに文字を出力する際にinfo/log/errorなどで指定できます。それによって文字の色が変わるのですが、情報の意味も指定されてしまうのが難点です(特にエラー)。単に文字色を変えるだけであればCLog.jsを使ってみましょう。コンソールに出る文字色が変わるとぐっ...

List

  • 2016/03/16

API Console - Go製のWeb APIプロキシダッシュボード

Web APIを使った開発が増えています。それに伴って求められるのが開発を効率化するツールです。データをセットしたり、ヘッダーを書き換えたりするのは面倒で、ストレスを感じるのではないでしょうか。そこで使ってみて欲しいのがAPI Consoleです。Webブラウザ上から任意のWeb APIを実行できるツールです。## A...

List

  • 2016/03/10

devtool - ChromeのDevToolsを使ったnodeデバッガー

nodeを使ったソフトウェア、開発案件が増えてきています。そして開発を効率的に行うために必要なのがデバッグツールです。皆さんは何を使っているでしょう。今回紹介するのはChrome/Chromiumで使われているDevToolsを使ってnodeアプリをデバッグできるdevtoolです。## devtoolの使い方devt...

List

  • 2016/02/12

DevTools Remote - Google ChromeのDevToolsをリモート操作

Google ChromeのDevToolsはフロントエンド開発に欠かせない存在です。通常、表示されているHTMLとDevToolsはセットで使われますが、必ずしもそうなっていなければいけない訳ではありません。その実証コードとして紹介したいのがDevTools Remoteです。DevToolsをリモートから操作できる...

List

  • 2016/01/31

VWInstantRun - Xcode上でスニペット実行

Xcodeにはプレイグラウンドが追加されました。実際のプロダクトに反映する前にコードを試してみるというニーズにはぴったりな機能です。今回紹介するVWInstantRunも似たような機能を提供してくれます。しかしプレイグラウンドという別な環境ではなく、今Xcode上に書いているコードをそのまま実行できるようになっています...

List

  • 2016/01/02

Snowflake - React Nativeを使ったiOS/Androidアプリ開発の参考に

ReactはWebサイトはもちろんのこと、React Nativeによってスマートフォンアプリを開発することもできます。元々はiOSだけでしたが、最近ではAndroidアプリの開発にも対応しています。そんなReact Nativeのスターターキットとも言えるのがSnowflakeです。React NativeとPars...

List

  • 2015/12/18

jsbundler - npmライブラリをWebブラウザで扱う

少し前まではBowerを使うのが一般的でしたが、最近ではnpmを使ってWebブラウザ向けのライブラリを配布することが増えています。npmは高機能なのですが、コンパイルしないと使えないライブラリとして配布されていることが多いのが厄介です。そこで使ってみたいのがjsbundlerです。jsbundlerを実行すると、npm...

List

  • 2015/12/18

Skew - Web/CLI/GUIアプリをこなせる代替言語

JavaScriptをそのまま書くのを嫌がる人たちは多いです。そのためCoffeeScriptやTypeScriptなど、多くの代替言語が生み出されています。今回紹介するSkewもそんな代替言語の一つと言えます。特徴としては、JavaScriptだけでなく、C#向けにも開発できるということです。## Skewの使い方S...

List

  • 2015/12/17

screenlog.js - console.log代替。画面上にログ出力

Webフロントエンドの開発時にDevToolsを開くことはよくあるかと思います。ただ、画面の大きさを結構とりますし、常に開いておくのが邪魔という方もいるでしょう。そこで使ってみたいのがscreenlog.jsです。console.logのように使えて、画面上にログを出力してくれるソフトウェアです。## screenlo...

List

  • 2015/11/29

Web Playground - ローカルでさくさくWeb開発できるプレイグラウンド

HTML/JavaScript/スタイルシートを修正してその結果を確認する、いわゆるFeddle系のサービスは幾つか存在します。そういったサービスはWebサーバを用意しないで済む代わりにエディタが独自のものに限られます。ローカルコンピュータ上でさくっとコンテンツを作ってHTMLコンテンツを作りたい、そんな方にお勧めなの...

List

  • 2015/11/24

ShiftJS - SwiftをJavaScriptに変換

iOSアプリの開発がObjective-CからSwiftに移り変わりつつあります。そんな中、せっかく覚えたSwiftを他でも使いたいと思うのではないでしょうか。今はiOSかMac OSXアプリ開発にしか使えないのが残念です。そこで紹介するのがShiftJSです。ShiftJSを使うとSwiftをJavaScriptに変...