App Storeでも配信されているiPad向けコミックリーダー·ComicFlow MOONGIFT
ComicFlowはPDFやCBR/CBZ形式に対応したiPad向けコミックリーダーです。 ComicFlowはApp Storeで無料で配信されているiPad向けアプリになります。名前の通り、電子コミックを読むためのソフトウェアになります。 コミックデータはComicFlowをWebDAVサーバとして接続することでアップロードできます。 読んでいます。スワイプでページおくりできます。 下にページネーションが表示されています。 メニューです。 ComicFlowは.cbr、.cbzそしてPDFファイルをサポートしています。コミックデータのアップロードはiTunesまたはWebDAVを通じて行えます。しおり機能があり、読み進めた所から再開できるようになっています。コミックはもちろん、シンプルな電子書籍リーダーとしても使えそうです。 ComicFlowはiPad向けのオープンソース・ソフトウェ
歴代のFirefoxを一発インストール！·Install All Firefox MOONGIFT
Install All Firefoxはコマンド一つで多数のバージョンのFirefoxをまとめてインストールできるソフトウェアです。 FirefoxでWebサイトの表示を確認したい、そう思った方が使ってみるべきソフトウェアがInstall All Firefoxです。何とバージョン2系から最新のNightlyビルドまでのFirefoxをまとめてインストールできてしまいます。 Firefoxアイコンがどさっと。 インストールはコマンドラインで行われます。都度Firebugのインストールが確認されるのがちょっと面倒です（no_promptオプションで回避できます）。 Firefox2です。 バージョンは2.0.0.20。 3.0.19。 3.5.9。 3.6.28。 5.0.1。 6.0.2。 7.0.1。 8.0.1。 9.0.1。 Install All Firefoxはコマンド一つでイン
Detecting Mobile Devices with JavaScript | A Beautiful Blog
While I understand and value the concept of feature detection over browser detection, sometimes the need for knowing whether or not we’re dealing with a mobile device arises. For in-depth device checking, you can rely on a complex library such as The MobileESP Project. But for simpler applications, the following snippet can be useful. var isMobile = { Android: function() { return navigator.userA
ちょっとした工夫。ブラシ風入力にするだけでここまでスムーズな絵が描ける·HTML5 Canvas Brush Sketch MOONGIFT
HTML5 Canvas Brush Sketchはマウスの入力をブラシ風にして滑らかにドローできるソフトウェアです。 iPadやWebブラウザ上で絵を描く際に試してみたいのがHTML5 Canvas Brush Sketchです。単純にマウスを動かした線を引くのではなく、ブラシ風に描いてくれます。 こちらはライン版。普通にマウスの軌跡を描きます。 こちらはブラシ版。ぐっと良くなっています。 デモ動画です。 ちょっとした工夫と言えるかも知れませんが、目を塗りつぶしたりする際に効果を発揮しています。これなら失敗を気にせずさくさく描けそうです。 HTML5 Canvas Brush SketchはHTML5/JavaScript製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。 MOONGIFTはこう見る Skitchというアプリケーションがあります。今は
こいつはやべえ。JavaScriptでGithubリポジトリの読み込み＆書き込み·github.js MOONGIFT
github.jsはJavaScriptを使ってGitHubリポジトリの操作を行うソフトウェアです。 GitHubはWeb APIを公開している希有なソースコードリポジトリサービスです。そんなGitHubのAPIを使って作られたのがgithub.jsです。なんとJavaScriptだけでGitHubリポジトリのファイルを読み込んだり書き込んだりできます。 基本的な使い方です。 ファイルの読み込みです。 実際に書き込んだところです。書ける、書けるぞ！ Basic認証での利用なのでパスワードを記述しないといけないのがちょっと怖いですが、JavaScriptだけでGitHubリポジトリを操作できてしまうのはかなり面白いです。使い方次第でバージョン管理付きテキストストレージとしてかなり遊べそうです。 github.jsはJavaScript製、BSD Licenseのオープンソース・ソフトウェアで
Media Queries を使って、Webサイトをスマートフォンに対応させるときの注意書き
今回このブログ - Webデザインレシピを、iPhone などでも見れるようにリデザインしました。使用したのは CSS3 の Media Queries（メディアクエリ）。メディアクエリの使い方や感想、気をつけたい注意書きをまとめてみました！ 遅ればせながらこのブログ – Webデザインレシピを、スマートフォンでも見れるように改修しました。このブログは WordPress で書いているので、スマートフォンや iPad への対応方法はいくつもあるのですが、今回は CSS3 の Media Queries（メディアクエリ）を使って、iPad、iPhone など、いろんなデバイスに対応（対応というか、一応見れる程度）にしてみました。 なので Media Queries を使ったスマートフォン対応と、リデザインしながら思ったことなどをまとめてみました。 CSS3 Media Queries 目次
Media Queries ｜ Ryuichi Nonaka
Media Queriesは、読み込まれるCSSや、CSSの記述のインラインに条件を加えること出来るようになる仕様です。 今までもCSS2のMedia typesを使い、screenやprintなど大まかなメディア用スタイルを設定することはできました。ですが、それでけでは昨今のスマートフォン、タブレット端末事情にはとても対応できません。JavaScriptで対応する方法もありますがシンプルではありません。そこで、CSS3だけで振り分けが可能になるのがMedia Queriesという仕様です。 Media Queries Media Queriesはユーザーの端末、スクリーンサイズをもとに適したスタイルシートを適用することができます。Media Queriesを利用することで、PC用スタイルシート、タブレット用スタイルシート、スマートフォン用スタイルシートと個別にスタイルを指定することがで
GHUnitで単体テストをしてみよう - mixi engineer blog
初めまして。プログラマのショウといいます。 現在、mixiの公式iPhoneアプリを担当しています。 今回は、iPhoneアプリ開発におけるGHUnitを用いた単体テストについて紹介したいと思います。 ★ テストとは 本題に入る前に少しだけ、テストという概念について整理してみましょう。 ソフトウェアを開発する上での「テスト」という言葉は、「コンピュータのプログラムを実行し、正しく動作するかを確認する作業のこと」を指します。 そしてこの「正しく動作するかを確認する方法」として主に以下の2通りがあります。 ・ ホワイトボックステスト ・ ブラックボックステスト ホワイトボックステストとは、「命令網羅」「分岐網羅」「条件網羅」などの方式を用いて、プログラム内部の動作がプログラマの意図通りとなっているかを確認するものとなります。 これに対してブラックボックステストとは、プログラム内部に関係なく、外
Responsive Horizontal Layout | Codrops
In this tutorial we’ll create a horizontal website layout with individually scrollable content panels. We’ll change the layout for smaller screens, making it responsive. Today we want to show you how to create a horizontal layout with several content panels. The idea is to make each panel individually scrollable and animate a content panel to the left of the viewport once it’s clicked or selected
Stepping Out With Bootstrap from Twitter | Envato Tuts+
Twitter introduced Bootstrap recently, a library of CSS styles aimed at web app developers in need of some design help. The toolkit includes everything from grid layouts down to buttons and modals, and works on pretty much all modern browsers, all the way back to IE7. Let's see what we can do with it... Bootstrap is also enhanced through the Less preprocessor, which adds some additional reasons to
悪いサニタイズ、良い(?)サニタイズ、そして例外処理
先日のエントリ「処理開始後の例外処理では「サニタイズ」が有効な場合もある」は、素材の消化不足、私の表現の未熟等から、一部で誤解を招いてしまったようで申し訳ありません。アプローチを変えて、サニタイズについてもう一度考えてみたいと思います。結論から言えば、悪いサニタイズはあっても、「良いサニタイズ」はないと考えます。しかしながら、状況によっては妥協の産物としてサニタイズを使うことは、あり得ると考えます。 本稿で用いる「サニタイズ」の定義 サニタイズという用語は、歴史的に都合の良いように使われてきた歴史があり、あらためてネット検索して見ると、本当に多様な使われ方をしていると感じました。その様子は、高木浩光氏のブログ記事『「サニタイズ」という言葉はもう死んでいる』からも伺えます。 ここでは、議論の都合上、以下をサニタイズの定義として用いることにします。 サニタイズとは、 主にセキュリティ上の目的で
1960s Braun Products Hold the Secrets to Apple's Future
The year 2008 marks the 10th Anniversary of the iMac, the computer that changed everything at Apple, hailing a new design era spearheaded by design genius Jonathan Ive. What most people don't know is that there's another man whose products are at the heart of Ive's design philosophy, an influence that permeates every single product at Apple, from hardware to user-interface design. That man is Diet
Rainbow - Javascript Code Syntax Highlighting
Download Select what languages you want to include to build a custom package. Languages select all C C# Coffeescript CSS D Generic patterns Go Haskell HTML Java JavaScript JSON Lua PHP Python R Ruby Scheme Shell Smalltalk SQL CSS themes are available on GitHub. Download What is this? Rainbow is a code syntax highlighting library written in Javascript. It was designed to be lightweight (2.5kb), eas
[music] Subsonic所感 - hibomaの日記
Subsonic 便利ですね。さくらVPSではなくて、家のMacにいれて DynDNSでホスト名を当てて使ってます。 曲数が多くてもインポートの時間が全然かからないのがいいなと思いました。あとMacの場合パッケージでインストールが完了しますのでお手軽に試せます アクセスログがとれない(ぽい) のでproxyかましてログを取る Subsonicのプロセスはデフォルトで4040ポートでLISTENしますが、ここにリクエストを出してもアクセスログを吐いてくれません。(つーか java知らん) なので無駄にnginxをリバースプロキシにしてログを吐かせています。server部分の設定は↓みたいな感じで http { server { listen 80; server_name subsonic.<ドメイン> access_log /dev/stdout; proxy_set_header X-R
![[music] Subsonic所感 - hibomaの日記](https://cdn-ak-scissors.b.st-hatena.com/image/square/132a3f7bf7c5e2b1a87a08c2cfeeeb895b7ee2f5/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F13208692334729901473%2F12921228815721613334%2F1396973336)
ヒートマップだけで満足していませんか？UXデザインと相性のよい「ゲイズプロット」分析のすすめ | マミオン有限会社-パソコン・数学研修、法人研修
「ユーザーがサイトのどこを見ているか？」を知るための手法の一つが、弊社でもサービス提供している『アイトラッキング調査』です。 通常、アイトラッキング調査を行うと、『ヒートマップ』と『ゲイズプロット』の2種類のアウトプットが得られます。 皆さんはどちらに親しみがありますか？ 画像：左がヒートマップ、右がゲイズプロット ちなみにGoogleでの検索ヒット数を比較してみると、ご覧のとおりです。 「ヒートマップ」：約 2,620,000 件 「ゲイズプロット」：約 3,470 件 「heatmap」：約 70,200,000 件 「gaze plot」：約 11,200 件 …もったいない。 こんな良いものが知られていないなんて、非常にもったいない！ 『ヒートマップ』は視線分析に限らず用いられる言葉なので単純比較はできませんが、後ほど解説する『ゲイズプロット』の良さが、まだまだ浸透していないのかも
CoffeeScript - unknownplace.org
なぜ CoffeeScript がダメか - 冬通りに消え行く制服ガールは✖夢物語にリアルを求めない。 - subtech 僕の考えでは JavaScript ネイティブでない（けれど非同期プログラミングやネットワークの知識はある）人が、Node.js を使ってネットワークアプリケーションを書くという用途では結構使えると思う。 デバッグしづらいという点も Node と組み合わせる前提で考えれば coffee コマンドで直接実行すればいい話である。 また僕自身も小さなネットワークアプリケーションは最近は CoffeeScript で書いてて、fujiwara 氏などにメンテしてもらっているけれど、やはり彼も僕と同じようなスキル（JavaScriptネイティブでない）だから、そういう人が見て大体なんとなく理解できるものになってると感じる。 これがもし、AnyEvent で書いたコードだったらそ
Air Display Turns iPad Into a HIDPI Retina Display for Mac
Your iPad 3 can now act as a stunningly high quality HIDPI display for a Mac or PC with the help of a great iOS app called Air Display. A completely wireless solution, Air Display takes advantage of OS X Lion and Mountain Lion HIDPI display mode to turn the new iPad’s 2048×1536 display into an ultra-crisp 1024×768 retina display. Setting up Air Display to turn that new iPad into an external retina
githubのhubコマンドを補完するzsh補完関数を作ってみた - Glide Note
defunkt/hub - GitHub github用にhubというgitのラッパーコマンドがあることを会社で教えてもらって 使ってみたら、当然の如くzshの補完が効かなくてコマンドの使い方もよく分からなかったので、 コマンド理解とzsh補完関数の書き方の勉強も兼ねて自分で作ってみた。 最初はhubコマンドの補完関数を作ってたんですが、利用方法としてaliasを充てて gitの代わりに使うことが推奨されており、そもそもgitのラッパーで gitコマンドの補完も出来ないと意味が無いので、gitの補完関数自体に 手を入れて、hubのカスタムコマンドも利用出来るようにした。 検証環境は下記 Mac OSX 10.7.3, Scientific Linux 6.1 git version 1.7.7.5 hub version 1.8.2 zsh 4.3.11, 4.3.12 /usr/loca
【翻訳】あなたの知らないGit Tips
Mislav Marohnićさんの "A few git tips you didn't know about" を翻訳しました。 元記事はこちら： http://mislav.uniqpath.com/2010/07/git-tips/ （翻訳の公開は本人より許諾済みです） 翻訳の間違い等があれば遠慮なくご指摘ください。 あなたの知らないGit Tips注意：いくつかのコマンドやオプションは Git の version 1.7.2 以降が必要です。 OS Xでは、 Homebrew で簡単にアップグレードできます： brew install git git log でブランチとタグも見る$ git log --oneline --decorate 7466000 (HEAD, mislav/master, mislav) fix test that fails if current d
A successful Git branching model を翻訳しました
Vincent Driessenさんの "A successful Git branching model" を翻訳しました。 元記事はこちら： http://nvie.com/posts/a-successful-git-branching-model/ （翻訳の公開と画像の利用は本人より許諾済みです） このブランチモデルの導入を補助してくれる、git-flowというGit用プラグインがあるそうです。 翻訳の間違い等があれば遠慮なくご指摘ください。 A successful Git branching model この記事では、私のいくつかのプロジェクト（仕事でもプライベートでも）で約一年ほど導入して、とてもうまくいくことがわかった開発モデルを紹介する。しばらく前からこれについて書くつもりだったんだが、今まですっかりその時間を見つけられずにいた。ここでは私のプロジェクトの詳細については書
公開鍵認証を使って Git サーバーへ SSH で接続する
このようにすることで、最初の "Enter file in which to save the key" で尋ねられたときに入力した場所に、秘密鍵と公開鍵とがテキスト形式で保存されました。 今回の例では、秘密鍵は "~/.ssh/id_git" という名前で保存されて、公開鍵は "~/.ssh/id_git.pub" というように、指定したファイル名の後ろに ".pub" が付与されたファイル名になります。 なお、ここでパスフレーズを設定した場合、Mac OS X では、ターミナルからでも Xcode4 からでも、リポジトリに接続する必要が出てきた場合には、起動後の毎回 1 度、パスワードを尋ねるダイアログが表示され、認証手続きを進める形になる感じでした。 Git サーバーに公開鍵を登録する 鍵ペアが作成できたら、そのうちの公開鍵（ファイル名の最後に ".pub" が付いたもの）の内容を、
jquery.mockAjax でサーバ待ちしないさくさく開発を — ディノオープンラボラトリ
ディノ日本酒調達部員の sou です。こんにちは。 今日はAjax開発に便利なjQueryプラグインを紹介します。 ディノも昨年から JavaScript 案件が増えており、本格的な JavaScript アプリケーションも実装するようになってきました。ただ、サーバサイドのみの開発に比べるとXMLHttpRequest経由でサーバサイドとのつなぎ込みが発生するので、問題の切り分けや実装スケジュール調整など難しい点もあるのではないでしょうか。 そんな時には jquery.mockAjax プラグインが便利です。 概要 これを使うと $.ajax のリクエスト先を条件に従い振り分ける事が出来、スクリプトや HTML の書き換え無しにサーバ側への通信をカットし、 ローカルファイルで用意した JSON や HTML フラグメントを代わりに持ってくる事が出来ます。 小さい＆単純なコードですが、こ
lgrepコマンドで再帰的に日本語をファイル検索する — ディノオープンラボラトリ
lgrepコマンドをご存知でしょうか。日本語対応ページャlvの付属品で、対象ファイルの文字コードを推定して日本語文字列をうまく見つけてくれるという、優れもののgrepです。 古いプロジェクトだと、プログラムはEUCだけど静的ファイルはSJIS、なんてことがあると思います。そんなときに大活躍です。 grepした結果の文字コード変換も勝手にやってくれるので、grep結果をnkfする必要もありません。至れり尽くせりですね。 そんなlgrepコマンドにも弱点があります。grepで言う-r（再帰的にファイルを検索）オプションが無いのです。どこに書いてあるかわからないエラーメッセージを探す、なんてときに-rは必須ですよね。無いなら作ってしまえ、ということで作ってみました。 alias lgrep-r="find . -type d -name .svn -prune -o -type f -print
rsyncの-Cオプションの指示を上書きする — ディノオープンラボラトリ
rsyncの-Cまたは--cvs-excludeオプションって便利ですよね。これは、下記のファイル・ディレクトリを転送対象から外す設定です。 RCS SCCS CVS CVS.adm RCSLOG cvslog.* tags TAGS .make.state .nse_depinfo *~ #* .#* ,* _$* *$ *.old *.bak *.BAK *.orig *.rej .del-* *.a *.olb *.o *.obj *.so *.exe *.Z *.elc *.ln core .svn/ .git/ .bzr/ 転送すると問題になりがちなファイルを転送対象から外せるので、普段はとても便利です（よく見るとEmacsユーザーにしか影響の無いファイル*.elcも混ざってますね）。でも、「上記のうち*.soだけは転送したい」なんて時はどうすればいいんでしょうか。 解決方
$HOME/.ssh/configを活用していますか？
こんにちは、hnwです。今更ながら自己分析すると、私はタイプ数を減らす工夫が好きなようです。今回は $HOME/.ssh/config ファイルについてのsshの非常に基本的な話題です。もちろん今回もタイプ数を減らすことが主眼です。 $ man ssh_config 言いたいことは上記の man page を見てもらえば全部書いてあるんですが、案外読んでいない人もいるんでしょうか、 $HOME/.ssh/config に書けば省略できることを毎回タイプしている人を稀に見かけます。 $ ssh -l webmaster dev3.example.com もし上記のようなコマンドを打っている人が居たら、次の $HOME/.ssh/config を参考に、自分の環境に合わせて設定してみてください。 Host dev3 HostName dev3.example.com Host dev3-wm
続・$HOME/.ssh/configを活用していますか？ — ディノオープンラボラトリ
以前の記事「$HOME/.ssh/configを活用していますか？」では、設定ファイルを少し頑張って書けば普段のSSHライフが随分変わりますよ、と紹介しました。今日はその続編です。前回よりマニアックな設定を紹介します。 2段以上先のサーバにログインする Dynamic Forward機能を使う 共通設定をまとめて書く 2段以上先のサーバにログインする 目的のサーバにログインするために、踏み台的なサーバを経由しないと入れない環境があります。例えば、dmz経由でないとDBサーバにログインできない環境、というのは良くある構成でしょう。 このような場合に、ProxyCommandパラメータが利用できます。 上の設定で「ssh db1」とすると、sshでdmzに接続し、dmzから192.168.0.201へログインします。これを利用するには踏み台サーバにncコマンドが必要ですが、大抵の環境にインスト
github に登録する公開鍵ファイルを id_rsa.pub じゃない名前で使いたい→ ~/.ssh/config で解決 - @kyanny's blog
github_id_rsa.pub とかを別につくって git コマンドにはそっちのペアを鍵ファイルとして使って欲しいんだけどうまくいかない。 $ export GIT_SSH="ssh -i ~/.ssh/github_id_rsa" $ git clone git@github.com:XXXX/XXXX # Permission deniedGitのリポジトリにsshでアクセスする | Hiroaki's blog をみて warpper つくってみたけどやっぱりだめ。こちらは ssh コマンドがヘンになるみたい。 $ echo '#!/bin/sh shift exec ssh -i ~/.ssh/github_id_rsa $*' > ~/bin/git-ssh $ export GIT_SSH=$HOME/bin/git-ssh $ git clone git@github.c
Simulate Internet Connection & Bandwidth Speeds with Network Link Conditioner in Mac OS X
Simulate Internet Connection & Bandwidth Speeds with Network Link Conditioner in Mac OS X A recent addition to Mac OS X and modern versions of Xcode development tools is a utility called Network Link Conditioner, a highly customizable tool that lets you simulate a variety of common internet connectivity speeds. The utility is aimed at Mac and iOS developers so they can test their apps response tim
たった2KBで動作するスマホ用マルチタッチジェスチャーライブラリ「Hammer.js」:phpspot開発日誌
Hammer.js たった2KBで動作するスマホ用マルチタッチジェスチャーライブラリ「Hammer.js」。 タップ、ダブルタップ、ホールド、ドラッグ、トランスフォームといった処理を一手に扱えるようになるライブラリです スマホだけでなく、かなりのブラウザにも対応 使い方は、まずHammerオブジェクトのインスタンスを初期化します。 あとはイベントハンドラを ontap といった形で記述していくだけなので、面倒な事は何一つ考えないでいいです 若干動きが良くない部分もあるみたいですが、今後に期待したいですね 関連エントリ スマホのホーム画面っぽいものを作れるjQueryプラグイン「Promptumenu」 スマホサイト作成のフレームワーク「iUI」が新しくなっている件 PCでもスマホでもスワイプで画像を送れるギャラリー実装jQueryプラグイン「Asketic Swipe Gallery」 ス
画面の遷移をヴィジュアライズできて超分かりやすいアクセス解析「Mixpanel Flow」:phpspot開発日誌
Mixpanel Flow | Mobile and Web Analytics 画面の遷移をヴィジュアライズできて超分かりやすいアクセス解析「Mixpanel Flow」 トップページからどこに行ったのか、っていう画面遷移の情報を次のようなダイアグラムでヴィジュアライズしてくれます。 ヒートマップでどこがクリックされているかという情報って取れますが、これは便利。 トップページからログインのページにいって、何％が離脱したのか？といった情報がすぐに見た目で判断できます カーソルを合わせると１１％が離脱という詳細が分かります。赤くなっている部分が離脱ということで超分かりやすい 更にその先はどうなってるの？と思ったら円をクリックすればその下が詳細に表示されるというものです ユーザの動きをこのツールで理解すれば、サイトとしてどこを改善すればよいのか？が一目瞭然なので、サイトの機能追加や改善といった
Free business profile for LEARNCOMPUTER.COM provided by Network Solutions
[Your Business Name] <Your business address> Contact Info Phone: <Your business phone number> Fax: <Your business fax number> Email: <Your business e-mail address> Web: LEARNCOMPUTER.COM <Your Business Headline> Business Overview<Your business description> Geographic Area<Your service area> Line of Business<The type of business you are in> Brands We Carry<Your list of brands> Products and Services
jQuery File Upload Demo
jQuery File Upload Demo File Upload widget with multiple file selection, drag&drop support, progress bars, validation and preview images, audio and video for jQuery. Supports cross-domain, chunked and resumable file uploads and client-side image resizing. Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads. Pintura
ブラウザサイズに応じて全体に広がる背景を実装できるjQueryプラグイン「Backstretch」:phpspot開発日誌
ブラウザサイズに応じて全体に広がる背景を実装できるjQueryプラグイン「Backstretch」 2012年03月21日- Backstretch: a simple jQuery plugin that allows you to add a dynamically-resized background image to any page ブラウザサイズに応じて全体に広がる背景を実装できるjQueryプラグイン「Backstretch」 他にも同様のプラグインがありますが、まず使い方が超簡単で、「$.backstretch(http://dl.dropbox.com/u/515046/www/garfield-interior.jpg);」って必要なプラグインをロードした後に書くだけです。 配列として渡すことでスライドショーさせることもできます。 昔ならこんな大きな背景画像を使ったら怒
Twitterの今が分かる。位置情報を含んだツイートをGoogleマップに表示·Tweereal MOONGIFT
TweerealはTwitterのストリームAPIを使い、位置情報が入ったツイートをGoogleマップに表示するソフトウェアです。 TwitterのストリームAPIを使うと次々にデータが入ってきます。それを使って「今」どこでツイートされているかをマップ上に可視化してくれるのがTweerealです。 地図に今ツイートしたデータが表示されます。 パラメータを調整して表示時間を長くするとこんな感じに色々なところでツイートされているのが分かります。 Tweerealは1秒間に40以上のツイートを処理し、その中から位置情報に関連したものだけをピックアップしています。今まさにメッセージがやり取りされていると思うとわくわくしてくるソフトウェアです。 Tweerealはnode.js/JavaScript製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。 MOONGI
小粒ながら便利。送るメニューに任意のアプリケーションを登録·sendtosendto MOONGIFT
sendtosendtoは送るメニューに任意の実行ファイルやフォルダを登録できるソフトウェアです。 Windowsでファイルを任意のアプリケーションで開く時に便利そうなのがsendtosendtoです。送るメニューを簡単にカスタマイズできます。 インストールします。 インストールが完了しました。 実行ファイルやフォルダを選択して送るメニューのAdd hereを選択します。 名称を設定します。 追加されました。 sendtosendtoを使うと実行ファイルで開く他にも、フォルダを登録してファイルをまとめて放り込んだりするのも使えそうです。 sendtosendtoはWindows用、GPLのオープンソース・ソフトウェアです。 MOONGIFTはこう見る コンピュータはちょっとした作業の繰り返しとも言えます。手を動かせば十数秒で終わってしまう作業だけに、何となく日々繰り返してしまっていることが
Travis CIをiOSから閲覧する·TravisCI.app MOONGIFT
TravisCI.appはTravis CIのiOS向けクライアントアプリです。 CI（継続的インテグレーション）を実施するプロジェクトが増えつつあります。そのテストと結果を管理してくれるサービスであるTravis CIのiPhone/iPadクライアントソフトウェアがTravisCI.appです。 iPhone用のUIです。iPad向けもあります。 プロジェクトの状況です。 ジョブ詳細です。 ジョブログです。 ジョブの設定です。 エラーがあってもすぐに分かります。 TravisCI.appはテスト用のTravis CIサーバも用意されています。CIの状況、ログを一目で把握できるようになるのでプロジェクトの進捗がすぐに分かるようになるはずです。 TravisCI.appはObjective-C/Ruby製のオープンソース・ソフトウェア（MIT License）です。 MOONGIFTはこう
レガシーからモダンまで。Webブラウザによって配信方法を変更する動画プレーヤ·FlareVideo MOONGIFT
FlareVideoはvideoタグ、Flash、動画のフォーマットをWebブラウザに合わせて変更する動画プレーヤです。 レガシー、モダンなWebブラウザ両方に対応した動画プレーヤがFlareVideoです。それぞれの環境に応じて適した配信設定を自動的に行ってくれます。 再生中です。 画面いっぱいまで広げられます。 フルスクリーンにも対応しています。 テーマも3種類用意されています。 FlareVideoはvideoタグ、Flashでの再生両方に対応しています。そのお陰でIE7から利用が可能です。さらにFirefoxの場合はOggになったり、SafariはMP4/MOVと選択ができます。テーマはデフォルトの他、Vimeo、Spotify風が用意されています。 FlareVideoはHTML5/JavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIF
レガシーなWebブラウザでもaudioタグに対応させる·Audio.js MOONGIFT
Audio.jsはレガシーなWebブラウザでもaudioタグを利用（実際にはFlash）して音楽を再生できるようにするソフトウェアです。 HTML5で新しく出てきたタグの一つがaudioタグです。MP3を再生したりするのに便利なタグですが、レガシーなWebブラウザが対応していないために使うのに躊躇しているかも知れません。そこで使ってみたいのがAudio.jsです。 使う場合のコードです。 Google Chromeの場合です。普通に音楽が流れます。 IE7の場合です。audioタグですがちゃんと音楽が流れます。 色の変更もできます。また自動再生のオプションもあります。 ローカル/リモートファイル双方が読み込めます。 プリロード、自動再生、ループ再生のデモです。 曲名を表示するようなカスタマイズもできます。 プレイリスト対応です。 キーボードまたはマウスで選曲できます。 Audio.jsはM
HTML5/CSS3/JavaScriptによるイフェクトの格好いい3Dプレゼンテーション·reveal.js MOONGIFT
reveal.jsはCSS3/JavaScriptで作られたプレゼンテーションソフトウェアです。 reveal.jsはHTML5/CSS3を使ったプレゼンテーションソフトウェアです。まずは言うに及ばず、そのクールな画面を見てもらいましょう。 トップです。この雰囲気からして格好いいです。 スライドを切り替える時に3Dイフェクトがかかります。これまた格好いいです。 水平に動くのが基本ですが、垂直にスライドさせる指定もできます。 デモ動画です。スペースキーでスライド一覧が出せます。 reveal.jsはスライドの切り替えがとにかく格好いいので、これでプレゼンテーションを行えば観衆の注目を引くこと間違いないでしょう（もちろん内容が大事ですが）。 reveal.jsはCSS3/JavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る プレゼンテー
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
Twitter BootstrapでさくさくWeb開発 : アシアルブログ
<div class="container-fluid"> <div class="row-fluid"> <div class="span4"> Span4の中身 </div> <div class="span8"> Span8の中身 </div> </div> </div> Preタグで囲むコード エンジニアの皆さんなら、ブログにコードを書きたいですよね。 Twitter Bootstrapでも、かっこ良くコードを見せる手法を提供しています。 ・codeタグで囲む 赤くなります。 ・preタグで囲む 囲み枠がつき、灰色になります。 ・Preタグ+Google Prettifyを使う preタグのclassに、prettyprint linenums を入れましょう。 これが超かっこいい！！コードを見せるならこれがよさそうですね！ さて、かっこいいGoogle Prettifyですが、こ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Graphene | Dashboard
CSS3D Clouds
GitHub PagesでCustom Domainを利用する - Glide Note
Use the App Store Without a Credit Card
さくらVPS 2G+Subsonic+Nginxで自分用ストリーミングサーバを構築 - Glide Note
jTable.org - A JQuery plugin to create AJAX based CRUD tables - Paging & Sorting Demo
jobyj.in