プレミアムユーザー限定記事
MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから。
- 2017/12/14
- できることを全力でやる
- 2017/11/25
- 恥ずかしさを感じないためにできること
- 2017/11/11
- プロジェクトを遅延させないコミュニケーションパス管理
Jotted - プラグインで拡張できるHTML/JavaScript/CSS実行環境
HTML/JavaScript/CSSの良いところはWebブラウザ上でそのまま実行できると言うことです。そのためJSFeddleやjsdo.itといったサービスが人気になります。環境を用意しないでデモが見られるのは良いことです。そんな実行環境を自分でホスティングできるのがJottedです。プラグインの仕組みもある面白い...
pigeon - WordPressを使ったみまもりWebメールシステム
親になると子供の動向が気になるものです。また、自分の親が年をとってくると、日々元気に過ごせているのかどうか気になるものでしょう。しかし都度電話したり、メールを送ったりするのはお互い面倒なものです。そこで使ってみたいのがpigeonです。WordPressをベースとして、みまもりメールWebアプリを実現するソフトウェアで...
FireCommits - 敵はリポジトリ。コミット数によって強さの変わるシューティングゲーム
GitHubのリポジトリでコミット数が多いプロジェクトは、それだけ優秀なプログラマーが集まって切磋琢磨しているものと思われます。つまり頑強で強そうなイメージと言えるでしょう。そんなイメージにぴったりなゲームがFireCommitsです。コミット数によって弾幕の数が変わる、そんなシューティングゲームです。## FireC...
雑兵感謝祭 - 某オールスター風ゲームで盛り上がろう
半年に一度行われる芸能人がたくさん集まってクイズやら競争やらを行うオールスター感謝祭という番組があります。その中でABCDの選択肢があって、みんなでどれかを選ぶ、いわゆるマルバツゲーム的なものがあります。一番人数が多いのが正解とは限りませんが、それでも多数派に入っていると嬉しかったり、逆に一人だけで正解だと思わずガッツ...
Ryakuzu - RailsのDBマイグレーションをWeb上で
Ruby on Railsには便利な機能がたくさんありますが、特に有名なのがデータベースのマイグレーションではないでしょうか。それまでのデータベース管理はとても煩雑なものでしたが、コードでバージョン管理できるのはとても新鮮なものだったと言えます。今回はそんなマイグレーションをビジュアル化するRyakuzuを紹介します。...
MameBlock.js - Scratchライクなビジュアルプログラミング環境
ここ最近ビジュアルプログラミングが人気になってきました。特に教育目的において、英語からではなくブロックを使ってプログラミングを行える方が入門しやすいでしょう。今回はそんなビジュアルプログラミング環境をWebベースで提供するMameBlock.jsを紹介します。## MameBlock.jsの使い方MameBlock.j...
apachehere - 任意のディレクトリをルートとしてApache起動
Apacheは開発時にも便利なWebサーバです。しかし、手元にあるコードをちょっとWebブラウザで試したいと思った時にわざわざDocumentRootまで移動して試すのは面倒だったりします。そこで使ってみたいのがapachehereです。Apacheを指定したディレクトリをDocumentRootとして起動してくれるソ...
2016/02/05
2016/02/05業務で使えるオープンソース（176）「サーバレスアーキテクチャ」
今回のテーマはサーバレスアーキテクチャです。サーバがなければサーバのメンテナンスコストはかからないというシンプルな思想です。物理サーバがクラウド化する中、さらにサーバすら持たなければ余計な保守、管理費用がかからないのは必然です。そこで今回はサーバレスアーキテクチャを支える技術と関連オープンソース・ソフトウェアを紹介しま...
Showoff - Sinatra製のHTMLスライド
プレゼンテーションにおいてスライドは重要な要素になります。PowerPointを使ったものは似たり寄ったりで眠くなりますし、Keynoteの派手なアニメーションも出尽くした感があります。そこでHTMLプレゼンテーションの出番です。しかも自分でカスタマイズまでできてしまうものはいかがでしょう。今回はSinatra製のSh...
Feature.js - Webブラウザで実装されている機能をチェック
HTML5でWebブラウザの機能標準化が行われていますが、まだまだ統一はされていません。ブラウザによって得て不得手あり、実装されていない機能もたくさんあります。それらを逐一調べながら実装していっても良いですが、Feature.jsを使うことで各機能の実装状態を手軽にチェックできるようになります。## Feature.j...
WAAX - Webブラウザ上で音楽を奏でよう
HTML5によってWebの表現力が高まっていますが、それは何もビジュアルに限りません。他の魅力として今回は音楽を挙げます。MP3のような音楽もありますが、今回はWebブラウザ上で音楽を奏でられるWAAXを紹介します。## WAAXの使い方WAAXはGoogle Chromeなどで確認してください。Webブラウザ上にキー...
Colour Palette Generator - Google製のカラーパレットジェネレーター
いい感じのカラーパレットというのは作るのが難しいです。最初は少ない色で作っていても、徐々に使いたい色が増えてくると全体のバランスが崩れてしまいます。そこで使ってみたいのがColour Palette Generatorです。Google製のカラーパレット生成ソフトウェアです。## Colour Palette Gene...
Infinit - クラウド&ローカルを統合するP2Pストレージ
仕事の中でもクラウドストレージを使うケースは増えています。しかしそれだけで十分ではなく、SSDやファイルサーバなども並行して使われているでしょう。そんなストレージをまとめて管理できるのがInfinitです。P2Pでストレージをネットワーク化する、そんな仕組みです。## Infinitの使い方InfinitではAmazo...
- 2016/02/03
業務で使えるオープンソース（175）「WYSIWYG」
今回のテーマはWYSIWYGです。過去に2013年にも同じテーマで行っていますが、すでに3年前の内容とあって、トレンドとはずれてきています。そこで今回は2014年以降に紹介したWYSIWYGエディタを中心に紹介したいと思います。## 最近のトレンド### HTML5HTML5が勧告されたこともあって、HTML5を駆使し...
wifi-check - CUIのWiFiステータスチェッカー
無線LANは目に見えないので場所によって速度が出なかったり、最悪の場合は繋がらなかったりします。物の配置によって変わるので、定期的なチェックが欠かせません。そこで紹介したいのがwifi-checkです。WiFiの強度をチェックしてくれるツールです。## wifi-checkの使い方wifi-checkはMac OSX用...
Slack Reporter - Slackの話題をまとめてHTML化
Slackは便利なツールですが、リアルタイムに話題を追いかけているといつの間にか時間が経ってしまっていた、なんてことになりかねません。そこで必要なのがSlack Reporterです。Slackの投稿をまとめてレポートを作ってくれるソフトウェアです。## Slack Reporterの使い方集計する時間を指定して実行す...
quickMockup - Webベースのモックアップ作成ソフトウェア
Webサービスやアプリをはじめようと思ったらまずモックアップを作るところからはじめましょう。モックアップを使って色々考える中で、アイディアに磨きがかかっていくはずです。quickMockupはそんなモックアップを作成するためのソフトウェアになります。Web上で動くのでより手軽に使い始められるでしょう。## quickM...
Slackcat - コマンド出力をSlackにポスト
Slackが流行っていることもあって、情報をどんどんSlack上にアップしていこうという流れになっています。外部のWebサービスもSlack連携のものが増えてきました。今回紹介するのはSlackcat、コンソールとSlackを連携させるソフトウェアです。スクリプトの出力結果をSlack上にポストします。## Slack...
VWInstantRun - Xcode上でスニペット実行
Xcodeにはプレイグラウンドが追加されました。実際のプロダクトに反映する前にコードを試してみるというニーズにはぴったりな機能です。今回紹介するVWInstantRunも似たような機能を提供してくれます。しかしプレイグラウンドという別な環境ではなく、今Xcode上に書いているコードをそのまま実行できるようになっています...
maptastic - プロジェクションマッピング用に動画の形を加工
プロジェクションマッピングをやる上で問題になるのは、いかに現実のオブジェクトに合わせて映像を投射するかです。単に映像を映すだけではダメで、モノの形に合わせる必要があります。そこで使ってみたいのがmaptasticです。HTML上のコンテンツを形を変えてプロジェクションマッピングにあった形にしてくれます。## mapta...