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

開発の記事一覧

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

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

もっと見る

List

  • 2018/10/02

local-ssl-proxy - 開発用のローカルHTTPSプロキシ

今はローカルの開発環境でシステムを作り、できあがった段階でサーバに送るのが基本です。そして最近ではサーバ側ではSSL/TLSを使うことが当たり前になっており、開発時だけHTTPを指定することで思った動作にならないこともあります。そこで使ってみたいのがlocal-ssl-proxyです。ローカルでの開発時に使えるSSLプ...

List

  • 2018/09/28

Zeal - Qt製のオフラインドキュメントビューワー

開発していてSDKやライブラリのAPIドキュメントを見たいと思うことは多々あります。そうした時に常にオンラインで検索していると、いざオフラインになった時に困ります。そこで使えるのがオフラインのドキュメントビューワーです。有名なものとしてはDashがありますが、Zealはそれにインスパイアされたソフトウェアです。## Z...

List

  • 2018/09/20

Papercut - シンプルなデスクトップ用SMTPサーバ

よくある開発時のミスとして、メールの誤配信があります。メールアドレス確認などでメールを出したいと思ってSMTPサーバを適切に設定してしまったために他の機能のメールまで飛んでしまったりします。メールはしばしば大きな問題になります。そこで使ってみたいのがPapercutです。ローカルで立てるSMTPサーバです。## Pap...

List

  • 2018/09/08

SimpleBar - ページ内スクロールをサポートする軽量ライブラリ

Web上でダッシュボードなどを提供すると、様々な情報をまとめて表示しなければなりません。何も考えずに表示してしまうと、縦スクロールがすごいことになるでしょう。そこでページ内のコンポーネントごとにスクロールがあると便利です。SimpleBarはそんなページ内スクロールを提供するライブラリです。依存性もなく簡単に使えるのが...

None

  • 2018/08/28

stripe-mock - Stripe製のWeb APIモックサーバ

今やシステム開発時においてWeb APIを使わない手はなくなっています。開発を効率化したり、自分たちが持っていない技術もWeb APIを使うことで即座に手に入れることができます。しかし、開発中にもネットワークが必要になったり、負荷テストはしづらいといった欠点もあります。そこで参考にしたいのがstripe-mockです。...

List

  • 2018/08/26

TinyEditor - わずか400byteのHTMLプレイグラウンド

JSFiddleやCodePenといった、HTML/JavaScript/CSSのプレイグラウンドサービスが多数あります。クローンサービスもありますし、自分で立てることもできます。しかしあえてサーバサイドの仕組みなどを用意したくはないでしょう。そこで使ってみたいのがTinyEditorです。たった400byte程度のH...

List

  • 2018/08/21

JavaScriptのイベントをたくさん見られるサイト - 開発時に役立つ。JavaScriptのイベント処理を確認

JavaScriptでのアプリケーション開発において肝になるのがイベントのハンドリングです。マウスやキーボード操作などによって多様なイベントが呼ばれます。それらの購読、解除によってアプリケーションを構築するのですが、慣れている人であっても複雑で分かりづらいものです。どんなイベントがあって、どうデータが送られてくるのかを...

List

  • 2018/08/12

Badgen - 各種サービスに対応したバッジを表示

GitHubのREADMEを見ると、様々なバッジが表示されています。バージョンいくつかコンパイル通った、テストが通過したといった情報であったり、ライブラリのバージョンを明記したりもします。そんなバッジを柔軟に生成できるのがBadgenです。SVG製なので軽量です。## Badgenの使い方デモです。横幅の広いバッジも作...

None

  • 2018/07/28

http-live-simulator - レスポンスの遅延が体験できるHTTPサーバ

開発時には気付きづらく、リリースした後に実際のユーザ環境で試してはじめて分かることはたくさんあります。例えばネットワーク環境です。モバイル通信は予想よりも遅かったり、負荷によってサーバのレスポンスが低下したりします。http-live-simulatorは開発用のHTTPサーバですが、レスポンスがランダムに遅延するとい...

List

  • 2018/07/06

jquery.dgtable - 高パフォーマンスなテーブルライブラリ

社内システムにおいて、検索結果の一覧表示はよくある機能です。100行程度のデータであれば問題ありませんが、10万行をHTMLで出力するとなれば表示方法を考えなければなりません。レンダリングだけで数分待たされていたら、担当者はストレスを感じることでしょう。今回は大量のデータ表示を行う場合に使えるjquery.dgtabl...

