CakePHPで作る携帯サイト·Ktai Library MOONGIFT
Ktai LibraryはPHP製のオープンソース・ソフトウェア。日本の携帯電話はとても優秀であり、携帯電話からのWebアクセスは年々増え続けている。数年後にはPCからのアクセスを抜くとさえ言われている。Webの主役は変わりつつあるのだ。 ファイル構成 そうなれば携帯電話向けサイト開発はごく当たり前に行うべきものになるだろう。PCサイトとは相当にノウハウが異なるので注意が必要だ。だが既にすばらしいライブラリが多数ある。CakePHP開発者ならKtai Libraryを使うといいだろう。 Ktai LibraryはPHP4/PHP5両方に対応したライブラリで、CakePHP用のライブラリになっている。絵文字キャッシュ、IPによるキャリア判定、Google Static Maps APIの利用、インラインスタイルシート支援、セッション対応、リダイレクト対応、uid取得、キャリア判別など多数の機
Windowsでデュアルディスプレイを使う方は必見！·Dual Monitor Tools MOONGIFT
Dual Monitor ToolsはWindows用のオープンソース・ソフトウェア。ビジネス/プライベートを問わずデュアルディスプレイを使う人は多い。ノートパソコンの画面+液晶モニタという人もいるだろう。そんな方にぜひ使ってみて欲しいソフトウェアがDual Monitor Toolsだ。 サブモニタの切り替え Dual Monitor Toolsは単体のソフトウェアと言う訳ではなく、小さな機能を提供する幾つかのユーティリティが集まったソフトウェアだ。自分の気に入ったものを選択して導入すれば良いだろう。だがいずれもぴりりと辛い、便利なものばかりだ。 一つはサブモニタの入/切をソフトウェアから切り替えられるソフトウェアだ。モニタケーブルを外すことなく切り替えられるのでプレゼンで一時的に画面を消したいと言った時に便利そうだ。次に画面のスナップショットを撮るソフトウェアだ。 スナップショット表示
一つのHTMLファイルを使ったiPhone最適化サイトライブラリ·Magic Framework MOONGIFT
Magic FrameworkはiPhone向けのオープンソース・ソフトウェア。日本においてもiPhoneが約200万台発売されたという噂だ。ある程度の市場性が出てきたと言えそうだ。そうなるとネイティブアプリや最適化サイトへの需要も高まってくるだろう。 メインメニュー 幾つかのiPhone向けWebサイトテンプレートがあるが、Magic Frameworkもその一つだ。だが特徴的なのは全体で一つのHTMLのみ提供するという点だ。そしてHTMLファイルをJavaScriptで分断し、スライダを使って表示を切り替えられるようになっている。 何ページもあるようなサイトコンテンツを一つのHTMLで表現できる。例えば小説サイトで最初のページを目次に、各見出しごとにページを分割して表示するような方法が考えられる。1ページなので汎用的なテンプレートではないが、マッチする場面もありそうだ。 ページ切り替え
jQuery + PHPのショッピングカートシステム·jCart MOONGIFT
個人的に何となくEコマースというシステムは大げさなものに見えて仕方がない。ちょっとした商店のレベルで、まるでデパート並みの仰々しさがシステムから溢れている。もっとシンプルに買い物できれば良いと思ってしまう。 jQueryを使って作られたショッピングカートシステム シンプルに買い物するための仕組みに、JavaScriptは欠かせない（スムーズという点において）。そこで試してみたいのがjCartだ。 今回紹介するオープンソース・ソフトウェアはjCart、jQuery + PHPで構築されたショッピングカートシステムだ。 jCartはjQueryを使っており、商品をクリックするだけで同じ画面にあるショッピングカートに商品がポストされる。同じ商品をクリックすれば数量が増え、商品数を変えればその場で金額も変更される。 removeを押せばすぐに消える 各商品の横にあるremoveをクリックすればショ
iPhoneアプリケーションの画面デザイン設計に便利·LiveView MOONGIFT
iPhone向けのWebサイトやネイティブアプリケーションをデザインする際に、イラストレータやPhotoshopを使って行うケースは多いと思う。その際にはiPhoneの画面の大きさに合わせてキャンバスを設定し、作り込んでいるだろう。 Mac OSX側ではiPhoneで表示したい部分を指定する だが実際の画面に合わせた時とはイメージが異なる（例えば筐体の枠がないなど）。そのような違和感を感じないために使いたいのがLiveViewだ。 今回紹介するフリーウェアはLiveView、iPhone向け画面デザイン設計ユーティリティだ。 LiveViewは二つのソフトウェアで構成される。一つはMac OSX向けのLiveView ScreenCaster、もう一つはiPhoneアプリケーションだ。Mac OSX向けのソフトウェアは言わばサーバであり、立ち上げるとiPhoneに似た枠だけが表示される。そ
マウスは嫌い、でも使わないといけない…そんな人は·BBT MOONGIFT
個人的にマウスは使わない。できればキーボードだけで過ごしたいが、ブラウジングをはじめとしてキーボードだけでは操作不可で、その場合はタッチパッドを使わざるを得ないのが実情だ。しかしいちいち手をホームポジションから離すのが勿体ないと感じてしまう。 キーボードでポインタを操作する そんなキーボード派の人にお勧めしたいソフトウェアがBBTだ。 今回紹介するフリーウェアはBBT、Be Born Tired（もう疲れたよ…）の略称となるソフトウェアだ。 BBTはMac OSX向けのソフトウェアで、個人的にも使っているTwitterPodの作者様によるソフトウェアだ。BBTを起動している状態でCtrl+iを押すとBBTが前面に表示される。この状態でキーボードを押すとポインタが動き始める。 設定画面 J/K/H/Lキーによる上下左右の操作に加えて、スペースキーで左クリック、「;」で右クリック、Mキーでダブ
もうこれで十分。HTML上でテーブルを表示するなら·Sigma Grid MOONGIFT
業務システムを構築する際に、一覧表を表示するという処理は多い。そしてそのデータを並べ替えたり、チェックボックスを入れたりしたいというニーズも多く発生する。場合によってはカラムを並べ替えたり、一括更新したいなんて言われることもある。 ソートも並べ替えもページネーションも全部こみこみ それを一つ一つ実装していては非常に工数がかかってしまう。そこで使いたいのがこのSigma Gridだ。 Sigma Gridはテーブルの表示とソート、データ編集などを可能にする超豪華ライブラリだ。LGPLライセンスの下に公開されているオープンソース・ソフトウェアだ。 Sigma Gridはデータの表示に際してJSONでデータを渡す必要がある。そのため既存のシステムにそのまま組み込むのは難しいかもしれない。だがその変更してもあまりあるメリットを享受できるに違いない。 画像表示とクリックアクションの例 まずカラムごと
MOONGIFT: » 必見！怖くなるくらい優秀なCMS「concrete5」:オープンソースを毎日紹介
これまで多数のCMSを見てきたが、ここまで完成度が高いと言えるものに出会ったことはなかった…そう言えるくらい凄い。このどきどき感はDekiWikiに触れた時に感じたものに近い。 見たまま編集できるCMS CMSと言えば、ユーザ画面と管理画面に分かれていて、管理画面はモジュールやテーマの設定、各項目の並びを指定するのが通常だ。実際の出力結果はシステム任せで、その点が柔軟性に欠ける点でもあった。 しかしこれは違う。見たまま編集でき、さらに高い柔軟性を維持している。 今回紹介するオープンソース・ソフトウェアはconcrete5、デザイン、管理、コンテンツ作成全てが高度なCMSだ。 相当個人的な感情が入ってしまっているのは、同じようなシステムを構築する予定があったからだ。だがconcrete5は完成度も高く、多少の改造さえ施せば十分な気がする。やはり下手に開発コストをかけるよりもオープンソースで探
文字をJavaScriptで画像のようにレンダリングする·typeface.js MOONGIFT
Webサイトを見ていると、文字を画像に置き換えたサイトを見ることがある。思い描いている見せ方をそのまま表示させたいときなど、デザインを重視するサイトでよく見られる工夫だ。しかし問題はそのメンテナンス性の悪さだろう。 奇麗に文字が表示されるようになる それに適切に説明文を入れておかないと文字読み上げブラウザなどでは何も情報が得られなくなってしまう。そうした煩雑さから解放されるライブラリがこれだ。 今回紹介するオープンソース・ソフトウェアはtypeface.js、文字をSVG画像に変換するJavaScriptライブラリだ。 typeface.jsは指定した文字をそのままcanvasタグを使ったSVG画像に変換する。CSSを使って文字装飾を行うことができ、太字/イタリック/色変更を変更できる。他にもfont-stretch（横幅）、文字間隔、行の高さなどを指定することが可能だ。 選択すると文字全
MOONGIFT: » CakePHPを使ったショッピングサイト「BakeSale」:オープンソースを毎日紹介
※ 画面は公式サイトデモより オープンソース・ソフトウェアといえども、カスタマイズを行う際には様々な苦労が伴う。スクラッチで開発している場合は特にそうだ。その点、フレームワークを利用していると作り方が分かりやすくなり、ソースも追いやすくなる。 商品一覧 そうなればカスタマイズもしやすくなるだろう。PHPのフレームワークであるCakePHPを使ったこちらのソフトウェアも同じだ。 今回紹介するオープンソース・ソフトウェアはBakeSale、CakePHPを使ったシンプルなショッピングカートシステムだ。 BakeSaleはごくシンプルなショッピングカートシステムで、商品を追加し、決済を行い、管理画面で受注ステータスを変更するといった流れができる。シンプルであるが故にカスタマイズも柔軟にできるだろうし、何よりCakePHPを使ったことでソースコードの視認性も高い。 管理画面 Wikiのようにコンテ
MOONGIFT: » これはすごい！Firefoxを使ってサイトのモックアップを簡単に作成する「Pencil」:オープンソースを毎日紹介
これはデザイナーのみならず導入必須のソフトウェアと言えそうだ。 Webサイトを作る際には、モックアップが必要になる。それをベースにして「ここをこうしよう」「次はどこに遷移させよう」といった議論が可能になる。頭の中だけではイメージがはっきりせず、意見も出しづらい。 ドラッグアンドドロップでモックアップを作成できる そんなモックアップを作成しようと思ったら、紙やHTMLオーソライズソフトウェア、画像編集ソフトウェアを使うことが多かった。だが画像編集ソフトウェアではチェックボックスやテキストボックスが作りづらい、HTMLオーソライズソフトウェアではデザインの微調整が面倒、紙では重ね書きしづらい…とそれぞれに欠点があった。そこでこれを導入してみよう。 今回紹介するオープンソース・ソフトウェアはPencil、Firefoxアドオンとして動作するモックアップ作成ソフトウェアだ。 個人的にはモックアップ
MOONGIFT: » 出た、構造化CSS「CleverCSS」:オープンソースを毎日紹介
前にCSSの記述テクニック 階層宣言コーディングというエントリーを読んだ。これはエイプリルフールネタではあるが、同じ事を考える人は他にもいるようだ。そして、それをネタとしてではなく、ないなら実現してしまおうと考える。 今回紹介するオープンソース・ソフトウェアはCleverCSS、構造化CSSを実現するソフトウェアだ。 CleverCSSはPythonで提供されるソフトウェアで、元になるCSSをベースに変換したCSSを出力する仕組みになっている。かなり面白い機能が盛り込まれているので順番にご紹介しよう。 まず構造化。Pythonのように階層を意識して書く事で、上の階層の名前を継承しつつ記述されていく。この時、{}をつける必要がなく、YAMLのような感じで書ける。 次は名前の収束だ。a:hover、a:visitedのような同じような定義の場合、a: &:hover: &:visitedのよう
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
