Octotree·GitHub利用者は必見！GitHubでツリー表示 MOONGIFT
GitHubのUIは先進的で、かなり見やすいものです。初心者にも分かりやすく使いやすいのですが、毎日のようにGitHubを使っている人たちにすればもっと素早くファイルを見ていけるようにしたいと思うでしょう。 そこで使ってみたいブラウザ機能拡張がOctotreeです。ブラウザ画面の左側にファイルブラウザ機能が追加されます。 Octotreeの使い方 OctotreeはGoogle Chrome、Firefox、Safari向けに機能拡張/アドオンが提供されます。 インストールされた状態で任意のリポジトリに行くと、このようにファイルツリーが左側に表示されるようになります。 フォルダを開いてより深い階層のファイルへも素早くアクセスできます。 左側の表示ではブランチを切り替えられませんが、通常のGitHub側でブランチを切り替えると左側のツリーもそれに伴ったものに変更されます。また、プライベートリ
スマホ最適化サイトで使いたい。jQuery Mobile用アイコンパック·jQuery Mobile Icon Pack MOONGIFT
jQuery Mobile Icon PackはjQuery Mobileで使えるアイコン集です。 jQuery Mobileを使ってスマートフォン最適化サイトを構築する際に使ってみたいのがjQuery Mobile Icon Packです。スマートフォンにマッチしたシンプルなアイコン集となっています。 アイコンの一覧です。 実際に使っている例。data-iconで指定するだけで使えます。 多数のアイコンが揃っています。 シンプルで使い勝手が良さそうです。 アイコン画像は全て一つの画像となっており、CSS Spriteで切り出すようになっています。このアイコン群を使う限り読み込みは一度なので高速に表示が可能です。 jQuery Mobile Icon PackはCSS製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。 MOONGIFTはこう見る 3Gを
Tumblrのテーマをローカルでさくさく作り上げる·Fumblr MOONGIFT
FumblrはTumblrのテーマをローカルで作成できるようにするソフトウェアです。 Tumblrにはデザインをカスタマイズする機能がありますが、オンラインで行うには色々修正した後、確認して…という作業を繰り返す必要があります。そこでFumblrを使ってももっと効率的にTumblrのテーマを作成してみましょう。 インストールします。必要なライブラリはbundleでインストールできます。 インストール中です。 起動しました。まんま、Tumblrのデザインです。 Fumblrは独自のWebサーバを起動するのでWebブラウザで結果を確認しつつ、CSS/JavaScript/画像を配置してデザインを作っていけます。CSSはSassやCompassに対応しています。さらにインポートコマンドによって既存のTumblrコンテンツを取り込んだ上でデザインを行うこともできます。 FumblrはRuby製、M
スマートフォンに特化することでjQuery API互換ながら5KB以下なJavaScriptライブラリ·Zepto.js MOONGIFT
Zepto.jsはjQuery API互換のスマートフォンブラウザ向けJavaScriptライブラリ。 Zepto.jsはJavaScript製のオープンソース・ソフトウェア。最近のWebシステム開発ではjQueryを使わないことがなくなったとさえ言えるかもしれない。それくらい頼り切ってしまっている。普通にJavaScriptを書くのが苦しくなるくらいだ。 サンプル。大抵の機能はデスクトップブラウザにも対応。 そのためスマートフォン向けのサイトでもjQueryを使ってしまう。だがデスクトップのように高速な回線でない場合もあるため、jQueryの90KBくらいのサイズは非常に重たいのだ。そこで使ってみたいのがjQuery API互換の軽量ライブラリであるZepto.jsだ。 Zepto.jsは何と5KB以下で提供されている。eachやmap、$を使ったDOMアクセス、Ajax、findなど基
HTML5製のスーパーマリオブラザーズ·Mario HTML5 MOONGIFT
Mario HTML5はHTML5で作られたWebベースのスーパーマリオブラザーズ。効果音も出る。 Mario HTML5はHTML5/JavaScript製のフリーウェア（ソースコードは公開されている）。ファミコン世代であれば誰しもが一度は遊んだことがあるであろうゲームがスーパーマリオブラザーズだ。2はディスクシステムだったのであまり遊んでいないが、3はアイテムもゲーム要素も増えて良く遊んだ覚えがある。 ゲーム中の画面 年月は流れど、スーパーマリオブラザーズの魅力は決して色あせることがない。キャラクターは今も任天堂ゲーム機の主役であり続ける。さらに面白いのは、Webブラウザの中で再現してしまったのがMario HTML5だ。 Mario HTML5は以前紹介したWebブラウザベースのスーパーマリオブラザーズ「Infinite Mario Bros」をHTML5/JavaScriptにポー
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ベースのアクションRPGを開発するならば使いたいフレームワーク·RPG JS MOONGIFT
RPG JSはHTML5/JavaScriptによるWebベースのゲーム開発用フレームワーク。 RPG JSはHTML5/JavaScript製のオープンソース・ソフトウェア。HTML5を使ったゲームフレームワークが続々と登場している。ある程度汎用的なものもあるが、やはりゲームジャンルに合わせたフレームワークを選ぶのが大事だろう。 デモゲーム RPG（ロールプレイングゲーム）は常に人気の高いゲームジャンルだ。Webブラウザ上でできるRPGを自作したいならば使うべきはRPG JSだろう。 RPG JSはHTML5/JavaScriptで作られている。矢印キーとスペースで動いたり話しかけたりする。サウンドにも対応する。そして剣を装備するとAキーで振ることができる。NPCも数多くいて、話しかけるとゴールドを貰えたりする。聖剣伝説のようなアクションRPGになっており、どんどん攻撃をしかけていけるよ
IE6〜IE8でもCSS3の機能を使う·CSS3 PIE MOONGIFT
CSS3 PIEはCSS/JavaScript製のオープンソース・ソフトウェア。技術は日々進化しており、新しい機能が追加されている。だが、過去の資産から対応しなければならない場合そうした新しい試みは取り入れることができない。CSS3を使いたくともIE6から対応となれば利用できないだろう。 IEでもCSS3の恩恵を そんな辛い思いを解決してくれるライブラリがCSS3 PIEだ。CSS3自体には多数の機能があるが、一部の処理においてIE6〜IE8でも利用できるようにしてくれる。先進的な取り組みを行っていきたいならば試してみよう。 CSS3 PIEはHTCファイルであり、CSSファイルながらにJScriptを実行できる機能を使っている。対応しているCSS3プロパティはborder-radius、box-shadow、border-image、-pie-background、-pie-watch-
MOONGIFT: � CSS 画像でグラデーション「CSS Gradient Text Effect」:オープンソースを毎日紹介
ソフトウェアと言えるかどうか不明だが、とても格好いいのでご紹介。 最近のサイトの特徴として、グラデーションを使ったクールな印象があげられる。ヘッダーなどのインパクトを与える文字にグラデーションを使ったサイトも良く見かけるだろう。 文字にグラデーションを適用するには画像を使うのが一番手軽だが、文字列を選択してコピーできないという問題があった。その問題を解消するのがこのソフトウェアだ。 今回紹介するフリーウェアはCSS Gradient Text Effect、CSSによるテキストグラデーションだ。CSSなのでソースは見られるが、ライセンスは明記されていないのでご注意いただきたい。 公式サイトにアクセスすれば、何を言わんかというのはすぐに理解してもらえると思う。テキストにグラデーションがかかっている。これは文字列に対して、半透明のPNG画像を重ねることで実現している。 Firefox、Oper
本物そっくりな免許を生成するジョークソフトウェア「免許証ジェネレータ」 | MOONGIFT | オープンソース・ソフトウェア紹介を中心としたITエンジニア/Webデザイナー向けブログ
免許証ジェネレータはJavaScriptを使って免許証そっくりの表示を行うソフトウェア。 免許証ジェネレータはJavaScript製のオープンソース・ソフトウェア。○○ジェネレータ系のサービスは時々現れては人気を集める。写真を手早く加工したり、何となく意味が通じそうなテキストを生成したりと面白いサービスが多い。 まさに免許証 その一つがまた登場した。汎用的な画像ではないが、チャレンジしたこと自体が面白い。生成されるのは何と免許証になる。それも本物そっくりで自由にカスタマイズができるものだ。免許証ジェネレータを使って遊んでみよう。 免許証ジェネレータはWebブラウザ上でテキストボックスに文字を入力すると、免許証の文字がその場で変更される。名前や生年月日、本籍などはもちろんのこと、免許の条件や種別についても自由に設定が出来る。写真だけは残念ながら変更できない。 色や文字を細かく変更できる でき
MOONGIFT: » レジストリの掃除もしてくれるアンインストーラー「Revo Uninstaller」:オープンソースを毎日紹介
Windowsは長い間使っていると、徐々に性能が劣化していく。色々な要因が考えられるだろうが、レジストリもその一つだ。アプリケーションをアンインストールした際に全て消えてくれれば良いが、なぜか残るものもある。 加えてWindows標準のアンインストーラーは動作が重たく動かすのが億劫になる。そこでこれだ。 今回紹介するフリーウェアはRevo Uninstaller、多機能アンインストーラーだ。 Revo Uninstallerはアンインストールするアプリケーションをアイコンやリストで表示でき、動作も機敏で使い勝手の良いアンインストーラーだ。 ソフトウェアを選択し、アンインストールするとその後レジストリやファイルの精査をしてくれる。そこで該当するものが見つかると、その掃除もしてくれる。 さらにターゲットモードにすると、任意のアプリケーションを指定してアンインストーラーを起動してくれる。どれをア
コードのリファクタリングのお供に·Clone Digger MOONGIFT
Clone DiggerはPython製のオープンソース・ソフトウェア。プログラミングコードは開発が進むにつれて徐々に汚くなっていく。これは部屋が汚れるようなもので致し方ないだろう。大事なのは定期的に掃除をすることだ。プログラミングコードで言えばリファクタリングがこれにあたる。 レポート リファクタリングを適切に行えば重複するコードが減り、可読性が良くなる。同じような関数があれば統合することもできるだろう。リファクタリングを行う上でアイディアを出してくれるのがClone Diggerだ。 Clone DiggerはPythonとJavaに対応し、似通ったコードを抽出してくれる。プロジェクト全体が多数のファイルに渡っていても、Clone Diggerが全体を洗い出した上でリストアップする。結果はHTMLファイルで出力する。 重複している、または似ている箇所が分かる 改行や空白は無視されるよう
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.moongift.jp/tag/javascript/