第7回Webアプリを作ろう#4──Omnibox、Context Menus 吉川徹 2011-07-11
第7回Webアプリを作ろう#4──Omnibox、Context Menus 吉川徹 2011-07-11
複数人で作業をしていると、ふとWebサーバを使いたくなるときがあります。 簡単なファイルの受け渡し等、ローカルマシンですぐにWebサーバを起動させることができると結構便利です。 でも、Apacheみたいな専用のWebサーバをわざわざインストールするほどでもない・・・。 そんなときにローカルマシンにRubyかPythonがインストールされていれば、コマンド一発(ワンライナー)ですぐにWebサーバを起動させることができます! Python編 Pythonでは、バージョン2.4以降で追加されたモジュールをスクリプトとして実行できる"-m"オプションを活用します。 $ python -m SimpleHTTPServer上記のような感じでコマンドを実行すると、デフォルトの8000番ポートで、実行時のカレントディレクトリをドキュメントルートとしたWebサーバが起動します。Pythonコマンド1つでW
はじめに Ubuntu 11.04がリリースされました。 早速インストールして環境を作ったので、やったことを書いておきます。 とりあえず開発環境以外のものだけです。開発環境構築編はこちら。 環境 Ubuntu 11.04 32bit ThinkPad X201i 注意:「システムの設定」の場所 10.10までは、システムの設定はパネル上の「システム→設定」や「システム→システム管理」から設定していました。 11.04では、これらの設定は画面右上の電源ボタンの「システムの設定」から行うように変更されています。 環境構築 ホームディレクトリのディレクトリ名を英語にする $ LANG=C xdg-user-dirs-gtk-update CapsLockキーをCtrlキーにする 1. システムの設定→キーボード→「レイアウト」タブの「オプション」をクリック 2. 「Ctrlの位置」で「Make
ソーシャル・ネットワークにおける人間関係の情報は「ソーシャルグラフ」と呼ばれ、その重要性ゆえ、日増しに注目が高まっている。過去に「ソーシャルグラフってなんだろう?」という記事で多面的な解説を試みたが、それ以降、新しいサービスの台頭でソーシャルグラフはさらに進化を続けている。 そこで当記事では、その続編として、ソーシャルグラフの種類、それぞれをベースとしたサービス、最後にソーシャルグラフをめぐるサービス戦略について、それぞれ考察を加えてみたい。なお、この内容は、前回の「LooopsTV」にて口頭説明した内容をブラッシュアップしたものだ。 ■ ソーシャルグラフの種類について まず、シンプルなソーシャルグラフを考えてみよう。人と人の関係性について、ベーシックな理論として引用されることの多いのは、社会学の権威であるマーク・グラノヴェッター氏による「The strength of weak ties
This document contains links to MongoDB documentation pages about sharding, databases, collections, inserting, querying, updating, indexing, replication, and backups. It includes a link to a slideshare presentation on MongoDB sharding and links to pages explaining replica set internals and operations.Read less
ソーシャルアプリのプロトタイプ制作にMongoDBを活用 1. ソーシャルアプリのプロトタイプ制作にMongoDBを活用~PHP+Sleepy.Mongooseでお手軽永続化~Fungoing LLC / Satoshi MiyauchiTwitter : @bibrost 2. Profile 宮内 聖 / Satoshi Miyauchi @bibrost 自宅警備員(週休2日) 兼 Fungoing LLC 代表 兼 株式会社監査と分析 システム開発担当 兼 株式会社ニジボックス 傭兵 … etc Webデザイン、映像編集、Webサービスの開発など・・・いろいろ 引きこもりフリーランス生活。と思ったら最近はたまに出勤。 Scala、MongoDB、Solrをメインにやってます ※お仕事、協業のご相談は随時受付中 Page : 1 3. Recent Works ( with Mong
ツイッターapiの利用規約(March 17, 2011)と、物議を醸したtwitter社のRyan Sarver氏のメールですが、英語が不自由な多くのツイッターapi developerにとっても公共性が高いと判断し、誠に勝手ながら社内勉強会のために翻訳したものを、以下のGoogleスプレッドシートにて閲覧いただくことを可能にしました。 このドキュメントを読んで起きたいかなることの責任は取りかねますので、不明点等々は必ずTwitter社にお問い合わせください。 つまり、これ違ってねぇ?という方は直していただけますと幸いです。 twitter API利用規約の翻訳(勝手翻訳版/原文はMarch 17, 2011バージョン) twitter規約変更に対するtwitter社Ryan Sarver氏のメール (twitter-dev MLに3月11日, 午後3:18に送られたメール) ■本翻訳の
sakuです。6日にiMacを購入したので、晴れてWindows VistaからMac OSへスイッチしちゃいました。はじめてのMac OSを使った戸惑いを10個にまとめてみました。 最初の設定iMacを起動したら、いきなり動画スタート。びっくりしました。Windowsにはもちろんないので。動画の終了後、いくつか記入事項を終えるとデスクトップが表示されます。あの、Dockにアイコンがならぶおなじみの画面ですね。 ※設定項目参考:言語の設定/キーボードスイッチオン/文字入力環境など/既にMacをお持ちですか/ワイヤレスネットワークを設定などなどを設定 1.初期設定で気をつけることは?フルネームアカウント名は短め(英数字)に設定したほうがいいかも。デフォルトだと、Appleアカウントからフルネームがそのまま反映されて、漢字表記になったりします。ファイルパスが漢字とか嫌なので。僕はどちらも「sa
株式会社8bitのスタッフブログです。こんにちは。株式会社8bitの高本です。 最近、個人で作っているWebサービスを作っている人の作業速度が異常に速いので、どうしてそんなに速くできちゃうのか考えていました。 ちょっと昔の話ですが、「予告.in」というサービスは2時間で公開したそうです。 犯行予告収集サイト「予告.in」公開 「0億円、2時間で作った」 震災の際もかなりのスピード(数時間~数日)で安否情報や震災に関する情報を配信するサービスが立ち上がっていました。 企業でやっているものもありますが、そのほとんどは個人といっても良い人数で作られています。 Anpi (いつから作り始めたのかわかりませんが、15日には公開していました。) SAVE Japan (6時間で公開したそうです。) 企業で収益性を見越したWebサービスを作る際は、もちろん色々と考えないといけませんが、
パソコンの温度・電圧・負荷およびバススピードなどをインストール不要で表示することができるオープンソースのフリーソフトが「Open Hardware Monitor」です。 ほとんどのマザーボードに載っているチップをサポートしており、対応OSはWindows XP/Vista/7の32ビット版および64ビット版と、x86 Linuxとなっています。 ダウンロードと実際の使い方は以下から。Open Hardware Monitor | CPU Temperature, Fan Speed and Voltages in a Gadget http://openhardwaremonitor.org/ 上記ページ内「Download Open Hardware Monitor」をクリック。 「Download Now」をクリック。 ダウンロードした圧縮ファイルを解凍します。 解凍してできたフォル
mixi, Twitter, Facebook 2011年4月最新ニールセン調査 〜 デモグラフィック分布比較もプラスしました 5月18日に、2011年4月度のニールセン・インターネット視聴率が発表された。震災の影響でソーシャルメディア活用が劇的に増加した3月と比較すると、4月度は3サービスいずれもアクセスを減らしたことがわかった。なお、3.11大震災とソーシャルメディアの関連性については、下記記事を参考にしてほしい。 ・ 3.11 ソーシャルメディアの光と陰、これからのこと (2011/4) データ元は、ネットレイティングス社提供によるインターネット利用動向調査「Neilsen/NetRatings NetView」サービス。対象は「一般家庭および職場のPCユーザー」としている。 利用者数でいくと、mixiは1251万人(前月比95%)、Twitterは1549万人(同88%)、Face
愛宕山太郎坊 アニメーション制作進行支援ソフト 愛宕山太郎坊 ログイン 会社id ユーザー名 パスワード ユーザー名またはパスワードが正しくありません。 閉じる ログイン
リリースされたばかりですが、スマートフォン用のサイトを手軽に作れると言う事で早速試してみました。 普通のウェブサイトなら話題のabout.meであなたのプロフィールページを1分で作ってみようを参考にしてみるといいかもしれないです。 smart4meってどんなサービス? 以下引用を参考に。 smart4me(スマート フォーミー)とは?iPhoneやAndroidなどスマートフォン向けサイトが無料で、簡単に公開できる、世界初のWebサービス! ブログ感覚で、ユーザー自身のスマホサイト(スマートフォン向けサイト)を簡単に公開が可能。 TwitterやBlogなどのソーシャルメディアとも連携可能なので、あなたの最新情報をすべて集約できるなど、使い方はあなたのアイディア次第です! 早速ユーザー登録してみよう smart4me ユーザー登録はちゃちゃっと終わります。 登録したメールアドレス宛にメール
Javascript PC Emulator Fabrice Bellard氏は5月14日(フランス時間)、ブラウザで動作するPCエミュレータ「Javascript PC Emulator」を公開した。Javascript PC EmulatorはJavaScriptで実装されたPCエミュレータ。Firefox 4およびChrome 11で動作確認がとられている。Linuxカーネル2.6.20をベースに若干の変更を加えたものがjslinuxとして公開されており、Javascript PC Emulatorの動作を確認できるようになっている。 Javascript PC Emulatorでエミュレートしているハードウェアは次のとおり。 32ビットx86互換CPU 8259PIC (Programmble Interrupt Controller) 8254PIT (Programmble I
@doryokujinです。この業界で非常に強い影響力を持つ@kuwa_tw氏が某勉強会でMongoDBについてdisられており、このままではMongoDB自身の存続が危ういと思い、急遽ブログ書きました。(冗談ですよ) ザ・ドキュメント〜うまくいかないNoSQL〜 View more presentations from Akihiro Kuwano MongoDBを使っているときに出会うトラブルをうまくまとめてくださった「MongoDBあるある」的な良い資料だと思います。今日はここで書かれているトラブルの解決方法を提示したいと思います。恐らく@kuwa_tw氏は全ての解決方法を知っていながら、同じトラブルへ悩む人のためにあえてdisったのだと思います。 MongoDB はデータベースもコレクションも存在しなければ自動作成してくれる mongoシェルを起動する場合、たいていは $ mong
こんにちわ Ameba Technology Laboratory (以下ATL) 所属、通称アキバ組 の hattori です。 秋葉原オフィスの話もしたいところですが…今回は、先週末の金曜日に弊社渋谷オフィスにて 株式会社ミクシィ 様と合同勉強会を初めて開催しましたので、その際の様子を報告したいと思います。 ■ 勉強会会場の様子 当日は業務時間後の開催にも関わらず、両社合わせて90名程度の参加者が集まりました。 上写真のように結構な規模。 勉強会のプログラムとしては「 前半戦 : 30分セッション × 4 」+ 「 後半戦 : LT × 5 」という流れで、結構な長丁場でしたが、発表分野も多岐に渡り非常に内容の濃い勉強会でした。 以下では各セッションの発表内容を紹介していきたいと思います。 ( private な勉強会だった事もあり、全ての発表資料を公開する事はできませんがご了承くださ
過負荷に耐えるWEBサービス作成のための使えるPHPキャッシュテクニックまとめ。 サービス展開というとOSのチューニングや各種インフラソフトウェアのチューニング、更にはWEBアプリプログラム自体の効率化と、幅広い知識が必要になってきますが、PHPでWEBアプリを作る際によく効くキャッシュテクニックを用途・使いどころ別に説明します。 キャッシュをうまく効かせることで大幅に計算量を減らしてより多くのリクエストを少ないマシンで捌くことが出来、コストを下げたり、過負荷の悩みを減らせます。 個人レベルでのWEBサービス開発の場合、サーバ代がお財布を大きく圧迫しますが、最低のコストでサービスを賄うことに繋げられます、ということでPHPでサービス作ってやろうと思っている人は参考にしてみて下さい。 static変数でキャッシュ 特に何も入れなくてもそのまま使えるstatic変数。例えば、関数等で一定の計算
スライドの作者であるGleicon Moraesは、これらの図を示した上で、リレーショナルデータベースはガムテープのようにつぎはぎで使えるような万能薬ではない。シャーディングや非正規化などは検討すべきよい選択肢であり、またリレーショナル以外のデータベースも選択肢としていれるとよいだろうと説いています。 そして次のような「リレーショナルデータベースの間違った使い方10項目」を示しているのです(訳は前述の記事「データベースの間違った使い方10項目」から)。 Dynamic table creation(動的なテーブルの作成) Table as cache(テーブルをキャッシュとして使う) Table as queue(テーブルをキューとして使う) Table as log file(テーブルをログとして使う) Distributed Global Locking(分散したグローバルなロック)
最近の投稿 全く新しいムービーメーカー omoide リリース [書評] 開発のプロが教えるSwift標準ガイドブック Size Classで柔軟なレイアウトを実現 [Xcode] デバイスのスクリーンショットをXcodeから撮る iOS 開発ツール FLEX by Flipboard を試す 人気記事 [Xcode] デバイスのスクリーンショットをXcodeから撮る posted on 2014/10/01 | Xcode の下 [iOS5] ARC (Automatic Reference Counting) : Overview posted on 2011/11/16 | iOS の下 [iOS] TableView スクロールパフォーマンスの改善 posted on 2010/10/22 | 古い投稿 の下 [iOS6] Collection View 基本的な使い方 poste
というわけで、昨日から話題沸騰の Javascript PC Emulator すごいですね。JavaScript で書かれた x86 PC エミュレータ上で Linux 動かして、入ってる tcc 使えばそこそこのソースもコンパイルして動いたり。 もとのディスク容量が少ないので、適当な母艦を用意して、こんな感じ で新しいディスクイメージ作って、CocProxy や Fiddler の AutoResponder を使って root.bin へのリクエストをローカルのファイルに差し替えてやれば、好きなファイルも入れられますね。 というわけで、SpiderMonkey を入れて動かしてみました。ブラウザ内でJavaScriptが動くなんてムネアツですね! 手順としては、コンパイルの簡単な SpiderMonkey 1.7 を x86 の32ビットマシンで -static 付きでビルドして、r
SpringSource Tool Suiteとは? Spring FrameworkはJava開発で広く利用されているオープンソースのアプリケーションフレームワークだ。DIコンテナを中核に様々なフレームワークが構築されており、Spring FrameworkはSpringSource社 (現在は買収されVMware社の一部門となっている) から提供されている。本稿で紹介するSpringSource Tool Suiteは主にこのSpring Frameworkを使用した開発を支援するための統合開発環境で、Spring同様SpringSource社から提供されている。 STSはダウンロードページからZIPファイルもしくはインストーラ形式で入手可能だ。また、すでにインストール済みのEclipseに更新サイトからインストールすることもできる。更新サイトからのインストール手順についてはこちらのド
今回は公開鍵認証を利用して、VPSにログインするための準備とログインする方法を解説します。また、ログインを簡単にする「エージェント」の使い方も説明します(編集部) 鍵ペアを生成して秘密鍵を共通鍵で暗号化 前回は公開鍵認証の基礎になっている公開鍵暗号の仕組みを解説しました。引き続き今回は、sshで公開鍵認証を利用するための具体的な設定手順を解説します。 最初に鍵ペアを生成します。鍵ペアは生成ツールがランダムに生成してくれます。ツールが生成した秘密鍵は、前回も述べたとおり、共通鍵暗号によって暗号化します。仮に流出したり盗まれたりしても、不正に利用されることを防ぐためです。 このときの共通鍵暗号の暗号鍵は、パスフレーズといいます。パスワードは8文字以上と、1語程度の長さですが、パスフレーズは数十文字で1文以上の長さのものを指します。長くするのはもちろん、総当たりで破られることのないようにするため
Facebookとそのほかソーシャルメディアとの年齢、性別に関するインフォグラフィック。Advertising Ageがつくったもの。 Facebookに登録している女性の61.2%が結婚して1年以内と登録、男性の同比率は44.3% Facebook女性の71.1%が子どもがいるとしているのに対し、男性は28.9% 35歳以上に関しては女性ユーザの方が多い Facebookの35歳以下のユーザは男性の方が多い Facebookが人気の国は、上から順にアメリカ、インドネシア、UK、トルコ、インド、メキシコ、フィリピン、フランス、イタリア、ドイツ LinkedInが人気の国は、上から順にアメリカ、インド、UK、ブラジル、カナダ、オランダ、ニュージーランド、フランス、オーストラリア、イタリア 最近の予測によるとツイッターユーザは人口の10%、その他のソーシャルネットワークに比べると遥かに低い ツ
料金表や一覧を表示する際に欠かせないテーブルコーディングで、検索や並び替え、ページング、グラフ表示など色々なものがあったので、探しやすいようにjQueryプラグインをまとめてみました! jQuery Visualize HTML5とjQueryを使ってテーブルの値をグラフで表示する事が出来ます。 jquery.csv2table.js エクセルなどで作ったCSVファイルを読み込み、クロスブラウザなテーブル表示を行うjQueryプラグイン。 行の絞り込みや文字列検索などかなり高機能になっています。 jExpand 表、画像、リスト、図やその他の要素を折りたたみ表示する事ができます。 Fixed Header Tables ヘッダーを固定して表示します。Excelでは良く使いますね。 縦に長い表を使う場合に非常に便利です。 treeTable テーブルの中にツリー構造を実装できます。 Flex
最近は、@kazeburo さんの真似をして自分も「オペレーションエンジニア」と名乗ろうかと思ってます。正直最初にオペレーションエンジニアって聞いた時、なんのことだかよくわからなかったんですよね。ちょうどこの言葉を最初に見たのは 1 年前くらいで、その時僕は 2 年目に入ったところで MySQL Conference から帰ったばかりで「おらは DataBase Administrator(DBA)なんだ!」と思ってた頃でした。 それからちょうど 1 年。1 年目の時も DB だけをやってたわけではないですが、この 1 年はより広くより深くいろんなモノを見てきた関係で、自分の仕事は「DBA」だけだとちょっと説明に足りないなぁと思ってたところで、「オペレーションエンジニア」という言葉を思い出しました。そう、僕の仕事は「オペレーションエンジニア」なんです。ひよっこだけど ん、ちょっと待てって?
シェルからでも重い処理というのはちょこちょこあって、例えば超デカいログファイルを移動して圧縮したりというお仕事は世界中のあらゆる場所で毎日行われていたりする。コマンドラインからでも大量の圧縮済みログファイルをいっぺんに展開したい、とか。 あるディレクトリ以下に存在するたくさんのファイルを(圧縮済みのものを除いて)全部 bzip2 圧縮したい!と思ったら、とりあえずさくっと次のようにコマンドラインで叩けばいい。 $ find . -not -name '*.bz2' | xargs bzip2 これで、まあそんなに問題なく効率的にbzip2圧縮ができる。だがしかし。 最近は複数コアのCPUが普通に転がってるし、あまつさえHyperThreadingが有効になってたりしてOSから見える論理CPU数がハンパない。普通に8とかある。その一方で複数コアを使用してくれるコマンドというのはあんまりなくて
MacPortsは、Mac OS XにUNIX系のアプリケーションを簡単にインストールできる仕組みを提供する。 インストール方法は、Macを買ったら入れるソフト- (5) UNIX環境編を参考にしてほしい。 ここでは、MacPortsの使い方を紹介する。 (※MacPortsによるソフトのインストールには、「XcodeTools」が必要です。Mac OS XのインストールDVDに入っています) 使用するには、ターミナルを起動し、「port」コマンドを使用する。 ———————– $ port 命令 対象ソフト名 ———————– とするだけなので、難しくはない。 画像処理ソフトの「ImageMagick」を例に取ると以下のようになる。 MacPortsで「ImageMagick」がインストール可能か調べる。 ———————– $ port search Imagemagick ——————
先日、以下のアンケートを行いました。 あなたが思う「最高のデザインのiPhoneアプリ」を教えてください 内容が内容だけに?コメント数も少なかったこともあり、集計作業的には大助かりだったにも関わらず、その結果は凄く面白いものになった!と思いました。 皆さん、本当にアプリに詳しいですね・・・・凄いです!てことで、早速集計してみました。【注意事項】紹介している価格は、本エントリ掲載時(2011/5/15 4:00)のものです。iPhoneアプリはいつ値段が変更されるかわかりません。ご購入の際はAppStoreの最新価格をよくご確認の上、くれぐれも「自己責任」でお願いします。 「最高のデザインのiPhoneアプリ」目次 今回はスクショ等を交えて紹介してて長くなるので、記事内を行き来しやすいよう、以下に対象アプリのリストを作ってみました。なお、順番は得票数/コメント早い順です。 デザインに定評のあ
まとめ第2弾。個人的には プログラマが知ろうが知るまいがどうでもいい97のこと - Togetter に期待していたのですが、これは 97 個揃えるのはちょっと無理ゲーのようです。尚、ここ最近の一連のまとめの元ネタは プログラマが知るべき97のこと です。類似ネタの プログラマが知るべきではない97のこと、プログラマが体験するべきではない50のこと も併せてどうぞ。 切りのいい数字とは 2進数です 片手で 31 まで数えられる 万能じゃない "パソコン"に強くない プログラマだからといって Office シリーズに精通してるわけじゃない あ、その作業は事務のお姉さんの方が得意だと思います カナ入力に変えたら必ずローマ字入力に戻しとけ プログラムの GC は得意でも部屋の GC は得意でない マルチスレッド処理は書けてもマルチスレッド処理はできない Amazon で買っているのは技術書だから
米OpenLogicは米国時間2011年5月16日、オープンソースソフトウエア(OSS)のライセンスに関する調査結果を発表した。それによると、OSS開発者が最も採用しているライセンスは「GPL(GNU General Public License)」であるのに対し、企業がOSSを導入する際に最も利用しているライセンスは「Apache License」だった。 同調査では、OpenLogicが運用するOSSパッケージの紹介・提供サイト「OpenLogic Exchange(OLEX)」に登録されている約33万種類のOSSプロジェクトと、OpenLogicの顧客200社を対象に分析した。OSSプロジェクトの68.9%が「GPL」を採用しており、他のライセンスを大きく引き離した。2位は「Apache License」で7.6%、3位は「LGPL(GNU Lesser General Public
iPSim - Chrome Web Store ChromeをiPhoneシュミレーターにできる拡張「IPSim」 IPSimを使えばChromeをiPhoneシミュレーターにすることが出来ます。 インストールすると次のようにボタンが追加されます クリックするとシュミレーターが現れます。 縦・横方向での表示が可能。 以下、横表示の例 Chrome自体がWebKitベースなので実機でもそれほと差異がない点にも注目。 ChromeでサクッとiPhone対応したい場合に入れておくとよさそうですね。 関連エントリ PHPのエラーなんかをブラウザで確認できるChrome拡張「php-console」 JavaScriptエラー時にエラーを分かりやすく通知してくれるChrome拡張「JavaScript Errors Notifier」 PHPフロントエンドのコンソールロギング用Chrome拡張「C
Linux Daily Topics 2011年5月17日CentOS 6.0は本当にリリースされるのか?─メイン開発者の離脱が意味するメッセージ Red Hat Enterprise LinuxのクローンOSとして、ホスティング事業者やクラウドサービス事業者の間で高い人気を誇るCentOSだが、どうも最近、様子がおかしい。昨年11月にRed HatがリリースしたRHEL 6.0を受け、本来ならとっくにCentOS 6.0がリリースされていなければならないのに、一向にその気配がない。そんな中、CentOSの主力開発者であるDag Wieers氏がプロジェクトからの離脱を表明した。いったいCentOSはどうなってしまうのだろうか。 Dag Wieers氏は5月5日付の自身のブログで、「コアチームのメンバーたちは、提題として上がっている問題(CentOS 6.0のことか?)を無視し、巧妙なご
季節の変わり目に弱いosuga-hです。 お急ぎの方はクイズをすっ飛ばして、続きからお読みください。 突然ですがクイズです。 以下のHTMLとCSSで指定されているdivはマウスオーバで何色になるでしょう? ※答えは緑か赤かのどちらかです。 Q1. まずはジャブから <style type="text/css"> .sample:hover .s1 div { background-color:#0F0; } .sample:hover .s1 div { background-color:#F00; } </style> <div class="sample"> <div class="s1"> <div>このdiv</div> </div> </div> このdiv Q2. idを付けてみる <style type="text/css"> .sample:hover
CSSのキャッシュ対策 クロスブラウザ対応の角丸、ボックスシャドウ、不透明 ショートハンドCSS、再利用可能なclass ページ下部に固定表示されるSticky Footer CSS(Reset関連) リセットはHTML5ベースのEric Meyer's Reset Reloaded フォントのノーマライゼーション Webkit系ブラウザのフォントのスムージング フォーススクロールバー ラベルの一列化 クリック可能なインプット要素 スクリーンリーダー対応 IE7のイメージリサイジング 印刷時のスタイル X(HTML) クリーンなコード構造 コンテンツ幅は940px F型レイアウト 古いバージョンのIEからイメージツールバーの削除 最新のIEのレンダリングエンジン jQuey 1.5.2ベース(1.4.4も可) ページ上部へスムーズにスクロール HTML5のプレースホルダー機能 ナビゲーショ
第5回Pacemakerを運用してみよう![保守運用編(2)] 岡和田拓也 2011-05-12
KVMとは KVMはLinuxカーネルに組み込まれている仮想化機能(ハイパーバイザ)です。1台のサーバ上で複数のOSを同時に動作させるために必要な制御を行う「仮想マシンモニタ(VMM:Virtual Machine Monitor)」の仕組みを提供します。 KVM機能はLinuxカーネル2.6.20でカーネルソースに取り込まれ、Linuxカーネルの一部として開発されています。 40年以上前に登場したメインフレーム(現System z)の仮想化技術と比べた場合はもちろん、VMware社の仮想化ソフトウェアと比べてもKVMはまだまだ若い仮想化技術ですが、注目を集めるのには理由があります。 KVMは2006年にQumranet社のアビ・キビティ氏が個人で開発を始めました。Intel-VTやAMD-Vなどのx86プロセッサの仮想化支援機能の活用やLinuxカーネルにアドオンで仮想化機能を実装す
自分では spec が書けなくて…。そういう人にお薦め、Checkinstall。 tar ball だけが配布されているパッケージの場合、もちろんそのままインストールしても良いのですが、せっかくの rpm パッケージ管理システムがあるのだから、できれば rpm パッケージでインストールしたい。 ちょっと試して期待外れだったり、不要になったら -e でアンインストールも簡単にできるし、バージョン管理も確実になる。spec さえ自分で書ければ世話は無いのですが、そもそもそこまでのスキルは無いという私にとってあまりにありがたいアプリケーション。 rpm 専用ではありません。パッケージ作成の際に Slackware の tgz 形式や deb 形式も選べます。 この文書では 2010 年 3 月最新のパッケージ checkinstall-1.6.2.tar.gz について解説します。checki
昔から、「OpenIDは認証でOAuthは認可だ」などということが言われます。しかし、その言語の意味を取り違えている方が結構多い気がしています。「もうOpenIDなんていらね。OAuthだけでいいじゃん」というような言説がよく流れてくるのがその証拠だと思います。OAuth認証というのもその類ですね。 そこで、今日はOAuthとOpenIDの違いを考えてみたいと思います。 OpenIDは紹介状、OAuthは合鍵 まずはOpenIDの概要の復習です。「OpenIDは認証」という言葉の内容をまずは復習してみましょう。 「認証」とは大変広い言葉でいろいろな場面で使われますが、「OpenIDは認証」という使い方の時は、「OpenIDは、いま来ている人の身元を認証」(ユーザ認証)という意味です。図にすると図1のような流れになります。 この例では、有栖さんがお客としてサービス提供をしているサイトである伊
2002年、当時設立したばかりの会社に入り、何もない状態から、コンテンツとシステムを作り続け8年が経った。日々、試行錯誤しながら、それなりに会社も大きくなり、まだ、大成功とは言えないけど、それなりにうまくやってきたつもりだ。 しかしながら、その8年という短くはない時間の中で、色々な課題や問題が発生し、その時々正しい選択をしてきたつもりだったけど、反省点も多い。もう一度スタートアップに参加するとしたら、やり直したいところや、もっと早くこうしていれば良かったというところがたくさんある。 そんなわけで、次の挑戦のときに忘れないように、また、もしかして誰かの参考くらいになればと思い、メモっておくことにした。1 まず、反省点の前に、何をやっているのかというのを簡単に。 ビジネスとしては、英語e-learningのWebサービス(ネットを使った英語のお勉強)をASPな形で、企業や大学などに提供している
今回もあまりがっつり書ける時間が無いので、超小技のエントリー( ̄▽ ̄;) たとえば、Yahooさんとかがやっているんですが、 「ページを読込んだときに、URLバーが引っ込む」という、ちょっとした気配りの動き。 Yahoo! JAPAN (スマートフォンサイト) (Yahooさんの手法とは違うかもしれませんが) その方法を紹介します。 僕の場合は、ページ読込みが完了した時に1ピクセルだけスクロールさせています。 そもそも、iOSのSafariやAndroidの「ブラウザ」は、 ページ読み込み完了時に、スクロール位置が1ピクセル以上あった場合、 URLバーが引っ込む仕様のようです。 (あくまで推測。ページ内リンクなどで、そうなるのが根拠です。) まぁ、これのなにがいいのかというと、 ページの表示範囲を少し広く見せられる。 ってところでしょうか。 やり方は簡単です。 JavaScriptでWin
FacebookがLike(いいね!)ボタンを導入したのは1年前ほどのこと。昨年8月の時点で、FacebookのLikeボタンを導入しているウェブサイトの数は250万サイトを超え、その数は日々増えてる。この仕組みがすごいスピードで普及している一方で、いまだに自分の友達の中でどんなコンテンツが人気なのかを把握するのは簡単じゃない。 自分のソーシャルグラフの中で人気を集めているコンテンツが何なのかを教えてくれるのが“Likester”。個人とブランドの両方をターゲットにしている。4月末にローンチした個人向けのウェブサイトでは、すべてのFacebookユーザ、また個々のユーザの友達に人気なコンテンツを教えてくれる。特定の場所にある最もLikeされているサイトを検索したり、特定の友達がLikeしているコンテンツ、また特定のコンテンツにLikeした人が他にどういった内容をLikeしているかなどを知る
add(expr) 要素集合に、条件式にマッチした要素集合を追加します。 add(expr, context) 要素集合に、指定されたコンテキストの条件式にマッチした要素集合を追加します。 addClass(class) 要素のクラスに、指定した CSS クラスを追加します。 addClass(fn) 要素のクラス属性に、指定した関数が返す CSS クラスを追加します。 after(content) マッチした要素の後(弟要素)に、指定した内容を追加します。 after(fn) マッチした要素の後(弟要素)に、指定した関数の内容を追加します。 jQuery.ajax(settings) HTTPリクエストを使用してデータを取得します。 ajaxComplete(handler) Ajaxリクエストが完了した時に実行するコールバック関数を登録します。 ajaxError(handler) A
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く