第17回 「その場編集」を実装する | gihyo.jp
「その場編集」を実装 前回はツールチップの実装方法をご紹介しました。 今回「Edit In Place」や「その場編集」と呼ばれる、テキストをクリックすると、その場で編集できるようにする仕組みを実装してみます。 今回の仕組みを考える この「その場編集」の仕組みを考えてみましょう。今回の要件は以下の通りにします。 最初はただのテキスト クリックをすると、テキストがinput要素に置き換わり編集可能に。 input要素からフォーカスが外れたら、input要素が編集後の文字に置き換わる。 フォーカス外れた時、valueの値が空なら最初の値に戻す。 本来であれば、上記の仕組みの４の後に、PHPなどでデータベースに編集後の情報を送信し、保存するという仕組みになるのですが、今回はその前のところまでの実装方法のご紹介とします。 まずは完成サンプルとソースコードを見てみましょう。 完成ソースコード jQu
【How to】グーグルをやめる方法
Googleはもう沢山！ 一生おさらばしたい！ という時に役立つ｢ビッグGの影から這い出すステップ・バイ・ステップの手順｣です。 グーグルのサーバーから自分の情報を全部引っこ抜いて他所に移したい理由は、いろいろあるでしょうね。今は｢ネットのプライバシーなんて幻想だ｣と言われてるので、個人情報はなるべくバラけておきたい気持ち、わからなくもないです。 12月にはグーグルCEOがCNBCの番組でプライバシーに関して｢人に知られてまずいようなことは、たぶん最初からすべきじゃないんですよ｣と発言して一部反発を招きましたし。出張先で彼女から届いたセクシーなメールの隣にやけにピッタンコな広告。Buzzでは離婚した暴力夫に今の居場所が知れた女性が｢ファ○○ユー、グーグル｣と激怒し、グーグルが平謝りで徹夜で対処したり、ありましたもんね。 でもGoogleアカウントを閉じることは慎重に考えて決めた方がいいです
ニコニコ動画をHTML5で見るbookmarklet - saiten@blog
性懲りも無くニコニコネタです。 iPadでも結局Flashが搭載されなかったこともあって、最近Flashの代替手段としてHTML5がやけに押されているので、ものは試しでニコニコ動画のFlashプレイヤーをHTML5で構成したプレイヤーに置き換えるbookmarkletを作ってみました。iPhone/iPadのvideoタグの動作がマシになってれば、iPhone/iPad上でも動くかもってな期待込みで。 使い方は、下記のbookmarkletをニコニコ動画の再生ページ(http;//www.nicovideo.jp/watch/*)上で実行するだけです。実行すると標準のFlash製プレイヤーを、HTML5+javascriptで構成したプレイヤーに置き換えます。 javascript:(function(){var e=document.createElement("script");e.s
これだけは覚えておきたい!!MySQL の６つの自動変換 - sakaikの日々雑感～(T)編
MySQLはとても気ぃつかい屋さんである。我々が投げる多少あいまいな指示も頑張って解釈し、なんとか文句を言わずに実行してみようと挑戦してみてくれる。 今日はそんなMySQLがケナゲに解釈してくれる自動変換について紹介しようと思う。この自動変換、ケナゲなMySQLの奥ゆかしさ故、出した指示と異なる動作をされたことに気がつかないことがある。ここで紹介する６つの自動変換をしっかり脳ミソにたたき込んでおけば、無用なトラブルにハマる時間も減るかもしれない。 １．[数値] 範囲外の数値は頭を押さえつけられる intやsmallint、bigintなどの数値型には、扱える範囲が決まっている。例えばint型なら最大21億ちょっとだ（unsignedの場合は43億弱）。これより大きい数字を登録するよう指示を出すとMySQLはどうするか。そう、頑張って入れられるところまで入れてくれるのである。「入れられるとこ
InfoQ: HTTPSコネクションの最初の数ミリ秒
ほとんどの人がHTTPSとSSL (Secure Sockets Layer) を結びつけて考えます。SSLは1990年代半ばにNetscape社が開発した仕組みですが、今ではこの事実はあまり正確でないかもしれません。Netscape社が市場のシェアを失うにしたがって、SSLのメンテナンスはインターネット技術タスクフォース(IETF)へ移管されました。Netscape社から移管されて以降の初めてバージョンはTransport Layer Security (TLS)1.0と名付けられ、1999年1月にリリースされました。TLSが使われだして10年も経っているので、純粋な"SSL"のトラフィックを見ることはほとんどありません。 Client Hello TLSはすべてのトラフィックを異なるタイプの"レコード"で包みます。ブラウザが出す先頭のバイト値は16進数表記で0x16 = 22。 これは
その場でコンテンツを編集するSEO対応したCMS·SEOTOASTER MOONGIFT
SEOTOASTERはPHP製のオープンソース・ソフトウェア。数年前までCMSといえばモジュール化され、プラグインの数を競い合っていた。そのためできるだけ汎用的なシステムが作られてきたが、その結果としてユーザは使い慣れるまでに様々な操作が必要になってしまった。 ログイン直後。アイコンが編集可能であることを意味している。 最近では多機能さではなく、手軽に使えるCMSが好まれてきている。かつ管理画面を用いず、ユーザ画面のままで編集できるタイプが多くなっている。その一つとしてSEOTOASTERを紹介しよう。PHP+MySQLで動作するので利用できる環境が多そうだ。 SEOTOASTERはユーザ画面の横にメニューを表示して、そこからコンテンツの編集が出来る。コンテンツの脇にC/S/H/C（黒）というマークがあり、それぞれコンテンツやヘッダと言った意味を持つ。ヘッダは一行の編集で、コンテンツは複数
コマンド+エンターで画面の最大化·Megazoomer MOONGIFT
MegazoomerはMac OSX向けのオープンソース・ソフトウェア。Windowsからのスイッチャーの方は特にそうだが、Mac OSXのアプリケーションウィンドウ最大化処理はなかなか手になじまない人が多い。ちょうど良い感じにやってくれるとは言っても、それが合わない人は多いのだ。 表示領域いっぱいまで広がる 強制的に最大化して欲しい、不要な領域は全部消して、とにかく極力表示範囲を大きくして欲しいという願いを持っている方はMegazoomerを使ってみよう。SIMBLプラグインとして動作し、Cocoaアプリケーション全般に有効なソフトウェアだ。 Megazoomerをインストールした後から立ち上げたCocoaアプリケーションは、コマンド+エンターキーを押すとズームしながら最大化するようになる。メニューバーも消え、ウィンドウのタイトル部分も表示されなくなる。とにかくマックスで表示されるのだ。
イラストコミュニティソフトウェア·Danbooru MOONGIFT
DanbooruはRuby on Rails製のオープンソース・ソフトウェア。pixivに代表されるイラストコミュニティは昔から人気が高い。自分の作品を手軽に発表したり、誰かの作品にコメントしたりして楽しめる。二次創作の分野も活発だ。 日本でも人気の高いイラストコミュニティ そんなイラストコミュニティサイトを自分でも作ってみたいと思ったらDanbooruを使ってみるのが良さそうだ。インタフェースはシンプルだが、機能は十分に備えている。クローンサイトも多数あり、分野を限ったりしてイラストコミュニティサイトを立ち上げてみると面白そうだ。 DanbooruはRailsで実装されている。機能はイラストの投稿、コメント、ノート、タグ、フォーラム、Wikiなどとなっている。Web APIも備えており、実用的な機能がとても多い。アップロード時にはソースのURLを登録したり、親子関係を作ることもできる。
Google ChromeでもFirebug·Firebug Lite for Google Chrome MOONGIFT
FirebugはGoogle Chrome向けの機能拡張。FirefoxをWeb開発者の心をつかんで放さないのは、Firefoxアドオンによる所が大きいと思う。そしてその代表例としてFirebugがある。これがあるからFirefoxを切り離せないと考える人は多いのではないだろうか。 Google ChromeにもFirebugが！ そしてGoogle Chromeも機能拡張を備えており、コミュニティベースで様々なソフトウェアが開発されている。そしてついに登場したのがFirebug Lite for Google Chromeだ。ネーミングがなんではあるが、あのFirefox向けアドオンであるFirebugと同等の機能が提供されている。 コンソール機能を使ってJavaScriptを操作したり、CSSを修正したりすることが出来る。もちろんその修正はリアルタイムに反映される。これはGoogle
公式のSamba 3.2.x HOWTOとリファレンスガイド
List of Figures 4.1. ドメインの例8.1. Network Bridgeの設定8.2. インターネット プロトコル(TCP/IP)のプロパティ8.3. ネットワークの詳細設定8.4. DNSの設定8.5. WINS Configuration8.6. ローカル エリア接続のプロパティ8.7. インターネット プロトコル (TCP/IP)のプロパティ8.8. TCP/IP 詳細設定8.9. DNS設定8.10. WINS設定8.11. Windows Me ネットワーク設定パネル8.12. IPアドレス8.13. DNS設定8.14. WINS設定8.15. 全般8.16. コンピューター名パネル8.17. コンピューター名の変更パネル8.18. コンピューター名の変更パネル ドメイン MIDEARTH8.19. コンピューター名の変更 ユーザー名とパスワードパネル8.2
プロ向け最上級モデル、米Shure製モニターヘッドホン「SRH840」を試してみた | RBB TODAY
米Shure製モニターヘッドホン「SRH840」は、同社プロフェッショナル向けヘッドホンのラインナップにおける最上級モデルだ。 SRH840は、スタジオレコーディングや高品位な音楽鑑賞用途としても十分な使用に耐え得るヘッドホンだ。今回のレビューにおいて100時間ほどのエージングを行ったところ、50時間を超えたあたりから低音のこもった感じがとれてきて、100時間を超えた時点ではかなり安定した音となったように思う。 高解像度かつ分解能に優れ、安定した定位といった特性であり、モニターヘッドホンとしての仕様を満たしている。下位モデルと比較すると音の輪郭がはっきりしており、全体的に音の厚みが感じられる作りになっている。モニターヘッドホンとして日本では標準的なソニー「MDR-CD900ST」と比較すると、全体的に華やかな印象を受ける。MDR-CD900STがモニター専用と割り切ったシンプルな音作りとす
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Apple, Mac, iPhone, iPad, and iPod Reviews, Help, Tips, and News | Macworld
Yahoo! UI Library 3（YUI3）の基本
IPA、固定幅と変動幅を統合した「IPAexフォント」を公開