開発の記事一覧
turbo.js - WebWorkerでGPUを使った計算処理を実現
ブラウザのJavaScriptは一昔前に比べたら大幅に高速化されていますが、それでもシングルスレッドで処理されるという点がネックになります。それを克服するためにはWebWorkerを使った並行処理、GPUを使った計算処理が必要です。それらの技術を使おうと思ったら非常に面倒なイメージがあります。そこで利用するのがturb...
DevdoGs - Electron製のDevdocsビューワー
開発者が知っておくと便利なサービスはいくつかありますが、その一つがDevdocsです。多数の開発時に利用するであろうライブラリやプログラミング言語のドキュメントが閲覧できます。オンラインで読むのも良いですが、お勧めはやはりオフラインです。一旦ダウンロードしておけばいつでも参照できるようになります。そこで使ってみたいのが...
Scribe.js - nodeのログをカラフルに、かつWebブラウザ上で確認
最近Nodeで開発することが増えてきたのですが、標準出力に出てくるログはあまり見やすくありません。目的のデバッグメッセージがどこに出ているのか確認が面倒で、ターミナル上では検索もままなりません。そこで使ってみたいのがScribe.jsです。ログを格好良く、見やすくしてくれます。## Scribe.jsの使い方ログがWe...
2016/11/15
2016/11/15システム化しないほうがいいもの
システム開発者の立場で考えると、すべての業務フローが自動的に流れてくれるのが理想的なのですが、実際にはそうはうまくいきません。システム化してしまったために、却って厄介になることも多々あります。そこで今回はシステム化しない方が良いフローについて紹介します。## イレギュラーな処理システムを構築していると、とかく全てのフロ...
Marathono - サービスや長時間実行される処理を管理
開発者は各種サービスをコンピュータ上で立ち上げます。MySQLやPostgreSQL、Webアプリケーションサーバなどです。さらにバッチで時間のかかる処理を実行することも多々あります。すべてターミナル上で処理しても良いですが、毎度入力が面倒という人もいるでしょう。そこで使ってみたいのがMarathonoです。長い時間を...
BeaconScanner - 開発に役立つビーコンスキャナー
iOS7で鳴り物入りで登場したiBeaconですが、一時の熱狂はさておき、最近になって実際にプロダクトで使われるケースが出てきています。O2Oマーケティングが多いですが、それ以外の目的でも使われています。ビーコン系プロダクトで困るのはちゃんと電波が出ているかの確認です。今回はそんな時に役立つBeaconScannerを...
- 2016/11/08
レガシーなシステムの開発を再開するには
担当者がすでに退社していたり、数年間触らずに動き続けているシステムに対して新機能を追加したいという話が舞い込んだとしましょう。そんな時にはどのように取り組むのがベストでしょうか。今回はそんなよくあるシチュエーションに対する対処法を紹介します。## 別システムに分けるもっともいい方法は既存のシステムには触らずに別システム...
Mock Node - 自由に設計できるWeb APIモックサーバ
アプリやWebアプリケーションを素早く作り上げていくためにはサーバサイドをモックアップで作り始める仕組みが欠かせません。Web APIが用意されるのを待っていたら作業がはじめられないからです。そこで使ってみたいのがMock Nodeです。自分で自由に作成できるモックアップのWeb APIサーバです。## Mock No...
debugger.html - Web技術で作られたデバッガー
MozillaはPDFビューワーをpdf.js
Materia Designer - Web APIも設計できるWebアプリケーション開発環境
Webアプリケーションの多くはデータベースと組み合わせます。そしてサーバサイドでHTMLをレンダリングするのではなく、Web APIを使ってコンテンツを取得してJavaScriptで表示します。そういった最近のよくある開発スタイルを簡単に使えるようにするのがMateria Designerです。## Materia D...
Source Browser - .NETプロジェクト用のソースビューワー
プログラミングはコードを書くだけではありません。時に人が書いたコードを見ることもあります。外部のライブラリを使う際などはコードを閲覧する時間のが長いかも知れません。そんな時に使い勝手の悪いソースコードビューワーはがっかりするでしょう。そこで使ってみたいのがSource Browserです。.NET系プロジェクトのコード...
Docpress - 読みやすい開発者向けドキュメントを生成
開発者向けのドキュメントシステムなんて何でも良いと思っていないでしょうか。開発者はオンラインドキュメントをよく読み、Googleで検索し、そこにあるコードをコピーして実行します。そのため、半端なドキュメントでは彼らの信頼を失ってしまうでしょう。そこで使ってみたいのがDocpressです。Markdownベースのドキュメ...
Frog - Androidのクラス名を即引き
開発者にとってAPIドキュメントは大事な存在です。その言語やプラットフォームに慣れたプログラマほど、APIドキュメントを頻繁に参照します。昔であれば書籍が使われてきましたが、最近ではオンラインを利用する方が検索もできますし、便利です。今回はAndroid開発者のためのドキュメント即引きツール、Frogを紹介します。##...
Pyagram - システム全体の状態遷移図を描く
システム開発において全体増を把握するというのはとても大変なことです。しかし全体が把握できないままに開発を行っていくと余計な不具合が発生する可能性があります。とは言え、これまでのシステム全体図は分かりづらいものが多かったでしょう。そうした悩みを抱えている方はPyagramを使ってみましょう。テキストで状態遷移を書きつつ、...
Blisk - スマートフォン/デスクトップ双方を対象としたWeb開発用ブラウザ
普段のWebブラウジングはSafariを使っているのですが、システム開発となるとGoogle Chromeに切り替えています。そのようにWebブラウジングと開発でブラウザを使い分けている人も多いのではないでしょうか。今回紹介するBliskは、まさにWebシステム開発に特化したWebブラウザとなっています。フロントエンド...
MailDev - ビューワー付きの開発用メールサーバ
システム開発においてメール送信を行うことは多々あります。しかしメールは間違って送信してしまうと取り返しのつかないもので、開発者であれば誰しも一度は誤送信を経験したことがあるのではないでしょうか。そこで使ってみたいのがMailDevです。開発用のメールサーバで、送信したメールの内容確認もできるソフトウェアです。## Ma...
Espruino Web IDE - Google Chromeの上でIoTデバイスを開発
JavaScriptの利用幅が広がっています。元々Webブラウザくらいだったのがサーバサイドで動き、スマートフォンでも動き、さらに小さなIoTデバイスでも動くようになっています。今回紹介するEspruino Web IDEはEspruinoというIoTデバイスに対応したコードを書くためのWeb IDEになります。## ...
- 2016/06/17
メンテナンス性の高いサービスを維持する
システムの負債化というのが度々話題になります。自社サービスはもちろん、クライアント向けのシステムであっても数年経った後のメンテナンス作業というのはとても大変です。最初はそんなことないのですが、一年も経つと劣化が激しくなります。そこで今回はメンテナンスしやすいシステムを維持するために考えておきたいことをリストアップします...
React Storybook - Reactアプリのコンポーネント開発にお供に！
Reactの開発ではデータの状態が大事で、保存しておかなければリロードすると元に戻ってしまいます。これでは状態が遷移していく中で開発していると何かと厄介です。かといって、そのためにデータを変更するのも面倒です。そこで使ってみたいのがReact Storybookです。ストーリーという単位を使ってデータの状態を分けて管理...
Eruda - スマートフォン向けのコンソール
スマートフォンのブラウザでJavaScriptをデバッグしたり、スタイルの確認を行うのは非常に面倒です。わざわざUSBケーブルで母艦とつながないといけないですし、ケーブルがない状態でデバッグなどほぼ考えられないでしょう。そこで使ってみたいのがErudaです。スマートフォン用のJavaScriptコンソールです。## E...