MySQLのテーブルスキーマをオンラインで変更できるツールが入った「Percona Toolkit 2.1」 2012年04月10日- Percona Toolkit 2.1 with New Online Schema Change Tool - MySQL Performance Blog MySQLのテーブルスキーマをオンラインで変更できるツールが入った「Percona Toolkit 2.1」がリリースされたそうです。 Perconaという「MySQL Performance Blog」という有名なブログを公開している会社が公開したツールキットです。 Alter によるテーブルへの変更をブロックなしで実現できるツールが入っているそうです。変更の際は基本的に動作が重くなってしまいますが、このツールを使えば変更中もデータの読み書きが可能とのこと。 実際に使ったわけではないのとまだ公開さ
2012年4月10日のブックマーク (22件)
-
oppara 2012/04/10
-
写真上にコメントが載せられるjQueryプラグイン「iPicture」:phpspot開発日誌
Home - Tooltip your images - iPicture jQuery Plugin 写真上にコメントが載せられるjQueryプラグイン「iPicture」 写真の上に＋のアイコンをオーバーレイでき、マウスオーバーでコメントが表示されます。 写真上でそこまで邪魔にならないけどそれなりに目立ち、説明を読んでもらいたいような場合に使えそうです コメント表示例。半透明なのでそれほど嫌な感じでは無いですね 商品の説明等に使うと分かりやすい商品説明ページが作れるかもしれませんね 関連エントリ Flickrみたいに写真内に枠を作ってコメントできるようにするjQueryプラグイン CSSのみで画像に違和感なく注釈を入れるサンプル
-
-
すごいぞ！HTML5で顔認識·HTML5 Face Detection MOONGIFT
HTML5 Face DetectionはHTML5を使って動画から顔をリアルタイム認識します。 HTML5はどこまで行くのか、それを改めて思い起こさせる凄いソフトウェアがHTML5 Face Detectionです。何と動画の顔認識をリアルタイムに行ってしまいます。 デモ動画です。上が動画、下がそれを解析して顔認識しているものです。 顔を動かしても付け目がね＋鼻が追いかけてきます。 筆者トライの図。Glassesをタップすると認識処理が開始されます。 デモ動画 HTML5 Face Detectionは動画のフレームを読み込み、JavaScriptで顔認識をした後、Canvasタグに鼻眼鏡とともにレンダリングしています。はっきり言ってかなり重たいのですが、技術的にはとても面白いソフトウェアです。 HTML5 Face DetectionはHTML5/JavaScript製のソフトウェア（
-
地図や動画、Googleスプレッドシートとも連携する年表ライブラリ·Timeline MOONGIFT
Timelineは各種Webサービスのコンテンツを載せられる年表表示ライブラリです。 JavaScriptを使って格好いい年表（タイムライン）を表示したいならばTimelineを使ってみましょう。目を引くインパクトある表示が実現します。 上にコンテンツ、下に年表（タイムライン）が表示される仕組みになっています。 YouTube動画も埋め込めます。Vimeoにも対応しています。 Flickr画像です。 Googleマップです。 Twitterも表示できます。 SoundCloudです。 Googleスプレッドシートから取り込む機能もあります。 データです。JSONで定義するだけで使えます。 Timelineでは下に表示されている年表の中から項目を選ぶと上にある詳細に表示されるようになっています。歴史、個人の人生、ソフトウェアの遷移など様々なコンテンツが表示できそうです。時間の単位は拡大、縮小
-
Firefox/Thunderbird/Google Chrome/Skypeを高速化·SpeedyFox MOONGIFT
SpeedyFoxはFirefox、Thunderbird、Google Chrome、Skypeの設定を最適化して高速起動させるソフトウェアです。 Firefox、Thunderbird、Google ChromeさらにSkypeの動作が重たく感じ始めたら試してほしいのがSpeedyFoxです。起動が3倍も速くなる、と謳われているプロファイル最適化ソフトウェアです。 メイン画面です。Firefox、Thunderbird、Google Chrome、Skypeがインストールされていれば自動で認識されます。 完了しました。 SpeedyFoxは設定に使われているSQLiteを最適化してサイズを軽減しています。だいたい1〜2週間に一回程度行うと最適な状態が保たれるそうです。GUIの他、CUIでもできるので自動化しておいても良いかも知れません。 SpeedyFoxはWindows、Mac OS
-
変化に強い、コードの見通しが良いTitaniumアプリを開発する·Titanium MVC MOONGIFT
Titanium MVCはTitaniumをMVCに沿って開発できるフレームワークです。 Titaniumアプリはちょっとしたアプリを作るのに適していますが、大型なものになるとコードが見通し悪くなってしまうイメージがありました。だからこそベースになるTitanium MVCを使って頻繁な更新にも耐えられるしっかりとした作りにしましょう。 デモアプリです。ログイン画面が表示されます。 OKな場合のダイアログ。 入力エラーの場合のダイアログ。 app.jsの内容です。 MVC.jsの内容です。Controller、Viewを読み込んでいるのが分かります。 StartupControllerの内容です。initを実行して、ログイン画面を返しています。 ログイン画面のビューです。ここでは画面のデザインのみを行っています。 ログイン処理のコントローラーです。見やすいです。 Titanium MVCで
-
Twitter for Mac OSXにも使われているメッセージ系ソフトウェアにぴったりなUI·EDSidebar MOONGIFT
EDSidebarはTwitter for Mac OSXやSparrowといったソフトウェアのUIを模したモックアップアプリです。 iOSの隆盛に伴って、Mac OSXアプリの中にもそのエッセンスを取り込んだソフトウェアが登場してきています。今回はTwitterやSparrowといったアプリのUIを模したEDSidebarを紹介します。 デモアプリ。二つのアイコンリストが並んでいます。 アイコンはクリックで切り替えられます。 選んだアイコンによって中央のコンテンツが変わります。 EDSidebarは二つのサイドバーを使って、その関連性を表示したり、左側でユーザを切り替えつつ、右側の相手に対してメッセージを送ると言ったアプリに利用できます。ソーシャル系、メッセージ系アプリを開発する際に参考になりそうです。 EDSidebarはMac OSX用、BSD Licenseのオープンソース・ソフト
-
これは格好いい。Windows 8のMetro UIをHTML5で再現·Metro UI CSS MOONGIFT
Metro UI CSSはWindows 8のMetro UIをHTML5/CSS3で再現したソフトウェアです。 次期WindowsのWindows 8ではMetro UIと呼ばれる新しいインタフェースが利用されています。そんなMetro UIをCSSで再現したのがMetro UI CSSになります。 デスクトップで見たイメージです。アイコンが並んでいます。 選択できる画像リストです。 選択できるリストです。画像も埋め込めます。 チャットなどで使えそうなリストです。吹き出しもついています。 アプリケーションリストです。 時計などのウィジェットです。 iPadでの表示です。タブレットの方が最適化されています。 左右の移動もできます。 デモ動画です。動きはスムーズです。 動きはかなりスムーズで格好いいです。パネルを押すとちょっとへこんだり、ボタンも多数用意されています。リストをタップして選択し
-
地図の上に色々なレイヤーを重ねる·Stamen Maps MOONGIFT
Stamen Mapsは各種地図サービスに載せられるレイヤーを提供するソフトウェアです。 Stamenというサンフランシスコの開発/デザインスタジオが手掛けてきた地図表示に関するプロジェクトをオープンソースとして公開したのがStamen Mapsです。 トップページです。OpenStreetMapの上に3つのレイヤーが重なっています。 これはtonerです。白黒でコントラストが強く、はっきりとした表示になっています。 terrainは起伏の情報を盛り込んだ地図になっています。 embedリンクを押すと埋め込み用のタグが表示されます。 watercolorは水彩のようなタッチの地図になります。 地図を動かしてもレイヤーが自動で更新して表示されます。 こんな感じに重ねて表示できるのが面白いです。 Stamen MapsはOpenStreetMapの他、ModestMaps、Leaflet、Op
-
PanoJS3 - pure JavaScript viewer for huge images
PanoJS3 - An interactive JavaScript widget for panning and zooming a panoramic image stitched together dynamically from smaller tiles. This widget can be used for viewing images that are much larger than the available space in the browser viewport. Examples include panoramas, maps or high resolution document scans. Latest version: 3.0.0 Browser Compatibility PanoJS3 supports all modern major web b
-
CSS3 Animated Loading Bar
I’m working on a project that requires a bit of Javascript loading time before displaying the UI, so instead of doing what I usually do and downloading an animated gif from ajaxload I thought it would be a good opportunity to try out a CSS3 animation. Inspired by 37 Signals loading bar (pictured above) and making good use of Chris Coyier’s tutorial on CSS3 Progress Bars I set to work designing a b
-
RefineSlide
Features A few transitions to play with Responsive down to mobile scale CSS transition & 3D transform support Javascript fallback fade transition Auto-formatted, responsive thumbnails Good browser support (IE7+) HTML captions Hardware acceleration on supported browsers Free to use and abuse as you like Simple, semantic markup Lightweight: 12k minified (4k gzipped) Installation - Essential steps -
-
curl.js AMD Loader
Today there are dozens of AMD JavaScript loaders available, the most popular being RequireJS. There are also lesser known JavaScript loaders like YepNope, $script.js, LABjs, and Dojo's new native loader. My favorite JavaScript loader, however, is John Hann (unscriptable)'s curl. While allowing for maximum configuration and reliable loading, curl also allows for loading of simple JavaScript files a
-
-
-
Gitのベストプラクティクスっぽいもの - Sexually Knowing
tbaggery - A Note About Git Commit Messages A successful Git branching model » nvie.com Commit Often, Perfect Later, Publish Once—Git Best Practices だいたいこれらに書いてあることを考えている。 基本的にGit Successful Branch Modelで運用する。git-flowを入れて使っているけど、手でやってもそんなに面倒ではないし好きなようにしたらよさそう。 Subversionを個人で使っていたころはブランチはよくわからないけど恐しいものだったけど、Gitを使いはじめてだいぶ親しめるようになった。 文字通り、ブランチ、枝である。気軽に扱えるということは理解の助けにもなる。 コミットの単位 論理的に最小限度のコミットをつくる。「こう
-
css+jQueryでチェックボックス&ラジオボックスをオリジナルデザインのボタンにする
Posted: 2012.04.10 / Category: javascript / Tag: jQuery ブラウザ標準のチェックボックス&ラジオボタンのデザインだと俺のクールなサイトには合わん。 といったときの為にボタン風なオリジナルデザインにする方法をご紹介します。 cssオンリーの場合 まずはcssのみでやってみます。 隣接セレクターやcheckedセレクターを使用している関係でieでは動きません。 <div class="check-group clearfix"> <div> <input id="checkbox1" type="checkbox" name="check[]" value="c1" /> <label for="checkbox1">Checkbox 1</label> </div> <div> <input id="checkbox2" type="ch
-
クリアなコードの作り方: 縦長・横長なメソッドを短くする - 2012-02-07 - ククログ
最近読んだRubyのコードではYARDのコードがキレイでした。 さて、長いメソッドは不吉なにおいがするからメソッドを分割するなどして短くしましょうとはよく言われることですが、ここでいう「長い」とは「縦に長い」ことを指していることがほとんどです。長いのが問題なのは縦に長いときだけではなく横に長いときもです。 縦に長いメソッド まず、どうして縦に長いメソッドが問題かについてです。縦に長いメソッドには「処理を把握しづらい」という問題がある可能性が高いです。 どうして処理を把握しづらいか 処理を把握しづらい原因はいくつかあります。例えば、抽象度が低いのが原因です。 メソッドが縦に長くなっているときは、多くの処理が行われていることがほとんどです。これらの処理はメソッドになっていないため名前がついていません。処理に名前がついていない場合は実装を読まないとなにをしているかがわかりません。 せっかくなので
-
コミットメッセージの書き方 - 2012-02-21 - ククログ
はじめに 「分かりやすいコードを書く」、「コードと一緒にテストも書く」等はソフトウェア開発において大切なことです。しかしそれと同じくらい大切なことして「分かりやすいコミットメッセージを書く」があります。これはあまり着目されていなく、見過ごされていることです。 今回は、コミットメッセージの分かりやすさの大切さ、そして、分かりやすくするための書き方を説明します。 コミットメッセージとその大切さ バージョン管理システムとコミット 現在、ほとんど全てのソフトウェア開発ではSubversionやGitなどのバージョン管理システムを使っています。バージョン管理システムを使うことによるメリットというのは、ソフトウェアの変更が記録されていくことにあります。 具体的なメリットは3つあります。 ソフトウェアの調査がしやすくなることです。現時点でのコードと、そして変更の履歴とを組み合わせることで、それらから非常
-
クリアなコードの作り方: 意図が伝わるコミットのしかた - 2012-03-13 - ククログ
コミットメッセージの書き方ではコミットをわかりやすくするためには以下の2つの条件を満たす必要があると書きました。 コミットの内容が分かりやすく説明されていること コミットの内容が小さくまとまっていること このうち「コミットの内容が分かりやすく説明されていること」についてはすでに説明済みです。今回は「コミットの内容が小さくまとまっていること」について説明します。 めざすところ 単純にコミットの内容を小さくするだけではわかりやすくなりません。それでは、どのような基準で小さくすればよいのでしょうか。 よく言われることは1つのコミットには1つの小さな論理的にまとまった変更だけにする、というものです。たしかにこれは重要です。しかし、これだけを基準とすると、人によっては大きめなコミットになってしまいます。人それぞれで論理的なまとまりの大きさが異なるからです。 1つのコミットでどうすればよいかを考えるの
-
おすすめzsh設定 - 2011-09-05 - ククログ
他の人がzshを使っているのを見ていると、「もっと便利に使えるのに」と、もやっとしたり、「え、その便利な機能ってなに？」と、発見があったりします。だれかに「この設定をすると便利ですよ」と話しやすくするために、今のzshのおすすめ設定をここに記しておきます。 もし、Emacsも使っている場合はおすすめEmacs設定もどうぞ。 ディレクトリ構成 長年漬け込んできたzshの設定がそこそこの量になっているので、以下のようなディレクトリ構成にして分類しています。主に、zsh標準機能の設定と追加パッケージの設定を分けるためにこうしています。 ~ ├── .zshrc # シェルを起動する毎に読み込まれる。 │ # ~/.zsh.d/zshrcを読み込んで │ # 標準機能の追加設定を行う。 ├── .zshenv # ログイン時に一度だけ読み込まれる。 │ # ~/.zsh.d/zshenvを読み込ん
-
- 2012年4月11日
- 2012年4月10日
- 2012年4月9日
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しました