タグ

ブックマーク / www.moongift.jp (64)

  • 管理画面がWeb OS風のCMS·Novius OS MOONGIFT

    Novius OSは管理画面がWeb OS風になっているCMSです。機能はブログ、ページがメインです。 Novius OSは面白いCMSで、管理画面がWeb OS風になっています。ちょっと特徴ある管理画面ですが好きになる人も多そうです。 ログイン画面です。 ログインしました。Web OS風にアイコンが並んでいます。 ページ管理画面です。 編集画面です。 保存時の通知はフローティングで出ます。格好いい。 ユーザ一覧です。 プラグイン管理です。このページはテンプレートが当たっていないようです。 プロフィール編集画面です。 メディア管理です。サムネイルも出ていて使いやすそうです。 ブログ管理です。ちょっと画面が込み入っています。 こちらはユーザ向けの画面です。 基はページ、ブログのCMSで、ユーザ管理とメディア管理がついています。またプラグインで拡張もできます。Novius OSは何より管理画

    管理画面がWeb OS風のCMS·Novius OS MOONGIFT
  • HP製のJavaScriptフレームワーク·Enyo MOONGIFT

    EnyoはHPがリリースしたWebアプリケーションフレームワークです。モバイル、デスクトップ双方で動作します。 EnyoはHPがwebOSのオープンソース化ロードマップとともに発表されたHTML5のWebアプリケーションフレームワークになります。特にスマートフォンに適したオブジェクト指向のフレームワークになります。 サンプルです。左側がコード、右側がその実行結果です。 ボタンを押すとテキストが追加されます。 同様に色が変わるサンプルです。 消したり表示したりします。 ボタンを追加していくサンプルです。 Flickr画像検索&ビューワーのデモです。 こちらはYouTubeの検索&ビューワーです。 ボールが落下するデモです。 WebKitに最適化されたモックです。 頭文字ごとにグループ化されたリストです。 ボタンです。 日付ピッカーです。 サンプルゲームです。同じ動物を縦横に3つ並べると消えま

  • DropboxやGitHubでも使える手軽な記事作成ツール·RETTER MOONGIFT

    RETTERは静的なHTMLファイルを出力するブログツールです。 最近はGitHubをメインのアクティビティにするプログラマーが増えてきました。そんな方々にお勧めなのがRETTERです。軽量なブログツールとして使えます。 インストールします。RubyGemsでインストールできます。 インストール完了しました。 新しい記事を書いて閉じた後、previewコマンドを実行します。 プレビューが表示されました。 修正する際の日付指定が相対的に指定できるのが面白いです。 実際にRETTER提供サイトで使われています。 RETTERを使うとターミナルからすぐに記事を書き始められます。エディタは環境変数のEDITORに依存するので自由に選択できます。そして完了した後、Rack appとして動かすのはもちろん、Herokuで動かしたり、静的HTMLを出力するのでDropboxやGitHubを利用することも

  • CodeIgniterを使ったセキュアなPHP製CMS·PyroCMS MOONGIFT

    PHP製のCMSと言えばWordPressと言われるほど、WordPressを使ったWebサイトが増えていますが、今回紹介するのはPyroCMSです。セキュリティに気を配られたCMS(コンテンツ・マネジメント・システム)になります。 インストールはウィザードに沿って行います。 システム要件のチェックです。 管理画面へのログインです。 管理画面ダッシュボードです。 ブログのポスト追加画面です。 ポストしました。 メールなどのテンプレートです。 ヘッダー、サイドバー設定です。 デザイン(テーマ)機能です。 デフォルトのテーマです。 こういったテーマもあります。 ユーザ管理です。 グループ管理です。 パーミッション設定です。 パスを設定してリダイレクト設定ができます。 プラグイン(モジュール)管理です。 設定画面です。 ユーザ向けの画面です。 メールフォームです。 PyroCMSはリッチなページ

  • ターミナルの色変更をANSIカラーから選ぶ·TerminalColours MOONGIFT

    TerminalColoursはMac OSX向けのフリーウェア(ソースコードは公開されている)。Mac OSX標準のターミナルはテーマ設定を変更して表示色を変えることが出来る。色はRGBを使って細かく設定できるが、実際に使いやすい設定というのはそれほど多いものではない。 設定にMoreボタンが追加される 有名なANSIカラーから選べば昔からの使い慣れたターミナルの状態にするのも容易だ。だが実際の色を細かく設定するのは面倒だろう。そこで使ってみたいのがTerminalColoursだ。ターミナル用のSIMBLプラグインとして動作するソフトウェアだ。 TerminalColoursをインストールした状態でターミナルの設定を見ると、色設定の下にMoreというボタンが追加される。これをクリックするとANSIカラーの一覧が出る。そこから色を選べば適用されるという具合だ。後はドロップして実際の色をタ

    ターミナルの色変更をANSIカラーから選ぶ·TerminalColours MOONGIFT
  • リアルタイムプレビューのついたWebベースのJavaScript/HTMLエディター·JS Bin MOONGIFT

    JS BinはWebブラウザ上でJavaScriptHTMLコードを編集しつつ、その結果をプレビューできるエディターです。 JavaScriptは単体で使うというよりもHTMLと組み合わせて使うことのが多いかと思います。そんな時にWebブラウザ上でコードを試しためし実行できるのがJS Binです。 デフォルトの表示です。左側がJavaScript、右側がHTMLとなっています。 レンダー表示です。先ほどのJavaScriptHTMLを合わせて実行した結果です。 右側にリアルタイムプレビューを追加しました。JavaScriptを修正すると即座にプレビューに反映されます。 HTMLJavaScriptライブラリを追加できます。 jQueryを追加した場合です。HTMLソースにscriptタグが追加されています。もちろんJavaScript側もjQueryの関数が使えるようになります。 保

  • JavaScriptを.NETバイトコードに変換するコンパイラー·Jurassic MOONGIFT

    JurassicはJavaScriptを.NETに変換するコンパイラー。.NETバイトコードを生成する。 Jurassicは.NET製のオープンソース・ソフトウェア。ここ数年、JavaScriptのシェア拡大が活発だ。Webブラウザはもとよりnode.jsによるサーバサイド、TitaniumやPhoneGapによるiOSやAndroidへの進出など領域が広がっている。プログラマーにとっては一つの言語で様々な環境で動作するのは願ったりかなったりだろう。 実行例 次の領域はローカルOSでの実行と言えるかもしれない。Windowsでは元々JScriptという言語があったが、スクリプト言語とあって利用範囲は広くなかった。だがJurassicを使えばWindowsにおけるJavaScriptの可能性が飛躍的に高まりそうだ。 JurassicはJavaScript(正確にはECMAScript)の.N

  • 難読化された読みづらいコードも一発で整形·JSBeautify For Chrome MOONGIFT

    JSBeautify For ChromeはWebブラウザ上でJavaScriptを整形して表示するGoogle Chrome拡張。 JSBeautify For ChromeGoogle Chrome用のフリーウェア(ライセンスはWTFPL)。格的なWebアプリケーションが普及するにつれて、JavaScriptの利用範囲が拡大している。そんな中ではJavaScriptのファイル自体もサイズが大きくなっている。 Clippyあり版(整形前) そのためJavaScriptを多用するサイトでは余計なスペースや改行を消すなどしてサイズを減らすのが一般的になっている。しかしそれはコードが全て1行で書かれる、とても見づらいものになる。そこでJavaScriptの表示に際して使ってみたいのがJSBeautify For Chromeだ。 JSBeautify For ChromeGoogle C

  • 開発者必携。150種類以上のソースコードをQuickLookでハイライト表示させる·QLColorCode MOONGIFT

    QLColorCodeは150種類を超えるプログラミング系ファイルをQuickLookでハイライト表示させるプラグイン。 QLColorCodeはMac OSX用のオープンソース・ソフトウェア。Mac OSXのQuickLookは慣れるととても便利だ。10.6以降はファイルを選ぶダイアログでもQuickLookが使えるようになったので、ファイル指定前に内容を確認することができる。 Ruby ファイルを開く動作はアプリケーションを起動するので若干もたつくが、QuickLookであればスペースを押すだけで素早く内容が確認できる。そんなQuickLookでプログラムコードを確認したいという人はQLColorCodeを迷わず入れるべきだ。 QLColorCodeはHighlightを内蔵したQuickLookプラグインだ。Highlightは実に150種類以上のプログラミング言語に対応したコードハ

  • 開発用。JSONデータをツリー表示で閲覧する·JsonViewer MOONGIFT

    JsonViewerはJSONデータをツリー表示で閲覧できるAdobe AIRアプリケーション。 JsonViewerはAdobe AIR製のオープンソース・ソフトウェア。Web APIでは幾つかのデファクトになるファイルフォーマットが存在する。それはXML、JSONだ。XMLは独自はもちろん、Atom/RSSといったフォーマットが採用されるケースが多い。 JSONはXMLに比べるとシンプルな記述にできるので採用されることが多く、JSONPのようにWebアプリケーションとの親和性も高いメリットがある。しかしWebブラウザでアクセスするとそのまま表示されてしまって分かりづらい。そこで使えるのがJsonViewerだ。 JsonViewerは入力したJSONをパースし、フォルダツリーにして表示してくれるソフトウェアだ。Adobe AIRでできているのでWindows/Mac OSX/Linux

    開発用。JSONデータをツリー表示で閲覧する·JsonViewer MOONGIFT
    Muke
    Muke 2011/03/24
  • iPhone最適化サイト用。CSSを使って絵文字を表示する·Emoji CSS Builder MOONGIFT

    Emoji CSS Builderは537種類の絵文字CSSで定義し、iPhone等で使えるようにするソフトウェア。 Emoji CSS BuilderはRuby製/iOS用のオープンソース・ソフトウェア。iPhoneは今やギーグだけの持ち物ではなくなっている。女性も持ち歩くようになっており、コモディティ化してきている。こうなると必要なものが若干変わってくる。 絵文字の例 その一つが絵文字だ。男性中心だった時には絵文字なんて、という雰囲気はあった。しかし今や違うのだ。メールやWebサイト、コミュニティなど様々な場面で絵文字を使わなければならない。その補助ツールとして使いたいのがEmoji CSS Builderだ。 Emoji CSS BuilderはiPhone用に絵文字を手軽に扱える画像およびCSSを生成するソフトウェアだ。絵文字はあちこちに使われると1ページあたりの画像表示数をあっ

    Muke
    Muke 2011/03/16
  • JavaScriptでSinatra風?RESTfulをサポートしたフレームワーク·Sammy.js MOONGIFT

    Sammy.jsはJavaScriptによるRESTfulをサポートしたWebフレームワーク。 Sammy.jsはJavaScript製のオープンソース・ソフトウェア。Webアプリケーションを開発する際には、サーバサイドとクライアントサイドの二つを開発する必要がある。クライアントサイドにはJavaScriptやFlash、HTMLなどが使われているだろう。 フォームのハンドリングも可 しかしJavaScriptはどんどん高度化し、機能が増している。JavaScriptだけで解決できることは日々増えているのだ。もはやサーバサイドを必要とせず、Webアプリケーションを構築できてしまう。そのためのフレームワークがSammy.jsだ。 Sammy.jsはごく小さなWebフレームワークで、ルーティングを備えている。クライアントサイド内でRESTfulをルーティングで定義し、アクションを受け取ることが

    Muke
    Muke 2011/03/09
  • これは凄いぞ!スマートフォン向けHTML5生成プログラミング言語「mobl」 | MOONGIFT | オープンソース・ソフトウェア紹介を中心としたITエンジニア/Webデザイナー向けブログ

    moblはEclipse上で開発し、HTML5/CSS/JavaScript/画像を生成するスマートフォン向けプログラミング言語。 moblJava製のオープンソース・ソフトウェア。スマートフォンの人気がとても高い。特にWebKitのモバイル版を組み込んでいるものが殆どで(iOS/Android/Palm Pre/Blackberryなど)HTML5の恩恵にあずかりやすいのが良い。 開発環境はEclipse そんなHTML5のパワーを使えば、まるでネイティブアプリのような動作をさせることも可能になっている。そのためのスマートフォン向けライブラリは数多くあれど、moblは一味も二味も違う。完全に専用言語でスマートフォン向けWebアプリケーションを開発できる。 moblはEclipse用のプラグインを配布しており、それをインストールした後プロジェクトを作成する。使うのはmoblという拡張子の

  • Node.jsを使ったWebベースのJavaScript IDE·Cloud9 IDE MOONGIFT

    Cloud9 IDEはJavaScript製のオープンソース・ソフトウェア。Webアプリケーション化が進んでいながらも、なかなかこれといった決め手が出てこないのが開発環境のWebアプリケーションだ。やはりローカルのテキストエディタ以上の環境は出てこないのだろうか。 Webブラウザとは思えないほどリッチなUI 乗り換えるメリットがあれば可能性はあるだろう。ローカルでコーディングしてビルドして配布するといったものは難しい。そうではなくサーバサイドで全てが完結するものが良い。そこで登場したのがCloud9 IDEだ。 Cloud9 IDEはNode.JSで作られたNode.JS用の開発環境だ。JavaScriptとあってWebブラウザとの親和性も高い。基は2ペインの構成で、左側にファイルやフォルダのブラウザ、右側に選択したファイルの内容が表示される。行番号やハイライトにも対応している。 機能拡

    Node.jsを使ったWebベースのJavaScript IDE·Cloud9 IDE MOONGIFT
    Muke
    Muke 2011/01/31
  • 日々のサイト運用に。Ruby製のリンクチェッカー·rawler MOONGIFT

    rawlerはRubyで作られたコンソールで動作するリンクチェッカー rawlerはRuby製のオープンソース・ソフトウェア。Webサイトを運営していると、リンクが変更されたりドメインごと移転したりする。そうした作業の蓄積によって、次第にリンク切れが発生していく。だがこれまでのコンテンツ全てについてチェックするのは大変だ。 実行中 そこで使われるのがリンクチェッカーだ。自動的にチェックしてくれる仕組みがあれば、毎日自動実行しておいても良いくらいだ。既存のサイトはもちろん、新規サイトでも事前にチェックできる。そのためのライブラリがrawlerだ。 rawlerはコンソールで使うソフトウェアで、rawlerコマンドの後にURLを与えるだけで利用できる。そうするとドメイン以下にあるリンクについて自動でチェックを開始する。今の所リダイレクトがあった場合は301ないし302と出力されるだけになってい

    Muke
    Muke 2011/01/31
  • MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

    MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Tank Vs Zombie Game Built in Ruby - Rubyで書かれた戦車 vs ゾンビゲーム Jul 16, 2021 - 1 min read Kopia - マルチベンダー対応のバックアップソフトウェア Jul 16, 2021 - 1 min read Polyfoto - モザイク画像を作成するPythonスクリプト Jul 15, 2021 - 1 min read SwiftLaTeX - WebベースのLaTeXエディタ Jul 15, 2021 - 1 min read Div.js - divタグだけでHTMLページを作成できる? Jul 14, 2021 - 1 min read ASCIIFlow - アスキーアート用ドローアプリ Jul

    MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ
  • 正規表現にも対応したテーブルソートライブラリ·Animated table sort (REGEXP friendly) MOONGIFT

    Animated table sort (REGEXP friendly)はjQuery/JavaScript製のフリーウェア(ソースコードは公開されている)。業務用のWebアプリケーションなどでデータをテーブルを使って一覧表示にすることは多い。そして一覧表示のときに要望されるのがソート機能だ。 アニメーションしながらソートされる データベースを使っているならばソースはORDER BYで対応するだろう。だが少数のデータであればJavaScriptベースで対応する方が手軽そうだ。そんな時に使えるライブラリがAnimated table sort (REGEXP friendly)になる。 Animated table sort (REGEXP friendly)の特徴は二つある。まずソートのアクションだ。ただ並べ替えるだけでなく、アニメーションしながら切り替わるのだ。上に上がるもの、下に下が

  • とにかくシンプルなプログラミングエディタ·CodeAssistor MOONGIFT

    CodeAssistorはWindows/Mac OSX用のオープンソース・ソフトウェア。開発用のテキストエディタには何を使っているだろうか。筆者はかれこれ8年以上Emacs(またはその系統)しか使っていない。手に馴染むと他に切り替えることは考えられなくなる。 シンプルなプログラマー向けエディタ VimEmacsといったエディタは優秀ながらキーバインドが特殊で取っつきが悪いイメージがある。やはり標準的なキーバインドがのぞめる方が良いという人も多いだろう。そこでお勧めしたいのがCodeAssistorだ。 CodeAssistorの特徴はとにかく軽量であること。機能も限られており、テキストの編集以外にこれといった機能がない。ただしプログラマー向けなので、各種プログラミング言語に対応したハイライト処理はある。後は関数やクラスなどでコードを折りたたんで表示する機能もある。 コードの折りたたみ機

  • iPhone/iPadでページめくりを実現する·Leaves MOONGIFT

    LeavesはiPhone/iPad用のオープンソース・ソフトウェア。電子書籍の市場が熱い。コンテンツはまだまだ不足している感はあるが、既にオンライン上にあるコンテンツをはじめ、自炊したファイルなどを使えばコンテンツは既に無数に存在する。 三種類のフォーマットが選択できる そうしたコンテンツを電子書籍として楽しむ上で欠かせないのが「読んでいる」という感覚だ。ページ送りをする時にただページが切り替わっていくだけでは面白くはない、Leavesを使えば華麗なイフェクトが容易に実現できる。 LeavesはPDFや画像に対応したページ送りライブラリだ。指を左右にスライドさせることで紙をめくっているようなページ送りを実現する。めくっている時にはページが透けて、めくられるようになっている。今のところは縦型のみで、水平表示には対応していない。 ページめくり中 スライドの他、ページの左右をタップすることでペ

    iPhone/iPadでページめくりを実現する·Leaves MOONGIFT
    Muke
    Muke 2010/08/20
    なんかのネタになりそう
  • シンプルなWindows用Linuxコマンド集·Gow MOONGIFT

    GowはWindows用のオープンソース・ソフトウェア。LinuxMac OSXを使っていてWindowsに移ると非常に面倒に感じるのがコマンドラインでの操作だ。GUIが当たり前なので致し方ないのだが、それでもコマンドラインである程度の作業が出来ると利便性が高い。 130種類を越えるコマンド群 そのような時に使っていたのがCygwinだが、レジストリが色々変更されたり、そもそもcygdriveという書かれ方が好きではなかった。もっとシンプルにコマンドだけを使いたいならばGowを利用してみよう。 Gow(Gnu On Windows)はシンプルに使えるLinuxコマンド集で、lsやwc、wgetといったような一般的コマンドが136個ほど詰め合わせになっている。cvsやscp、puttyといったプログラムも用意されているので利便性が高い。vimもあるのが面白い。 パスにも追加されるのでコマン

    シンプルなWindows用Linuxコマンド集·Gow MOONGIFT