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

開発の記事一覧

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

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

もっと見る

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に変...

None

  • 2015/11/17

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

開発している時に必要なのがローカルで使えるHTTPサーバです。ワンライナーで実行できるものもありますが、機能的に物足りないと感じることもあるでしょう。そこで使ってみたいのがdevdです。プログラミングは使えませんが、高機能な開発用のHTTPサーバです。## devdの使い方devdをカレントディレクトリをルートとして実...

List

  • 2015/11/13

MailSlurper - Web管理画面を備えた開発用メールサーバ

システム開発中においてもメール送信をテストしたいと思うことがあります。さらに本番環境のSMTPサーバを設置していたりすると、ミスした時にとんでもない事態になる可能性があります。十分な注意をしなければならないのがメールシステムの問題です。そこで使ってみたいのがMailSlurperです。ローカルで動作する、開発用のメール...

List

  • 2015/11/07

GopherJS - Goで書いてJavaScriptとして実行

世の中的にJavaScriptへの注目が集まっています。そのためWebブラウザは基本として、JavaScriptに手をつけないわけにはいかない状態と言えます。しかしJavaScriptは触りたくないという方も多いのではないでしょうか。CoffeeScript/TypeScriptといった代替言語もありますが、どうせなら...

None

  • Premium_s 2015/11/06

システムの複雑化を防ごう

システムというのは一番最初はシンプルなものですが、更新を重ねるのに合わせて徐々に複雑化していきます。その結果として使われない機能が増えていったり、テストのカバレッジ不足によるバグの発生、システム改変時のコスト増大などといったデメリットが生まれます。それを防ぐための施策、考え方を紹介します。## マイクロサービス化最近度...

List

  • 2015/11/03

Chemrtron - 多数の開発用ドキュメントを閲覧できるGUIアプリ

開発ドキュメントはオンラインで見られるようになっていますが、Webアプリケーション開発しながら別なタブで見るというのは若干不便に感じられます。検索機能などにおいてもWebブラウザはあまりよくありません。そこで使ってみたいのがChemrtronです。Electronを使ってオンラインのドキュメントを閲覧する専用アプリケー...

List

  • 2015/08/25

SGASScreenRecorder - 開発用のiOSスクリーンレコーダー

iOSアプリのテストやベータ版の限定的な配布時においてクラッシュした際のスクリーンショットはとても重要です。さらに言えば画像だけでなく、動画でそれまでの操作が記録されているとバグ発見につながりやすくなるでしょう。SGASScreenRecorderはまさにそのような用途のためのソフトウェアになります。App Store...

List

  • 2015/08/22

Redux DevTools – Diff Monitor - Reduxと組み合わせる状態ビジュアル化ツール

Reactが流行っていますが、より大きなソフトウェアを開発する場合には単にReactを使うだけでなく、Fluxと言われるアーキテクチャで構築するのが推奨されています。Redux

List

  • 2015/08/16

フォームインプットメーカー - フォーム入力を自動化するブックマークレット

Web開発時においてフォーム入力ほど面倒なものはありません。入力しては送信し、ちょっと変更してはまた入力し…とエンドレスに入力が求められます。こんな作業こそ自動化したいポイントじゃないかと思います。ということでフォームインプットメーカー(FIM)

List

  • 2015/08/12

FormFiller - フォーム入力しながらの開発作業がとてもスムーズに

Webシステムのテストと言えば、入力してサーバに送ってデータをチェックして、また入力して…の繰り返しです。それこそうんざりするほど入力を繰り返すのではないでしょうか。そこで使ってみたいのがFormFillerです。ブックマークレット型のソフトウェアで、入力を再現してくれる機能があります。## FormFillerの使い...

None

  • 2015/08/01

js-dev-server – node製の開発用HTTPサーバ

Webのフロントエンド開発を行っている時に必要なのが簡単に立ち上げられるHTTPサーバです。Apacheやnginxを入れることもありますが、PythonであればSimpleHTTPServerを使ったりRubyでWebrickを立ち上げることもあります。ちょっとした機能はありつつも手軽に使えるHTTPサーバが欲しい方...