タグ

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

  • Generator Chrome Extension - Google Chrome機能拡張のベースを生成

    MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Google Chromeがいくら便利だと言っても、全ユーザがデフォルトの機能で満足できるわけではありません。Chromeの利便性はサードパーティー製の機能拡張によって支えられている面が大きいでしょう。 そこで今回はGoogle Chrome機能拡張を作る際に使えるGenerator Chrome Extensionを紹介します。 Generator Chrome Extensionの使い方 Generator Chrome ExtensionはYeomanやgulpを使ってセットアップします。 まず必要なライブラリをインストールします。 npm install --global yo gulp bower そしてGenerator Chrome Extensionをインストールし

    Generator Chrome Extension - Google Chrome機能拡張のベースを生成
  • Amethyst - キーボードでウィンドウを操作するMac OSX用ユーティリティ MOONGIFT

    GUIのOSにおいてウィンドウが重なって表示されたり、たくさんのウィンドウが並ぶと作業効率が非常に悪くなります。そのたびにマウスで探したり、新しいウィンドウを開いたりするのはとても面倒です。そこでウィンドウマネージャが必要になります。 今回紹介するAmethystはMac OSX用のウィンドウマネージャで、xmonadを真似た作りになっています。 xmonadの使い方 起動するとアクセシビリティでの設定を求められます。 ウィンドウの並びは変更できます。 ウィンドウのレイアウトはTall、Wide、Fullscreen、Column、Row、Floating、Widescreen Tallが用意されています。この中から使いたいものだけをピックアップしておきます。 後はキーボード操作でウィンドウの配置をダイナミックに変更できます。 例えばこんな感じに綺麗にタイル状に並べられます。 キーボードシ

    Amethyst - キーボードでウィンドウを操作するMac OSX用ユーティリティ MOONGIFT
  • rails-dev-box - VagrantでRails開発環境を作るならこれ! MOONGIFT

    最近は開発環境を個々人のコンピュータ上には構築せず、仮想環境を使うようになってきました。そうすることでローカルコンピュータの環境に左右されず、複数プロジェクトによってライブラリバージョンがコンフリクトすることもありません。もちろん多少遅くなりますが、十分許容範囲になっています。 ということでこれからRailsプロジェクトをはじめるのであればベースに使ってみたいのがrails-dev-boxです。Vagrant向けにRuby on Rails環境を整えてくれます。 rails-dev-boxの使い方 Vagrantを使いますので、Vagrant自体はもちろんVirtualBoxのインストールが必要です。 終わったらGitリポジトリをクローンします。 $ git clone https://github.com/rails/rails-dev-box.git 後はVagrantを起動するだけ

    rails-dev-box - VagrantでRails開発環境を作るならこれ! MOONGIFT
  • GitHubにPushする前に記法チェック·Github Preview MOONGIFT

    Github PreviewはMarkdowntextile、rdoc、org、creole、MediaWiki記法のリアルタイムプレビューがついたWebテキストエディタです。 GitHubのREADMEではMarkdownTextile、RDocといった各種記法が利用できます。可読性も記述もしやすい記法とは言え、書いてPushして確認したら間違っていた…なんていったらショックなはずです。そこで使いたいのがGithub Previewです。テキストエリアで各種記法の記述、プレビューができます。 左側に入力するとリアルタイムに右側にHTMLへの変換結果が表示されます。 記法のヘルプもついています。 他の記法に変更することもできます。 Textileの記法ヘルプです。 対応しているのはMarkdowntextile、rdoc、org、creole、MediaWiki記法となっています。

    aroma_black
    aroma_black 2011/11/19
    githubじゃなくてもMarkdownとかのエディタとして使えそう
  • これは便利!Mac OSX/Linuxで動くIE7〜9のVirtualBox用仮想イメージを作成·ievms MOONGIFT

    ievmsはMicrosoftが提供するIE動作検証用Virutal PC向け仮想イメージをVirutalBox向けに変換するソフトウェアです。 IEで見たWebサイトの確認をしたいと思ったらWindows機が必要です。さらにIE7/8/9と各バージョンを用意しなければなりません。そんなのは面倒だ!というMac OSX/Linuxユーザの方は今すぐievmsを実行しましょう。ievmsはIE7〜9のVirtualBox用の仮想イメージを作成してくれるソフトウェアです。 インストール中です。数GB以上あるものばかりでかなりの時間を要します。 とりあえずIE7とIE8の仮想イメージができあがりました。VirtualBoxで確認できます。早速起動してみます。 Windows7が使われています。なお最初の起動時にライセンスが切れていましたがオンライン認証で通りました。 アクティベート後、再起動すれ

  • WebブラウザごとのHTML5対応状況を調べる·haz MOONGIFT

    hazはWebブラウザごとのHTML5/CSS3対応状況を表示するWebユーティリティ。 hazはHTML5製のフリーウェア(ソースコードは公開されている)。HTML5の登場によって、Webの標準化が進みこれまでにあったようなWebブラウザごとの方言や互換性維持の手間が減る。そう思われているが実際にはそう簡単ではない。 Google Chrome Webブラウザによって実装状況は異なるのが現状であり、サポートされている機能やCSS3のプロパティも異なる。そうしたWebブラウザごとの違いを確認できるWebサイトがhazだ。 hazはHTML5/CSS3のプロパティ、API、入力フィールドの種類について対応しているかどうかを調べて結果を出してくれる。左側に調査項目が出て、そのサポート状況が右側に出る。YESと出ていれば問題なしで、MAYBEだと怪しい。NOは対応していない。各項目をクリックする

  • これは凄いぞ!スマートフォン向け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という拡張子の

  • RubyやPythonのようにJavaScriptを書ける·CoffeeScript MOONGIFT

    CoffeeScriptはJavaScriptをよりシンプルに書ける簡易プログラミング言語。 [/s2If] CoffeeScriptはJavaScirpt/node.js用のオープンソース・ソフトウェア。JavaScriptが隆盛になっている。だがあのコードの書き方が苦手という人は多い。特にRubyPythonに慣れた人にとって、冗長的だと感じてしまう場面もある。 構文例 Rubyに慣れると括弧をつけるのが邪魔臭く感じたり、ヒアドキュメントが使いたかったり、文末にifをつけて処理を書きたかったりしたくなる。そんな我がままに答えてくれるのがCoffeeScriptだ。 CoffeeScriptはJavaScriptRuby/Pythonに似た構文で書けるソフトウェアだ。node.jsのパッケージ管理であるnpmでインストール可能になっており、とても使いやすくなっている。構文は独特だが、

  • コードのリファクタリングのお供に·Clone Digger MOONGIFT

    Clone DiggerはPython製のオープンソース・ソフトウェア。プログラミングコードは開発が進むにつれて徐々に汚くなっていく。これは部屋が汚れるようなもので致し方ないだろう。大事なのは定期的に掃除をすることだ。プログラミングコードで言えばリファクタリングがこれにあたる。 レポート リファクタリングを適切に行えば重複するコードが減り、可読性が良くなる。同じような関数があれば統合することもできるだろう。リファクタリングを行う上でアイディアを出してくれるのがClone Diggerだ。 Clone DiggerはPythonJavaに対応し、似通ったコードを抽出してくれる。プロジェクト全体が多数のファイルに渡っていても、Clone Diggerが全体を洗い出した上でリストアップする。結果はHTMLファイルで出力する。 重複している、または似ている箇所が分かる 改行や空白は無視されるよう

    コードのリファクタリングのお供に·Clone Digger MOONGIFT
  • 一つのHTMLファイルを使ったiPhone最適化サイトライブラリ·Magic Framework MOONGIFT

    Magic FrameworkはiPhone向けのオープンソース・ソフトウェア。日においてもiPhoneが約200万台発売されたという噂だ。ある程度の市場性が出てきたと言えそうだ。そうなるとネイティブアプリや最適化サイトへの需要も高まってくるだろう。 メインメニュー 幾つかのiPhone向けWebサイトテンプレートがあるが、Magic Frameworkもその一つだ。だが特徴的なのは全体で一つのHTMLのみ提供するという点だ。そしてHTMLファイルをJavaScriptで分断し、スライダを使って表示を切り替えられるようになっている。 何ページもあるようなサイトコンテンツを一つのHTMLで表現できる。例えば小説サイトで最初のページを目次に、各見出しごとにページを分割して表示するような方法が考えられる。1ページなので汎用的なテンプレートではないが、マッチする場面もありそうだ。 ページ切り替え

    一つのHTMLファイルを使ったiPhone最適化サイトライブラリ·Magic Framework MOONGIFT
  • Google App Engine/Paste用Pythonフレームワーク·Pyxer MOONGIFT

    PyxerはPython製のオープンソース・ソフトウェア。最近のプログラミング言語には様々なフレームワークが存在する。汎用的なものを使うのも良いが、環境に応じて特化したものを利用するというのも良さそうだ。環境に合わせることでよりスムーズな開発ができるようになる。 Google App Engine向けに使えるPythonフレームワーク Googleのクラウド環境であるGoogle App Engineは仕組みが一般的な専用サーバ等と大きく異なる。既存のフレームワークをApp Engineに合わせるのではなく、特化したものを選んでみるという選択はどうだろう。Pyxerはまさにそのためのフレームワークだ。 Pyxerはeasy_installを使ってインストールするフレームワークで、コントロール、テンプレート、モデルと分けて開発ができる。モデルはDataStoreを使うのだがElixirがライ

    Google App Engine/Paste用Pythonフレームワーク·Pyxer MOONGIFT
  • 1