SpinKit - 凄いテクニック。CSS3を使った各種スピナー MOONGIFT
CSS3だけで作れちゃうのが凄いですね！ 処理中にユーザがストレスを感じないように表示されるスピナー。最も簡単なのはアニメーションGIFを表示することかなと思いますが、背景色を微妙に違ったり、大きさを適切に考えないといけないなど画像だけに扱いがちょっと面倒に感じることがあります。 そこで使ってみたいのがSpinKitです。なんとCSS3のアニメーションを使ってスピナーを実現しています。 一例。四角いパネルが回転します。 円が次々に大きさを変えていくパターン。 棒の長さが変わっていくパターン。 スクリーンショットでは分かりづらいので動画を撮影しました。 例えば棒の長さが変わるウェーブの場合、次のようなスタイルシート設定になります。 .spinner { margin: 100px auto; width: 50px; height: 30px; text-align: center; fon
管理画面もあるPHP製の認証システム·AuthManager MOONGIFT
AuthManagerは認証およびユーザ管理を提供するシステムです。 Webサイトを作っていて認証はよく必要になります。しかしその度に作っていては面倒に感じることでしょう。そこでAuthManagerを組み入れてみましょう。認証とユーザ管理を一手に引き受けてくれる便利なソフトウェアです。 登録画面です。 ログイン画面です。 ログインしました！アイコンも表示されています。 こちらは管理向け。ユーザ管理画面です。 設定です。 reCAPTCHAの設定です。 AuthManagerの主な機能は指定されたコードを埋め込むことでコンテンツへのアクセスを制限できるようにする、管理画面を使ったユーザ管理、reCAPTCHA対応、Facebookコネクト、メールテンプレート、アクセスログ、Google Analyticsサポートとなっています。 AuthManagerはPHP製のソフトウェア（ソースコード
その場で編集。Webベースのガントチャートエディター·jQuery Gantt editor MOONGIFT
jQuery Gantt editorはjQuery製のガントチャートエディターです。その名の通り、その場でデータの編集ができます。 プロジェクト管理において進捗や各人のステータスによる作用を判断するのに便利なガントチャート。オンライン版も幾つか出ていますが、既存サイトに組み込みたいならjQuery Gantt editorを使ってみましょう。その名の通り、jQueryベースのガントチャートエディターです。 メイン画面です。まさにガントチャートの画面です。 日程や階層の深さを編集できます。 詳細な情報も変更できます。 タスクの追加も可能です。 人員のアサインにも対応しています。 データはそのまま保存したり、JSONとしてエクスポートできます。従ってJSONデータを使えば同じ画面を再現するのは難しくありません。Undo/Redoをサポートし、クロスブラウザで動作します。閲覧だけでなく、編集ま
問題が起きる前に。Webサーバセキュリティチェッカー·Websecurify MOONGIFT
Websecurifyは主立ったWebサーバにおけるセキュリティチェックを自動化してくれるソフトウェアです。 Webサイトを巡るセキュリティ問題は多々あります。自動化されている攻撃ソフトウェアもあり、ちょっとした油断で一気に重要データが引き抜かれたり、逆に破壊されてしまう可能性があります。それを事前に確認すべく使っておきたいソフトウェアがWebsecurifyです。 メイン画面です。 テストを行うURLを入力します。実行前に確認が出ます。 テストの実行中です。 完了しました。 レポート画面でインシデントの詳細が確認できます。 Websecurifyは代表的と言えるセキュリティチェックについて自動で行ってくれます。SQLインジェクション、ローカルファイルの読み込み、クロスサイトスクリプティング、CSRFなど多岐にわたります。サーバの種別を判断した上でやり方を変えるので、より確度が高くなります
小規模なWebサイトにぴったり。PHP製のメールフォーム·TransmitMail MOONGIFT
TransmitMailは日本製の汎用型メールフォールソフトウェアです。 Webサイトにメールフォームの設置というのはよくあることです。そんな時に使える日本語対応のメールフォームソフトウェアがTransmitMailです。 デモです。多数の入力項目、入力チェックに対応しています。 必須チェックのエラーです。画面上と項目の横と二つ表示されます。 メールアドレスフォーマットのチェックもできます。 半角英数などの文字種チェックもあります。 入力の後、確認画面が表示されます。 完了ページです。 確認メールも送信されて、入力内容の確認ができます。 TransmitMailはPHP5.2以上で動作します。また、マークアップエンジニアが開発したとのことで、Dreamweaverやマークアップエンジニアにとって優しい作りになっています。セッションによって重複送信を防ぐ仕組みがあります。静的サイトにメールフ
凄いん…だよな？デザインの自由度を最大化したCMS·Berta MOONGIFT
Bertaはデザインの自由度が高いCMSです。データベースを使わないCMSになっています。 なんか凄いソフトウェア…。BertaはCMSですが、自由度が非常に高く、コンテンツの配置が自由にできてしまいます。その自由度の高さも相まって、デザインや写真家の方が数多く使っているようです。 まずログインします。 サイトをセットアップします。 セクションを作ります。これがメニューになります。チュートリアルのヘルプ付きで分かりやすいです。 セクションを作ったら、その内容を編集します。 これがページです。ほぼ何もありません。ここから自由にコンテンツを配置していきます。 配置する場所はX/Y軸ともに自由です。 ファイルを貼付けたりテキストを入れたりできます。 例えばこんな画像を。場所は自由に設定できます。 実際にBertaを使ったWebサイトです。ポートフォリオ的なサイトでしょうか。 こういった写真系のサ
Google Chrome用Tombloo互換拡張·Taberareloo MOONGIFT
TaberarelooはGoogle Chrome向けのオープンソース・ソフトウェア。Webブラウザで色々なサイトを閲覧していて、メモしたりブックマークしたいと思う時がある。この時、多少なりとも面倒な手順や数ステップが必要では折角のチャンスを逃してしまう。 Google Chrome用Tombloo ワンクリックで各サービスにポストする所までたどり着けなければいけない。そのためのソフトウェアとしてTomblooが知られているが、こちらはFirefoxアドオンだ。対してTaberarelooはGoogle Chrome上で動作するスクラッピングソフトウェアだ。 現状ではリンクポストのみ対応となっている。対応サービスはTumblr/Delicious/はてなブックマーク/Livedoorクリップ/Yahoo!ブックマーク/FriendFeed/Twitter/Googleブックマーク/Inst
MOONGIFT: » ターミナルをよく使う人に「Blacktree Visor」:オープンソースを毎日紹介
Mac OSXはUnix系OSとあって、ターミナルをうまく使うことで操作を便利にできるようになっている。Windows以上にターミナルを活用するケースが多い。 ターミナルをよく使う開発者やサーバ管理者にぴったりのソフトウェアがこれだ。 今回紹介するオープンソース・ソフトウェアはBlacktree Visor、ターミナルをホットキーで呼び出すプラグインだ。 Blacktree VisorはSIMBLというアプリケーション拡張の管理をするソフトウェアを利用する。これのプラグインとしてBlacktree Visorが動作する。 インストールすると、メニューバーにターミナルのアイコンが表示される。デフォルトでControl+F1をクリックすると、画面上部からターミナルがせり出してくる。これはQuake調とのことだ。表示されきると、画面の半分がターミナルになる。 ホットキーは自分の好みに設定すること
OpenOffice.org/Excel用ガントチャートテンプレート·Gantt Chart for OpenOffice Calc MOONGIFT
日本のオフィスには神業的なExcel使いの方々がいて、方眼紙のように網目を作り、そこに図形やチャートを作り上げている。仕様書や提出するドキュメントも全てExcelで作られていたりする。このような方々は、Excelが使えないとなったらさぞかし混乱をきたすことだろう。 OpenOffice.orgを使ったガントチャートテンプレート プロジェクトを管理をExcelで行っている方がいたら、そこだけはOpenOffice.orgに乗り換えられる可能性がある。ガントチャートを手早く作ってくれるテンプレートがあるのだ。 今回紹介するフリーウェアはGantt Chart for OpenOffice Calc、OpenOfficeのCalc（表計算機能）向けのガントチャート作成テンプレートだ。 Gantt Chart for OpenOffice CalcはOpenOffice.org用で、Excel用に
MOONGIFT: � Growl風の通知をJavaScriptで行うjQueryプラグイン「jGrowl」
※ 画像は公式サイトデモより Ajaxを使っている場合、その結果通知をどのように行うかは困るところだ。せっかく画面遷移のない、格好いい仕組みを使っているのに、ただ「完了しました」だけではあまりにもおざなりだろう。 右上に通知が出る 各Webサービスとも、通知のウィンドウは色々な工夫が凝らされている。自分のサイトで格好いい通知をしてみたかったら、このような仕組みはいかがだろう。 今回紹介するオープンソース・ソフトウェアはjGrowl、JavaScriptで作られたGrowlだ。 GrowlはMac OSXをお使いの方であれば知っているであろう、通知を行うためのフレームワーク的アプリケーションだ。Firefox、Cyberduck、Skypeなどなど、大抵のソフトウェアで利用されている。通知メッセージは画面の右上に表示され、時間が経過すると自動で消えていく、非常に使い勝手の良いアプリケーション
MOONGIFT: » 小〜中規模なWebサイト構築にぴったりなCMS「SkyBlueCanvas」:オープンソースを毎日紹介
ロングテール的に考えるなら、大規模なWebサイトは数あれど、小〜中規模の比ではない。企業の紹介ページ、商品の紹介、プロジェクトサイト、個人のホームページなどなど、小さなWebサイトは星の数ほど存在する。 管理画面 そうしたWebサイトが全てXoops、Drupalといった大規模なCMSを欲しがるだろうか。否、彼らにぴったりなCMSはまさにこれではないだろうか。 今回紹介するオープンソース・ソフトウェアはSkyBlueCanvas、小規模なWebサイトにちょうど良いライトなCMSだ。 SkyBlueCanvasはデータベースを必要としない、XMLをベースとしたCMSだ。ごく簡単なインストール、見やすい画面、ページ管理機能、WYSIWYGエディタ、スキン、プラグイン、検索エンジンに最適なURL生成、フィード配信などの機能がある。 ユーザ画面 他にもフォトギャラリーを作るのに便利な機能が盛り込ま
MOONGIFT: » クールなプレゼンをしよう「S6」:オープンソースを毎日紹介
HTMLで作るプレゼンの利点は何だろう。一番お勧めなのは、普段使い慣れているテキストエディタで書ける点だ。また、シンプルな作りになるのも良い。各種プレゼンソフトウェアは、こったことができるためにビジュアルの作り込みばかり力が入って、肝心の中身が大したものではなくなることがある。 S6によるプレゼン例（via S6 と XPath の紹介） とは言え、ただ文字列を並べるだけでは格好が悪い。そこで専用ツールの登場だ。 今回紹介するオープンソース・ソフトウェアはS6、JavaScriptの達人amachang製のHTMLプレゼンソフトウェアだ。 S6はプレゼン用HTMLファイルに各種イフェクトを可能にするソフトウェアで、矢印キーでのプレゼンスライド切り替え、一覧表示機能がある。各スライドごとにアクションを定義し、多彩なイフェクトをかけられる。 スライド一覧機能 例えば大きな文字がズームアウトしな
MOONGIFT: » ことえりからの脱却「MacUIM」:オープンソースを毎日紹介
Mac OSXをしばらく使っていると分かってくることに、標準の日本語入力システムであることえりの××さ加減である。誤変換もさることながら、前後の脈絡も察してくれない、いわば空気の読めなさ具合は素晴らしいものがある。 それでも漢字TalkやMac OS8/9時代に比べれば改善したという話もあるが、今はベースがUnix。他の古参の入力システムに乗り換えることだってできるのだ。さあ、ことえりから脱出しよう。 今回紹介するオープンソース・ソフトウェアはMacUIM、Mac OSXで様々な入力システムを選択可能にしてくれるソフトウェアだ。 MacUIMはUIMのMac OSX版だ。Cocoa/Carbonアプリケーションにのみ対応になるが、素晴らしいのはインストーラー一つで様々な入力システムも同時にインストールしてくれる点だ。 インストールすると、システム環境設定の言語環境の一つとしてMacUIMが
MOONGIFT: » WindowsとMac OSXでウィンドウを共有「Screen Share」:オープンソースを毎日紹介
チャットでソフトウェアの使い方を説明しているともどかしい気分になる。そもそも自分が言っていることが分かりづらく（向こうが同じ画面を見ているとは限らないので）、操作の熟達度によって普段の操作が全く異なるからだ。 向こうか、こちらの画面が見えるだけで随分状況は変わってくるだろう。それを実現するのがこのソフトウェアだ。 今回紹介するフリーウェアはScreen Share、WindowsとMac OSXで動作する画面共有ソフトウェアだ。 Screen Shareはインストールして立ち上げればすぐに使える手軽なソフトウェアだ。ルータの設定さえ行えば、インターネット越しでも対応するらしい。IPアドレスを入力して、相手の了承さえとれればすぐに利用できる。 向こうのPCを操作できるモードもあるのが便利だ。動きは速いとは言えないが、いざという時に使えそうだ。また、専用ウィンドウの他にHTTPベースでの画面配
MOONGIFT: » 絶対お勧め！JavaScriptでテーブルソート「Table Sorter」:オープンソースを毎日紹介
Web開発の現場において、データの並べ替え機能の要望は良く出る話だ。開発がある程度終わった段階で言われたりするとショックを受ける事もある。検索条件をパラメータで引き継いで、ページ番号も…なんて考えただけでも嫌になるだろう。 そんな経験のある、またはこれから経験するであろう方にお勧めのソフトウェアがある。これさえ使えばソート処理は怖くない。 今回紹介するオープンソース・ソフトウェアはTable Sorter、JavaScriptのみで実現するソートライブラリだ。 この手のライブラリはこれまでいくつかあったが、iframeを使ったり、表示に特定の手法が必要だったりと、そのままでは使いづらいものが多かった。Table Sorterはそれらの完成版ともいえるかも知れない。 何せ、読み込むのはJavaScriptファイル一つだけ、さらに普通のテーブルタグに対して、ヘッダ部分はtheadタグとthタグ
MOONGIFT: Mac OSXで手軽に共有「SharePoints」:オープンソースを毎日紹介
Mac OSXはUnixベースとあって、Windowsネットワークとの共有も大して難しくはない。Sambaが元々入っているので、それを利用すれば良い。だが、標準では公開できる場所が固定な事、それを変更しようと思うと厄介だった。 そこでGUIで手軽に設定できるこれを使ってみよう。 今回紹介するフリーウェアはSharePoints、共有設定を行うソフトウェアだ。 SharePointsではSambaのほかに、AppleFileServer（AFS）共有も自由に設定できる。ユーザごとにパブリックディレクトリ共有の可否も指定可能だ。 また、GUI上でユーザやグループを作成することもできる（あまりお勧めはしないが）。AFSやSambaについて、ロギング設定やセキュリティレベルといった設定も可能になっており、SWAT for Mac OSXという感じだ。 Mac OSXでは手の込んだことをしようとする
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
