Bootstrap Material - Material Designを適用したBootstrapテーマ
Googleが開発者向けイベントで発表した新しいデザインコンセプトのMaterial Design。フラットUIをベースとしつつ、さらにアニメーションやエフェクトを通してユーザに情報を分かりやすく伝達できます。 そんなMaterial DesignをBootstrapに適用したのがBootstrap Materialです。これは多くのプロジェクトで活躍しそうです。 Bootstrap Materialの使い方 Bootstrap MaterialはフラットUIのBootstrapテーマとしてもいい感じですし、さらにMaterial Designによって情報が分かりやすくなります。デスクトップはもちろんのこと、スマートフォン/タブレット向けのデザインとしても使えることでしょう。 Bootstrap MaterialはHTML5/CSS3/JavaScript製のソフトウェア（ライセンスは独自
社内で使える！Perl製のGitHubクローン·GitPrep MOONGIFT
GitHubはオープンソース開発者にとって便利なサービスですが、ビジネス用途においてはセキュリティ上の要件が通らないと言ったケースもあるでしょう。そこで使ってみたいのがGitHubクローンです。今回はPerl製のGitPrepを紹介します。 こちらはデモサイトです。まずユーザ一覧があります。 ユーザの下にリポジトリがあります。 リポジトリの詳細です。ファイルブラウザと、READMEの内容表示がされています。 ファイルブラウザはリンクをたどる事ができます。 タグやブランチの一覧を見られます。 コミットの一覧。 もちろん差分をグラフィカルに確認できます。 ネットワークもサポート。 GitPrepは一つ前のGitHubのデザインそのままと言えます。ソースコードを確認したり、コミットを見たり、差分をチェックする事ができます。これだけできれば開発用途で使うには十分ではないでしょうか。 MOONGIF
Adobe製。Webデザイナー向けのコードエディター·Brackets MOONGIFT
BracketsはHTML/JavaScript/CSSで作られたHTML/JavaScript/CSSエディターです。 Webベースのエディターソフトウェアは幾つか登場していますが、Adobe社が開発したのがBracketsです。BracketsはHTML/JavaScript/CSSを使っていますが、ネイティブのアプリケーションとして提供されています。 メイン画面です。左側にファイルブラウザ、右側がコード編集ウィンドウになっています。 HTML/JavaScript/CSSのハイライター機能が備わっています。 JavaScriptのテストを実行させることもできます。 パフォーマンスに関するデータです。 QuickEditを使うとインラインで適用されているCSS設定が読み込めます。 BracketsではWeb向けのコーディングをメインとしているので、編集した後にWebブラウザへ同期させる
ワンクリックでMac OSX上にRuby on Rails開発環境を構築·Rails One Click MOONGIFT
Rails One ClickはMac OSXのRuby on Rails開発環境をボタン一つで整えてくれるソフトウェアです。 Mac OSXにおけるRuby on Rails開発環境を一気に整えてくれるのがRails One Clickです。ウィザード方式でボタンクリックだけでRuby on Railsが開発できるようになります。 メイン画面です。ボタンを押すとインストールが開始します。予めXcodeがインストールされている必要があります。 ダウンロードやコンパイルも同時なのでちょっと時間がかかります。 ログです。 完了しました。 この画面が表示されていれば完了です。 デモ動画です。 Rails One ClickはDocuments以下に一通りの環境をインストールするので、ルート権限不要で使えるのが便利です。 Rails One ClickはMac OSX用のオープンソース・ソフトウェ
CodeIgniterを使ったセキュアなPHP製CMS·PyroCMS MOONGIFT
PHP製のCMSと言えばWordPressと言われるほど、WordPressを使ったWebサイトが増えていますが、今回紹介するのはPyroCMSです。セキュリティに気を配られたCMS（コンテンツ・マネジメント・システム）になります。 インストールはウィザードに沿って行います。 システム要件のチェックです。 管理画面へのログインです。 管理画面ダッシュボードです。 ブログのポスト追加画面です。 ポストしました。 メールなどのテンプレートです。 ヘッダー、サイドバー設定です。 デザイン（テーマ）機能です。 デフォルトのテーマです。 こういったテーマもあります。 ユーザ管理です。 グループ管理です。 パーミッション設定です。 パスを設定してリダイレクト設定ができます。 プラグイン（モジュール）管理です。 設定画面です。 ユーザ向けの画面です。 メールフォームです。 PyroCMSはリッチなページ
リッチなWebアプリケーションを開発するフレームワークSproutCore後継プロジェクト·Ember.js MOONGIFT
Ember.jsは旧SproutCoreの後継プロジェクトです。リッチなWebアプリケーションフレームワークになります。 SproutCoreがFacebookに買収されました。SproutCoreはリッチなWebアプリケーションを開発できるフレームワークですが、今後の開発についてはEmber.jsとして継続される模様です。 スマートフォンに特化している訳ではありませんが利用できます。 デスクトップ向けでHello World。 コードを見ると分かりますが、HTMLを直接ではなく、テンプレートです。 デモのTodoアプリです。 登録したりチェックして削除したりできます。データは保存していないので再読み込みすると消えます。 Todoアプリのコード。こちらはビュー側です。 こちらはコントローラ、モデル側。コードは見やすいです。 Ember.jsはMVCに分かれており、コードも見やすく使い勝手が
地域SNSに適したクローズドなSNS·Regional SNS MOONGIFT
Regional SNSはクローズドなSNSを構築するRailsアプリケーションです。 SNSのブームは熱が収まりつつありますが、それでも小さなマーケットにおいてはまだまだ需要があります。そこで地域SNSを構築するのにお勧めなのがRegional SNSです。 トップです。未ログインでは何も見られません。 ログインします。 ログインしました。ダッシュボードです。 招待制のシステムになっています。クローズドなSNSです。 招待された人はユーザ名やパスワードを設定します。 メッセージ機能ではフレンド一覧が表示できます。 メッセージ一覧です。 メッセージ詳細です。 ブログ機能です。書くところです。 投稿しました。ブログ記事一覧が表示されます。 ブログ表示です。タグがあります。 コミュニティを作成できます。 スケジュール機能です。 ユーザの一覧です。 フレンド一覧です。 管理者向けの設定画面です。
Railsでも利用可。irbよりも便利な対話型コンソール·Pry MOONGIFT
PryはRubyのirbを強化し、さらに利便性高いものにする対話型コンソール。 PryはRuby製のオープンソース・ソフトウェア。Rubyには対話型のインタプリタirbがある。開発やデバッグする時にコードを確認しながら試せるので便利だ。Railsでの開発にもコンソール機能がなければ開発効率はここまで向上しなかったはずだ。 ハイライト処理 しかしirbだけでは物足りない、と感じる人もいるかも知れない。より掘り下げてみたいと思ったり外部サービスとも連携したいと考えるかも知れない。そんな方はぜひPryを試すべきだ。 Pryはirbの代替えとも言えるソフトウェアだが、機能がとても面白い。まずハイライト処理がある。これでずいぶん見やすくなると思う。そしてオブジェクトのメソッド一覧を出す際に「ls obj -m」のようなコマンド的な形で一覧を出す（さらに継承ではないメソッドだけならば「ls obj -
Gitを使っているWebデザイナー必見。DreamweaverからGitを使える·GITWeaver MOONGIFT
GITWeaverはDreamweaverとTortoiseGitを連携させるDreamweaver機能拡張。Gitコマンドが使えるようになる。 GITWeaverはWindows/Dreamweaver用のオープンソース・ソフトウェア。企業ではまだまだSubversionがメインのリポジトリ管理システムになっているようだが、個人を中心にGitを使うケースが増えている。プログラマーが使っているケースが多いが、デザイナーの方も使い始めている。 メニュー そんなGitとWindowsを組み合わせて使う際にはTortoiseGitが便利だが、さらにDreamweaverを使ってデザインをしているならお勧めなのがGITWeaverだ。 GITWeaverはTortoiseGit必須のDreamweaver拡張なのでWindows版向けのソフトウェアになる（筆者はMac OSX版しかないためスクリー
注目！Web上のオープンドキュメントプラットフォーム·Substance MOONGIFT
SubstanceはWebブラウザ上で文書を作成したり、他人の文章にコメントするシステム。 Substanceはnode.js/JavaScript製のオープンソース・ソフトウェア。これは個人的に思い描いていたサービスの形に近いのかもしれない。最近、書籍の内容をGithubに登録しているケースをちらほらと見かけるようになった。リポジトリを使えば履歴管理も簡単だ。 閲覧画面 さらに他の人からコメントを貰ったり、コラボレーションすることもできる。だがやはりソースコードリポジトリでしかない。もっとドキュメントに特化したものがあればと思っていたが、Substanceがまさにそうだ。 SubstanceはWebブラウザ上でドキュメント書くことができるサービス&ソフトウェアだ。ユーザ登録すると誰でも文書を登録し、書けるようになる。文書はセクション、テキスト、画像、リソース、引用、コードといった具合にオ
WordPressを使ったWebサイト運営に。タスク管理 in WordPress·CollabPress MOONGIFT
CollabPressはWordPressの管理画面でタスク管理を行うWordPressプラグイン。 CollabPressはPHP/WordPress用のオープンソース・ソフトウェア。WordPressは優秀なCMS（コンテンツ・マネジメント・システム）だ。単なるブログエンジンを越え、プラグインやカスタマイズによって様々なWebサイトに姿を変える。 プロジェクト作成 もはやWeb上の活動拠点になっている人や企業も多いのではないだろうか。そうした方々にお勧めなのがCollabPress、WordPress上のタスク管理システムだ。 CollabPressはWordPressプラグインとしては珍しく、管理画面でのみ利用するソフトウェアになっている。CollabPressではプロジェクト、タスクリスト、タスクと三段階に分けて管理できる。もちろん一人ではなく複数でのコラボレーションが前提だ。 カ
PHPらしさを感じさせるシンプル、軽量なWebフレームワーク·Lambda MOONGIFT
Lambda（ラムダ）はLPVモデルを用いたDRYをモットーにしたPHP製のフレームワーク。 Lambda(ラムダ)はPHP製のオープンソース・ソフトウェア。PHPには大掛かりなフレームワークは似合わないと考えている。1つか2つくらいのファイルでシンプルに作ってしまう方がPHPに向いているのではないだろうか。ソースにHTMLを書くと見栄えと保守性は悪いが、それがPHPの良さなのかと思う部分もある。 デモ。バリデーションも実装されている。 だが同じことを繰り返し書くのは問題だ。よく行う処理や、使い回しができるようなものはまとめておくべきだろう。DRYに則ったフレームワークとしてLambda(ラムダ)を紹介しよう。 Lambda(ラムダ)はPHP5.3以上で使えるフレームワークだ。LPV（Logic-Prep-View）という開発モデルになっている。Prepはヘルパー的なものと思われる。そして
これをベースにすればマルチデバイスも手軽に。HTML5製のWordPressテーマ·Constellation Theme MOONGIFT
Constellation Themeはデスクトップ、スマートフォン、タブレットに対応したHTML5製のWordPressのテーマ。 Constellation ThemeはPHP/WordPress用のオープンソース・ソフトウェア。Webサイトを構築する際にWordPressをベースに開発するケースが多くなってきた。CMSとして、ブログとして、認証やプラグインの仕組みだけを使うなどと幅広い利用法が考えられる。 トップ Webサイトを構築する際に、後からスマートフォンやiPadなどのマルチデバイスを考慮するのでは遅い。元々考えられている、Constellation Themeのようなテーマをベースにすべきだろう。 Constellation Themeはカスタマイズ前提で導入するテーマだ。HTML5を使っており、デスクトップはもちろんiPhoneやiPadも考慮されている。カラム数は2、6
RailsとWordPressをシングルサインオンでつなぐ·Rails Integration API MOONGIFT
※ 画面は公式サイトデモより ああ、これは個人的にとても嬉しい。Railsはとても優秀なフレームワークだが、これで敢えてブログを運用しようとも、開発しようとも思わない。既にWordPressという優秀なブログエンジンが存在するからだ。車輪の再開発は個人的にはしても良いと思うのだが、もっと別なことにエネルギーを向けられるならそれがベストだ。 デモ。ユーザを選んでログインを実行する また、WordPressには既に多数のプラグインが存在し、それらを使えばできることはたくさんある。それの足りない部分をRailsで補うというのはどうだろう。 今回紹介するオープンソース・ソフトウェアはRails Integration API、Railsを使ってWordPressにシングルサインオンするプラグインだ。 Rails Integration APIはRailsだけで成り立つものではない。WordPres
勉強にも。Rails3で作られたシンプルなブログエンジン·BlogCast MOONGIFT
BlogCastはRuby on Rails3で開発されたシンプルなブログエンジン。 BlogCastはRuby/Ruby on Rails製のオープンソース・ソフトウェア。MOONGIFTではこれまでWordPressを使ってきたが、リニューアル時に一部にRailsを組み込んだ。さらに数回のバージョンアップでRailsの利用率をあげている。 記事詳細 WordPressはとても優秀なブログエンジンだが、汎用的なシステムだ。そのため何らかの形に特化しようとすると窮屈に感じられてきてしまう。そうなると独自のブログエンジンの方がカスタマイズが容易になるのだ。今回紹介するBlogCast、Railsベースのブログエンジンだ。 BlogCastは管理画面を持たないブログエンジンだ。ログインしていると上部にツールバーが表示され、そこから投稿を追加するする。投稿画面では左側にプレビューが表示されるので
node.js開発者必携。異なるバージョンのnode.jsをインストール、管理する·nave MOONGIFT
naveは複数バージョンのnode.jsを管理、切り替えるためのソフトウェア。 naveはBash製のフリーウェア（ソースコードは公開されている）。今、node.jsが熱い。動作も高速で、その先進性もあってHTML5やWebSocketなどの新しい技術を率先的に試されている。今はまだマイナーかもしれないが、今から取り組んでおいて損はないはずだ。 リモートのバージョン一覧 そんなnode.jsは開発がとても盛んであるためにどんどんバージョンアップが続いている。そのため最新版をインストールしようと思うとソースからしかできず、そのために異なるバージョンが使えなくなったりする。それを防ぐためにもnaveを使おう。 naveはRubyでいうrvm、Pythonでいうvirtualenvのように異なるバージョンのnode.jsを一つのPC上で使えるようにする。リモートにあるバージョンを一覧し、そこから
JavaScript製のガントチャート·JSGantt MOONGIFT
JSGanttはJavaScript製/Webベースのオープンソース・ソフトウェア。多人数、または複数社が関わるプロジェクトでは一つのタスクの結果が別なタスクに関わっていることが多々ある。そうした時の遅延はプロジェクト全体の調整が必要であり、滞りなく進めるのは至難の業だ。 JavaScriptでガントチャートを生成 そのためタスク間のスケジュールや関わり方を示すのにガントチャートがよく使われる。これまでのガントチャートは画像出力型が多く、生成後の再利用性が今ひとつだった。そんな不満を解消してくれるのがJSGanttだ。 JSGanttはその名の通りJavaScriptによるガントチャート生成ソフトウェアだ。縦にタスクが並び、横に日程が並ぶ。各タスクごとにスケジュールが帯になって表示され、その結果が別なタスクに線でつなげられる。タスクの関連性が見いだせるはずだ。 折りたたんだり表示範囲を変更
WordPressのテーマをビジュアル的に作成する·Elastic Theme Editor MOONGIFT
Elastic Theme EditorはPHP製/WordPress用のオープンソース・ソフトウェア。去年くらいから日本でもWordPressをブログエンジンとして採用するケースが増えてきた。安定性も出てきて、かつテーマやプラグインが世界中にあるのだから使わない理由などないだろう。 ドラッグで幅を設定できる そんなWordPressのテーマ作成は一筋縄でいくものではない。こったデザインであれば、やはりプロに敵うものではないが、シンプルなテーマであればElastic Theme Editorを使えば開発者でもそれなりのものが作成できそうだ。 Elastic Theme EditorはWordPressプラグインとして動作するテーマエディタだ。多数のカラム、横幅の中から選択してベースを作成する。そして枠をクリックしてボックスを作成する。ボックスはマウスでドラッグして複数のカラムを囲むことが出
日本の企業にぴったりなグループウェア·eNote for Community MOONGIFT
eNote for CommunityはRuby on Rails製のオープンソース・ソフトウェア。Webベースのグループウェアと言えばサイボウズが最も有名だ。長い歴史に培われたノウハウが詰まっており、システムも安定している。ライセンスコストさえ負担にならなければ最適な選択肢になるだろう。[slu]eNote for Community[/slug] Rails製のグループウェア だが中小企業では利用度と管理コスト、そしてライセンスコストのバランスで選択できない場合もある。そのような企業ではオープンソースのグループウェアが選択されることも多い。そこで試してみたいのがeNote for Communityだ。 eNote for CommunityはRuby on Railsを使って開発されているグループウェアで、日本製とあって日本企業のニーズにマッチした機能が詰まっている。主な機能はスケジ
Python製のXEmacsを目指すプログラマ用エディタ·peppy MOONGIFT
peppyはPython製のオープンソース・ソフトウェア。最近のスクリプト言語は各プラットフォームのGUIも扱えるようになっている。さらに実行ファイルに変換することも可能で、それらを駆使すればスクリプト言語でGUiアプリケーションを作ることも決して不可能ではない。 関数一覧 その実例としてpeppyを紹介しよう。動作はスムーズ、メニューやサイドバーなど大抵のテキストエディタには決して引けを取らない多機能さがあるテキストエディタだ。特に開発者をターゲットにしているようで、XEmacsをターゲットに据えている。 Python製だけあって各種プラットフォーム向けに動作する。XEmacsを目指してはいるが今の所キーバインドは普通のエディタ並みだ(カスタマイズは可能）。テキスト系のファイルであれば何でも開け、さらにハイライトも多数の言語に対応している。言語ごとにコンパイルや実行などの特殊な処理を割り
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