List

  • 2018/07/05

OSCWidgets - 自社製品を使いやすくするウィジェット

世の中には様々な製品が存在します。そしてすべての企業はソフトウェアであるべきという言葉があります。ハードウェアであったとしても、その中身はソフトウェアであり、ハードウェアと連携するのもまた、ソフトウェアです。今回紹介するOSCWidgetsはETCというライトを製造するメーカーが開発した非公式デスクトップウィジェットで...

List

  • 2018/07/05

VBA-Web - VBA用のWebライブラリ

今はWeb APIやRESTfulといったキーワードを無視できなくなっています。それはExcelやAccessでも同じです。しかしVBAでやったことがある人は分かりますが、XML HTTP Requestで作るのはなかなか面倒です。そこで使ってみたいのがVBA-Webです。VBAがインターネット上のリソースとデータの送...

List

  • 2018/07/02

JSUI - JavaScriptプロジェクトを一元管理

JavaScript周辺の技術は日進月歩で進化しています。新しいトレンドがどんどん増え、フレームワークも続々登場しています。そうした中で、適切にキャッチアップしていくのは大変でしょう。そこで使ってみたいのがJSUIです。UIやJavaScriptプロジェクトの管理を一元化できるソフトウェアです。## JSUIの使い方ま...

List

  • 2018/06/21

DevTools Timeline Viewer - 開発者ツールのパフォーマンス結果を共有/閲覧

Webページを表示するまでには様々な処理が行われています。DOM構築、HTMLのレンダリング、JavaScriptなど様々な処理が行われた結果、一つの画面を表示します。さらにWebアプリケーションであれば、その画面のまま要素が変化します。そうした中でパフォーマンスを測定する機能がGoogle Chromeにありますが、...

List

  • 2018/06/07

vuegg - Vue.jsプロジェクトの画面を作成

ReactやVue、AngularといったJavaScriptフレームワークはHTMLを再定義しており、UIを作るのもそうそう簡単ではありません。デザイナーとの協業も難しく、苦戦している方も多いのではないでしょうか。そこで使ってみたいのがvueggです。Vueの画面をWYSIWYGに設計できるソフトウェアです。## v...

List

  • 2018/06/06

Maji - ハイブリッドアプリ開発のベストプラクティスを提供

ハイブリッドアプリと言うのはHTML5でUI、ロジックを作成したスマートフォンアプリです。ネイティブとの繋ぎ込みはCordovaなどの技術を使います。かつては遅いと言った問題がありましたが、今はほぼ分からないくらいの速度で実行できます。そんなハイブリッドアプリは画面遷移やUIなどを自分で用意する必要があります。ここが敷...

List

  • 2018/05/27

Hyperion-iOS - iOSアプリのデザインレビューをサポート

デザインの優劣を判断するのはとても難しいです。特にアプリのようにアニメーションまで絡んだりすると、何をもって正しいと考えるかは千差万別になります。ちょっとした動きが気にかかる人もいれば、そうでない人もいることでしょう。そのデザインをレビューする際に使ってみたいのがHyperion-iOSです。アニメーションをゆっくりに...

List

  • 2018/05/20

ScriptAutoRunner - 任意のJavaScriptコード/URLをインジェクション

Webサイトで開発者ツールを使って操作を行うことはよくあります。そんな時、外部のライブラリを読み込んだりするのもよくあることです。しかし再読込する度にリセットされてしまい、面倒だと思うことでしょう。そこで使ってみたいのがScriptAutoRunnerです。Webサイトごとに読み込ませるライブラリ、JavaScript...

List

  • 2018/05/05

FromJS - Webアプリケーションの理解を容易にするChrome機能拡張

JavaScriptで大型なWebアプリケーションが開発されるのに合わせて、全体を把握するのが困難になってきています。表示されている文字がサーバサイドから出力されているものでない場合、どこで作られたデータなのかを追いかけるのも大変です。そこで使ってみたいのがFromJSです。Webアプリケーションの内容を把握するのに役...

List

  • 2018/05/04

React Velocity - Reactアプリのコンポーネントを作成

Reactで開発を進める際に、まず画面全体の設計を行うのが大事です。全体を囲むコンポーネント、そして画面の各要素を構成するコンポーネントと順番に作っていきます。それをやらずに開発を進めると後で修正が大変でしょう。そこで使ってみたいのがReact Velocityです。コンポーネント設計を行い、スケルトンコードを生成しま...