Haroopad - 開発者にぴったりなMarkdownエディタ
マルチプラットフォームで使えますよ！ エンジニア界隈ではMarkdownの認知度が高くなっていますが、その記法が若干特殊なこともあって書きづらいと感じている人は多いはず。そこで使われるのがMarkdownエディタです。 Haroopadもその一つになります。多分に漏れず2ペイン構成で片側がプレビューになっていますが、それ以外にも便利な機能がたくさん揃っているMarkdownエディタになります。 Haroopadの使い方 プレビューはつい縦長になりがちなので、2〜3段で書くと短くていいかもしれませんね。 Haroopadは使ってみた感じ、かなり開発者寄りなMarkdownエディタになっているという印象です。Markdownを使いこなしてがんがんドキュメントを作っていきたいと考える方にはぴったりではないでしょうか。 HaroopadはWindows/Mac OSX/Linux用のオープンソース
Webアプリケーションの画面をさくさく作ろう。UIフレームワーク特集 MOONGIFT
今回はWebアプリケーションの画面作成に関する話です。かつて業務システムというのはエンジニア自身が画面を作ってロジックを実装して提供していました。UIがただコンポーネントを貼付ける程度だったからです。 しかしWebアプリケーションの時代になって、UIの制作が難しくなってきています。デザインの自由度が高いためです。しかし今後さらにWebアプリケーションが活用されていく中ではエンジニアもそれなりの画面を素早く開発できるようになっていかないといけない時代になっています。 そこで今回はUIフレームワーク、多彩なコンポーネントを備えたデザインフレームワークをまとめて紹介します。 iPhone/Android/Windows Phone対応のモバイルWebアプリフレームワーク「ChocolateChip」 モバイルWebサイトをネイティブ風にするUIライブラリは昔から多数存在しますが、今回はその最新版
2048-agent - 2048の新境地。プログラミングで自動回答 MOONGIFT
一昔前にRobocodeというゲームがありました。これは完全自立型のロボットゲームで、そのコーディングスキルを争うものでした。相手と自分の位置、攻撃と回避などかなり複雑なパラメータが合わさっていました。 そこまで複雑なものを作るのは難しそうですが、2048-agentなら自分なりのテクニックをコーディングで表現できるかも知れません。人気のパズルゲーム、2048を回答するエージェントソフトウェアです。 2048-agentの使い方 例えば以下のようなコマンドで実行します。 $ ruby twenty_forty_eight.rb -a GreedyAgent -t 2 tはチャレンジする回数、aはエージェントです。このエージェントを自分なりにカスタマイズすれば独自の解法を展開できる訳です。 自動で回答していきます。 例えば先ほどのコマンドの結果は次のようになります。もちろん運の要素もあるので
Gitonomy – PHP製のGit管理サーバ
おお、これは企業で使えそうですよ！ 企業によっては外部にソースコードを預けられないため、自社でGitサーバを構えているところも多いでしょう。しかしそうなると管理画面が欲しくなります。GitHubの管理画面は優秀で、ああいったWebブラウザ上でリポジトリの情報を見たいと思うはずです。 そこで使ってみて欲しいのがGitonomyです。デザインの格好いい、Gitリポジトリマネージャです。 Gitonomyの使い方 GitonomyはPHP + Symfonyの組み合わせで作られていて、Webブラウザ上でGitリポジトリの操作が一通りできるようになっています。ユーザはプロジェクト単位にグループに入り、そこで権限管理される仕組みです。 ソーシャル機能はありませんが、企業ユースであれば十分ではないでしょうか。社内でGitサーバを立てている場合はぜひ導入を検討してみてください。 GitonomyはPHP
Gumby - Bootstrapの強力なライバルになるか！？シンプルかつ強力なCSS3フレームワーク MOONGIFT
CSS3フレームワークは数多くなってきたのでその特徴をちゃんと掴んでおかないといけないですね。 GumbyはSassを使ったCSS3フレームワークです。他のフレームワークと同じようにレスポンシブ、モバイルフレンドリーになっています。その特徴を見ていきましょう。 まずデスクトップからです。 ヘッダーバー。フラットだったり、幅が固定だったりと色々な形式が想定されています。 タイポグラフィ。可読性高いです。 リストだけでも黒丸、白丸、ドット、数字など多数用意されています。さらに定義リストまで！ ボタン。サイズ、色、形が様々です。片方だけ丸い、なんて便利そうですね。 インジケーターやラベル、アラート。こういうのもよく使いますよね。 フォーム。基本的にplaceholderを使った表示になっているようです。 テーブル。角丸サポートです。 タブ。幅が設定できます。 縦のタブもあります。 ドロワー。クリ
簡単に自分のローカルサーバをオンラインに公開·ngrok MOONGIFT
ngrokはWindows/Mac OSX/Linux用のオープンソース・ソフトウェア（Apache License 2.0）です。 自分のローカルで作っているサイトを誰かに見せたいと思ったことはないでしょうか。社内であればLANを使ってアクセスもできるでしょうが、ルータ越しではそう簡単ではありません。しかしngrokを使えばとても簡単に一時的な公開が実現できます。 実行しました。引数として何番のポートを見せたいか指定します。例えば3000や8080、80などです。そうするとインターネットからアクセスするためのURLが生成されます。 管理画面にアクセスすると指定したポートへアクセスした結果が表示されます。 外部からアクセスするとログがリアルタイムに流れていきます。 ヘッダーなども閲覧できます。 サーバにもログが出ています。 仕組みとしてはngrokが提供するWebサーバ（ngrok.com
Windows上でLinuxコマンドを動かす·Atratus MOONGIFT
AtratusはWindows用のオープンソース・ソフトウェア（LGPL）です。 Windows環境でLinuxのコマンドやソフトウェアを使いたいという要望は昔からあります。古くはCygwinがありましたが、今回はAtratusを紹介します。Atratusの目標はLinuxのバイナリをそのままWindows上で実行できるようにすることにあります。 コマンドプロンプトです。lsコマンドを打つとちゃんとリストが返ってきます。 別なアスキーベースのゲーム（？）です。 テトリスもあります。 ちゃんと遊べます。十字キーだけで動きます。 スネークゲーム。アスキーなゲームですが意外と面白いです。 コマンド群です。Windows側では特にコンパイルなどはしていません。 Atratusではソースからコンパイルして、といった面倒な作業がないのでインストールすればすぐに使い始められます。提供されているコマンドの
すごい！mrubyをJavaScriptに変換してWebブラウザ上で実行·webruby MOONGIFT
webrubyはWebブラウザ上で動作するmrubyです。 mrubyは組み込み用として開発されたミニマムなRuby実行環境ですが、ミニマム故に使いどころが色々とありそうです。今回はなんとWebブラウザ上で動作するmruby、webrubyを紹介します。 WebGLを使うデモ。 結構ぐりぐりと動きます。 FPSも53とあって滑らかです。 こちらはirbです。コードを書いてその場で実行して結果を得られます。 確かにちゃんと記述できます。 普通にmrubyです。 以前に紹介したJsMrubyの場合は機能拡張としてインストールされるものでしたが、webrubyの場合はemscriptenを使ってmrubyのソースコードをJavaScriptに変換しているのが特徴です。まだまだおもちゃレベルとのことですが、今後発展すると面白いプロジェクトになりそうです。 webrubyはJavaScript製のオ
Webブラウザ上で動作するmruby·JsMruby MOONGIFT
JsMrubyはGoogle Chrome/Firefoxの機能拡張として動作するmrubyです。 mrubyは通常のRubyに比べてコンパクトである分、組み込み分野などでの活躍が期待されています。しかし軽量であるという点に注目し、なんとWebブラウザ上で動かしてしまうのがJsMrubyです。 インストールします。 実行しました。Js Mrubyという出力がCanvasにされています。 JsMrubyはまだ限られた環境下でしかどうさしないようですが、WindowsであればGoogle ChromeやFirefoxでも使えます。Rubyスクリプトを動かすのはもちろん、機能拡張をRubyで書くと言った使い方も考えられそうです。 JsMrubyはGoogle Chrome/Firefox用のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。 MOONGIFTはこ
文字を選択するだけでクリップボードにコピーする·TerminalCopyOnSelect MOONGIFT
TerminalCopyOnSelectはMac OSX向けのフリーウェア（ソースコードは公開されている）。ターミナルで文字を出力してその内容をコピーして、といった操作を行うことは多々ある。テーブル形式に出力させると選択する回数が多くなるので都度コピーを押すのが面倒になってくる。 ターミナルにメニューが追加される 特に文字の選択動作がマウスで、コピーがショートカットキーから行っていたりすると面倒きわまりない。常に使うかは分からないが、TerminalCopyOnSelectはそうしたコピー動作が多い方には便利なソフトウェアになるだろう。 TerminalCopyOnSelectはターミナル用のSIMBLプラグインで、文字列を選択するだけでクリップボードに内容を送ってくれるソフトウェアだ。TerminalCopyOnSelectを使えば文字を選択して貼付け、選択してはりつけとコピー動作を省け
これはnode.jsの時代が来るか！？全て揃ったnode.jsフレームワーク·Tower.js MOONGIFT
Tower.jsはフルスタックのnode.js用Webアプリケーションフレームワークです。 こ、これはやばい…。ついにnode.jsの時代が来るかもしれない、そう感じさせるWebアプリケーションフレームワークがTower.jsです。 インストールはnpmで簡単にできます。 まず新しいアプリケーションを作成します。 Scaffoldで簡単にコントローラ、モデル、ビューを生成。 生成された際の構成はこんな感じです。 towerコマンドのオプションです。 Webサーバを立ち上げ場合です。 Tower.jsはMongoDBをデータベースに、Redisはバックグランドジョブ、CoffeeScriptをメインの記述に使いつつ、Jasmineをテストフレームワーク、jQueryも使えるフレームワークです。メール、マイグレーション、MVC、RailsばりのO/Rマッピング、バリデーション、ルーティング、B
HTML5でゲームを作ろう。アクションゲームに向いたフレームワーク·EntityJS MOONGIFT
EntityJSはアクションゲーム開発に向いたHTML5/JavaScriptゲームフレームワークです。 EntityJSはJavaScriptを使ったゲームを開発するためのフレームワークです。アクションゲーム開発に向いているようです。 デモのゲームです。 矢印キーで移動したりジャンプします。 ちょっと複雑なステージです。梯子は上矢印で登れます。 針に当たると死んでしまうので注意。 EntityJSの特徴としてはフレームワークがRubyで提供される点にあるでしょう。そしてゲームのベースを生成したり、テストしたりサーバになったりするのをRubyが行います。チュートリアルも揃っているので試してみたいと言う方はぜひ。 EntityJSはRuby/JavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る JavaScriptのゲームはまだまだ発
多彩な表現をご覧あれ。JavaScriptによるデータビジュアル化ライブラリ·JavaScript InfoVis Toolkit（JIT） MOONGIFT
JITはJavaScriptを使ったデータビジュアル化ライブラリです。 JavaScriptを使ってWeb上でデータを多彩にビジュアル化するライブラリがJavaScript InfoVis Toolkit（JIT）です。その多彩な表現をご覧ください。 積み上げのエリアグラフです。表示の際にはアニメーションが実行されます。 実際のコードです。 棒の積み上げグラフです。 横向き、2Dのグラフです。 関連グラフです。マウスで動かせます。 マウスオーバーで説明が表示されます。 こんなグラフもあります。 星形。格好いいです。 カスタマイズにも多様に対応しています。 容量の表示などによく利用されるツリーマップです。 こちらもパターンが色々用意されています。 グラフを組み合わせたパターンです。 こんな表現も可能です。 派生していくアニメーションが格好いいです。 円グラフです。アニメーションやマウス操作に
JavaScriptに便利なメソッドを盛り込んだライブラリ·mofmof.js MOONGIFT
mofmof.jsはJavaScriptを積極的に拡張したライブラリで、Number/Array/Stringに便利なメソッドを追加しています。 JavaScriptは今やWebだけでなく、様々な環境で使われるようになっています。そこで基礎になりえるライブラリとして紹介したいのがmofmof.jsです。かゆい所に手が届く、便利なメソッドがたくさん追加されています。 コード例です。コピーメソッド。 日付周りの拡張も多いです。 Hashを取り扱うメソッドも多数用意されています。 二つのHashをミックスします。 Hashからキーと値を取り出します。 Hashのキーだけを抽出します。 mapメソッドです。 実行するたびにインクリメントされるユニークな値を返します。1秒間に100万回実行したとしても285年間ユニークであり続けます。 一気に配列を生成します。 文字列を置換しつつ生成します。 検索メ
たった一行のJavaScriptでガラケー向けWebサイトをスマートフォンに最適化·sparrow.js MOONGIFT
sparrow.jsは既存のガラケー向けWebサイトをスマートフォン向けサイトに変換してくれるJavaScriptです。 sparrow.jsを使うと既存のガラケー向けWebサイトをスマートフォン向けサイトに変身させてくれます。それもたった一行のJavaScriptタグを追加するのみです。 ガラケー向けサイトをiPhoneで表示したところです。いわゆる普通の携帯電話向けサイトとしての表示です。テンプレートは「携帯専用無料テンプレート配布中 ： フリースタイル 携帯無料レンタルサーバー」よりお借りしました。 sparrow.jsを適用した表示です。デフォルトではフォントサイズや画像の表示が最適化されるのみとなっています。 sparrow.jsではその他、Viewportの自動挿入、スマートフォン向けのCSS定義、半角仮名を全角に変換、ページ内リンクをアニメーションに、絵文字を絵文字画像に変換
無茶しやがる…JavaScriptだけでZipファイルを生成、ダウンロード·JSZip MOONGIFT
JSZipはWebブラウザ上、クライアントサイドだけでJavaScriptを使ってZipファイルを生成するソフトウェアです。 JavaScriptでできることがどんどん増えています。そんな中、注目したいのがJSZipです。なんとJavaScriptだけでZipファイルを作ってしまうというとんでもないソフトウェアです。 デモページです。コードを見て分かる通り、テキストファイルと画像をZip圧縮しています。 実際ダウンロードされたZipファイルを解凍すると確かにフォルダやファイルが入っています。テキストの内容を変えればダウンロードされたファイルの中身も変わっていました。 JSZipが面白いのは動的にZipファイルを作成できることではないでしょうか。ユーザにコンテンツをダウンロードさせたいという時にその場の内容をそのまま圧縮して送れるようになります。アイディア次第で色々な使い方ができそうなソフト
面白い！Ruby/Pythonなど多数のプログラミング言語をWebブラウザ上で実行する·repl.it MOONGIFT
repl.itはWebブラウザ上で多数のプログラミング言語を実行し、その結果を確認できるソフトウェア。 repl.itはHTML5/JavaScript製のオープンソース・ソフトウェア。プログラミングの学習はどこで行うのが良いだろうか。書籍を購入する人もいれば、オンラインのチュートリアルを見る人もいる。いずれの場合もローカルに実行環境を用意して行うものだろう。 利用可能な言語一覧 お勧めなのはオンライン学習なのだが、実行環境がJavaScriptくらいしか用意できないのが問題だった。だがrepl.itを使うとそれ以外のプログラミング言語もオンラインで実行できるようになる。 repl.itが使える言語としてはJavaScript、CoffeeScriptの他、Ruby、Python、Lua、Scheme、QBasic、Forth、Emoticon、Brainfuck、LOLCODE、Unla
Rails/Sinatraでガラケー向けOpenSocialアプリを開発する·opensocial-wap MOONGIFT
opensocial-wapはRuby向けWebフレームワークを使ったWebアプリケーションをOpenSocial WAP Extensionに準拠させるライブラリ。 opensocial-wapはRuby製Sinatra/Ruby on Rails用のオープンソース・ソフトウェア。今時代はソーシャルに注目が集まっている。FacebookやGoogle+などのデスクトップ向けに加えて、GREE/Mobage/mixiなどの携帯電話向けSNSを展開するプラットフォームもある。 OAuthヘルパー 特に日本においてはGREE/Mobageが強力であり、これらのプラットフォーム向けにゲームやアプリを提供している（またはこれからしようとしている）企業もあるだろう。そうした方々がRailsをはじめとするRubyのWebフレームワークを使っているならばお勧めしたいのがopensocial-wapだ。
これでVisioを使ったネットワーク図作成からおさらば？運用まで管理できる·Prime MOONGIFT
Primeはハードウェア構成やソフトウェアも含めたネットワーク図を作成するソフトウェア。 PrimeはJava製のオープンソース・ソフトウェア。システム開発を行う際にデスクトップやルータ、サーバ等の配置を図に起こす時は多い。そういう時にドローソフトウェアとしてMS Visioを使うケースが多いのではないだろうか。他にも類似ソフトウェアはあるが、アイコンがどうも好きではなく結局Visioを使っていた。 描画中 しかしネットワーク図を描くためだけにMS Visioを購入するのではあまりにも勿体ない。デザインに優れたソフトウェアがあればそれを使えるはずだ。そこでネットワーク図を描く際にお勧めしたいのがPrimeだ。 Primeはデスクトップやサーバ、ネットワーク機器を配置してそれらを線で結んでネットワーク図を作成するソフトウェアだ。端末間の接続法をRJ45またはUSBから選べるなど芸が細かい。さ
Webベースで棋譜を閲覧、再生する·jsShogiKifu MOONGIFT
jsShogiKifuはJavaScript製の棋譜ビューワー。任意の場所から再生することもできる。 jsShogiKifuはJavaScript製のオープンソース・ソフトウェア。中国から発祥し、日本独自の文化を培っている将棋。チェスとは異なり一度取った駒を使えるということがゲームの複雑さを増し、コンピュータでもプロに敵うものが作り出せずにいる。 最後の動かしたところに色がつく 自分で興じるのも面白いが、さらに将棋の魅力にはまると強い人たちの棋譜をみたり、それを再現するのが面白くなってくる。そんな棋譜をWebブラウザ上で閲覧できるのがjsShogiKifuだ。 jsShogiKifuはその名の通りJavaScriptで作られている。そのためiPhoneやiPadでも棋譜の閲覧ができる。一手ずつ再現していったり、指定した場所から開始することもできる。棋譜は柿の木形式とCSA形式に対応している
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
