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

開発の記事一覧

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

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

もっと見る

List

  • 2016/11/09

BeaconScanner - 開発に役立つビーコンスキャナー

iOS7で鳴り物入りで登場したiBeaconですが、一時の熱狂はさておき、最近になって実際にプロダクトで使われるケースが出てきています。O2Oマーケティングが多いですが、それ以外の目的でも使われています。ビーコン系プロダクトで困るのはちゃんと電波が出ているかの確認です。今回はそんな時に役立つBeaconScannerを...

None

  • Premium_s 2016/11/08

レガシーなシステムの開発を再開するには

担当者がすでに退社していたり、数年間触らずに動き続けているシステムに対して新機能を追加したいという話が舞い込んだとしましょう。そんな時にはどのように取り組むのがベストでしょうか。今回はそんなよくあるシチュエーションに対する対処法を紹介します。## 別システムに分けるもっともいい方法は既存のシステムには触らずに別システム...

List

  • 2016/10/05

Mock Node - 自由に設計できるWeb APIモックサーバ

アプリやWebアプリケーションを素早く作り上げていくためにはサーバサイドをモックアップで作り始める仕組みが欠かせません。Web APIが用意されるのを待っていたら作業がはじめられないからです。そこで使ってみたいのがMock Nodeです。自分で自由に作成できるモックアップのWeb APIサーバです。## Mock No...

List

  • 2016/10/04

debugger.html - Web技術で作られたデバッガー

MozillaはPDFビューワーをpdf.js

List

  • 2016/09/27

Materia Designer - Web APIも設計できるWebアプリケーション開発環境

Webアプリケーションの多くはデータベースと組み合わせます。そしてサーバサイドでHTMLをレンダリングするのではなく、Web APIを使ってコンテンツを取得してJavaScriptで表示します。そういった最近のよくある開発スタイルを簡単に使えるようにするのがMateria Designerです。## Materia D...

List

  • 2016/09/21

Source Browser - .NETプロジェクト用のソースビューワー

プログラミングはコードを書くだけではありません。時に人が書いたコードを見ることもあります。外部のライブラリを使う際などはコードを閲覧する時間のが長いかも知れません。そんな時に使い勝手の悪いソースコードビューワーはがっかりするでしょう。そこで使ってみたいのがSource Browserです。.NET系プロジェクトのコード...

List

  • 2016/09/06

Docpress - 読みやすい開発者向けドキュメントを生成

開発者向けのドキュメントシステムなんて何でも良いと思っていないでしょうか。開発者はオンラインドキュメントをよく読み、Googleで検索し、そこにあるコードをコピーして実行します。そのため、半端なドキュメントでは彼らの信頼を失ってしまうでしょう。そこで使ってみたいのがDocpressです。Markdownベースのドキュメ...

List

  • 2016/08/23

Frog - Androidのクラス名を即引き

開発者にとってAPIドキュメントは大事な存在です。その言語やプラットフォームに慣れたプログラマほど、APIドキュメントを頻繁に参照します。昔であれば書籍が使われてきましたが、最近ではオンラインを利用する方が検索もできますし、便利です。今回はAndroid開発者のためのドキュメント即引きツール、Frogを紹介します。##...

List

  • 2016/08/16

Pyagram - システム全体の状態遷移図を描く

システム開発において全体増を把握するというのはとても大変なことです。しかし全体が把握できないままに開発を行っていくと余計な不具合が発生する可能性があります。とは言え、これまでのシステム全体図は分かりづらいものが多かったでしょう。そうした悩みを抱えている方はPyagramを使ってみましょう。テキストで状態遷移を書きつつ、...

List

  • 2016/07/28

Blisk - スマートフォン/デスクトップ双方を対象としたWeb開発用ブラウザ

普段のWebブラウジングはSafariを使っているのですが、システム開発となるとGoogle Chromeに切り替えています。そのようにWebブラウジングと開発でブラウザを使い分けている人も多いのではないでしょうか。今回紹介するBliskは、まさにWebシステム開発に特化したWebブラウザとなっています。フロントエンド...

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を使ってみましょう。コンソールに出る文字色が変わるとぐっ...