フォーム関連要素（1） HTML5で既存のinputタイプに加わった6つの変更点
HTML5はフォーム関連要素もパワーアップ！ HTML5へのバージョンアップに当たり、＜form＞要素や＜input＞要素に代表される「入力フォーム」についても、非常に多くの変更が行われました。 もともとアプリケーションプラットフォームを志向していなかったこともあり、HTMLにおける入力フォームは非常に貧弱で、ユーザーにとっても使いやすいものではありませんでした。それを補うため、JavaScriptを用いてリッチな入力フォームを実現するのが一般的でしたが、JavaScriptを用いる方法には「セマンティックが不明確になる」「JavaScriptが動作しない環境では利用できない」といった弱点もありました。 そこで、HTML5ではさまざまな点から入力フォームを見直し、さまざまな機能強化が図られました。具体的には、以下のような点が挙げられます。
Evernoteをだいたい使いきってみた
入れられるものは入れてしまう。 いい言葉ですね。もちろん、Evernote的な意味で。 昨年5月にEvernoteを有料アカウントにして以来、月毎のアップロード容量である500MBは私にとって一つの壁でした。 どんなにWebクリップを溜め込もうが、写真を取り込もうが、最高でも月に300MB程度しか使えない。 別に無理してアップロード容量を使い切る必要など一切ないのですが、500MB中の300MBしか使っていないって言うのは勿体無い気がするじゃないですか。 向こうの用意が出来てるのに入れてあげないのは失礼じゃないですか。 Evernote的な意味で。 昨年の12月には有料アカウントの一ヶ月アップロード容量が1GBになったため、こいつぁEvernoteの空き容量がいよいよ本格的に勿体無い気がしてきました。 さてどうしよう。 デジタルじゃないと出来ないこと、いや、デジタルだからこそ気楽に、簡単に
[CSS]今、そして近い将来に使用するであろうスタイルシートのテクニック集
CSS3のテクニックはさまざまなものがありますが、その中からまさに今、そして次のプロジェクトに使用したくなるテクニックを紹介します。 The Bright (Near) Future of CSS [ad#ad-2] 下記は各ポイントをピックアップして意訳したものです。 はじめに Styling HTML5 Classing like HTML5 Media Queries Styling Occasional Children Styling Occasional Columns RGB Alpha Color HSL and HSL Alpha Color Shadowy Styles Multiple Backgrounds 2D Transforms はじめに ここでフォーカスするのは、今、そして近い将来に使用するであろうスタイリングのテクニックです。HTML5の要素のスタイリング
NetBeansのメモリ使用量グラフからわかること - 2011-02-19 - きしだのはてな
NetBeansでは、メニューの「表示 > ツールバー > メモリー」でメモリ使用状況をツールバーに表示させることができます。 けど、ここでは、もう少し詳しくメモリの使用状況を見るために、JConsoleを使いましょう。JConsoleは、Javaのプログラムの実行状況を見るための管理ツールです。 JConsoleプラグインのインストール JConsoleを使うには、JAVA_HOME/bin/jconsole.exeなどを起動すればいいのですが、せっかくなのでNetBeansからJConsoleを起動できるように、プラグインを入れてみましょう。 メニューの「ツール > プラグイン」を選択してプラグインダイアログを開いて、「使用可能なプラグイン」のタブから「JConsole」を選択してインストールしましょう。 そうすると、JConsole起動ボタンがツールバーに表示されるので、クリックして
今注目したい技術が盛りだくさん。HTML5/node.js製のTwitterクライアント·Streamie MOONGIFT
StreamieはHTML5/node.jsで作られたWebブラウザベースのTwitterクライアント。 StreamieはHTML5/node.js製のオープンソース・ソフトウェア。去年、今年と新しい技術がどんどん花開いている。一つはHTML5、もう一つはnode.jsだ。どちらもわくわくするようなソフトウェアが登場してきている。まだまだ一般的でないだけに、何ができるのかが興味深い。 タイムライン HTML5の仕様からは外れているが、WebSocketを使ってリアルタイムに更新されるWebアプリケーションも興味深い。そうした面白い技術を組み合わせつつ、こちらも人気が高いTwitterアプリにしたのが今回紹介するStreamieだ。 StreamieはOAuthを使って認証を行い、リアルタイムに更新されるTwitterクライアントだ。リプライやダイレクトメッセージ、タイムライン、ツイートな
Rubyを使って「なぜ関数プログラミングは重要か」を解読しよう！(その２) - hp12c
ブログを下記に移転しました。デザイン変更により移転先では記事が一層読みやすくなっていますので、よろしければ移動をお願い致します。 Rubyを使って「なぜ関数プログラミングは重要か」を解読しよう！(その２) : melborne.github.com - 前回に引き続き「なぜ関数プログラミングは重要か」を Rubyを使って解釈し自分の理解に基づいて解説してみます 関数の貼り合せ（ツリー編） 貼り合せの能力はリスト上の関数にとどまらない ラベル付き順序ツリーの例でこれを示そう Rubyにはリストに都合の良いArrayクラスが組込みであったが ツリーに都合の良いものはないので自分でクラスを定義しよう ツリーはラベルを持ったノードを連結したものとして表現できるので この連結の機能をもったNodeクラスを定義することで ツリーを表現しよう class Node attr_reader :label,
パソコン買ったらまず最初に入れとくべきモダンなvim管理 - Vim is running out
2011-08-13追記 最近のvim pluginの管理にはvundleがおすすめ。 http://vim-users.jp/2011/04/hack215/ .vimrcなどのdotfiles自体の管理には以下の方法が有用だと思います。 この記事でできるようになること - Windows, Linux環境間, または家, 会社間などでvim設定の共有が可能になります。 - 転職や,新しいPCを買ったときなどのvim環境設定があっという間に終わります。 (vim installは含まなければ5分程度?) この記事の主題は - pathogen.vim - githubとgit(git submodule) です。 - pathogen.vimの機能によって、.vim以下を綺麗にする - githubとgit submoduleを使って置いておくことで.vim以下をweb上で管理する の二
HTML要素の上にWebGLの描画を合成したらどうなるの - 最速チュパカブラ研究会
みたいなことを先週、ぴろたんと話していてですね。実際どうなるのか試してみました。こうなります。 赤い点線の枠が WebGL を有効にした canvas で、中の青い三角形は WebGL で描画されています。後ろの写真と「GL Overlay Test」という文字は通常の HTML です。 一見ちゃんと描画されているように見えますが、左側の半透明の三角形が、加算合成したような描画結果になっており、少し変です。本来であればもう少し暗い色で描画されている筈です。これは Chrome/Firefox あるいは Mac/Windows を問わず同じなので、今のところWebGL の描画結果を半透明で合成すると確実におかしくなるので、やめたほうがいいと言えます。が、逆に言えば、完全に不透明か完全に透明な部分は正しく合成されるので、限定的には使えるとも言えます。（描画結果にアンチエイリアスがかかっている場
ログインフォームに大切な7つの要素と重要な1つの機能
ログインフォームを実装する際に、大切な7つの要素と重要な1つの機能を紹介します。 元記事では下記のCSS3で実装されたフォームもダウンロードできます。 フォームのタイトル このフォームが何についてのものであるか手短に説明されたタイトル。特に、ウェブサイトの名称を記すことは非常に重要です。 非メンバー用のリンク 非メンバーが偶然、このページを見つけてしまうことがあるかもしれません。そして、メンバーを増やすチャンスもあるので、登録ページへの誘導も行っておきます。 ラベルとフィールド ログインフォームは通常、2つのフィールドで構成されていますが、ラベルは読みやすいようにします。 パスワードを忘れた場合 これは同じく、非常に重要なリンクです。多くのユーザーは多数のアカウントとパスワードをもっているものです。そして、しばしばそれはあなたのサイトでどれなのか忘れてしまうことがあります。 また、配置する
Android勉強用まとめページ
Android勉強用に作成したwiki 直近の目標 分かりにくくなったので、構成見直し中・・メモ帳っぽくしよう。。 カーネル関連は、Linux勉強用まとめページに退避する？→カーネル関係もこっちに。 Eclair環境も基本的に、Cupcake対応で問題なさそう電源周りの修正は変わってるので、どっか参照したほうがよい そのままだと、ビルドエラーがあるので、パッチ必要 お知らせ Armadillo-500 FX用開発環境の追加ファイルの部分が抜けてました（9/28修正）まだ抜けてるかもしれない 10月3日 山口県宇部市での資料がAndroidの会に掲載中 その他、雑多 やってて、つまづいたところをまとめたページがあれば、うれしいのかな 内容 覚え書き（単なるメモ） Android開発Android開発環境構築 デバイス追加 Android研究boot.imgな話（仮） VMな話（仮） Linu
Ruby で packrat parser - まめめも
packrat parsing というパーサの実装方法があります。特徴は、再帰下降パーサ + 無限先読み可能 + memoize*1 という感じです。僕が下手な説明をするより、英語わからなくても Haskell わかればわかる素晴らしいスライドやPappy (reference implementation) を参照してもらったほうがいいです。 で、練習として Ruby で packrat parser を使って足し算と掛け算だけの電卓を作ってみました。 $ ruby arith.rb 1 + 2 + 3 => 6 1 + 2 * 3 => 7 1 + 2 * (3 + 4) => 15文法はこんな感じ。 式 = 空白 加算式 文字列終端 加算式 = 乗算式 ("+" 乗算式)* 乗算式 = プリミティブ ("*" プリミティブ)* プリミティブ = 数値 / "("
「メタプログラミングRuby」は「自称初心者」こそ読むべき - 南極の図書館
どこかで、本書は「Rubyの中級者向け」であると聞いたことがある。 私にはまだ早いかな、と思いながらも読み始めたら、P33に「想定読者」が書いてあった。 そこに自己診断がある。 自分の能力に自信がない場合は、以下のような簡単な自己診断をしてみるとよい。 配列を繰り返すのに、あなたならどのようなコードを書くだろうか？ この答えはどんなRuby入門書にも必ず書いてある。つまり入門書を何か一冊でも読んでいれば、本書の「想定読者」に入っている。 もし「難しそうだから読んでない」と敬遠していたなら今すぐ読んで大丈夫、このタイトルに少しでも興味を惹かれるならば、十分に資格がある。 内容も「自称初心者」から見て、ちょうど「そうそう、こういうことが知りたかったんだよ」というものが多い。 例えば、 P46 インスタンス変数はオブジェクトに住んでいる。メソッドはクラスに住んでいる。 知っていれば単純なことだが
情報オリンピック参加者の皆さんへ - 簡潔なQ
情報オリンピックに参加した皆さんこんにちは。僕はqnighyです。一応すごい人です。 予選で終わってしまった人も、本選で終わってしまった人も、これから合宿に行けるという人もいると思いますが、これ以降も競技プログラミングに精進したい！という人のために、いち競技者としての経験から、ちょっとアドヴァイスを書いていきたいと思います。(僕自身実践できていないものもあります。) いろいろな大会に参加しましょう。 情報オリンピック以外にも、さまざまな競技プログラミングの大会が存在します。その一例を挙げますから、ぜひとも臆せず参加してみてください。 大会に参加したり、練習したりしないと、競技プログラミングの腕は上がらないようです。 SuperCon 東工大と阪大が主催する高校生向けのコンテストです。このコンテストの最大の特徴は、大学のスーパーコンピューターを借りてコンテストを行うということです。 Supe
Noteslate /// Noteslate SHIRO - The first pure handwriting device
SLATE WAS BORN PENCIL AND PAPER. REDEFINED. DIGITAL. NEW POSSIBILITIES OF HANDWRITING, NETWORKING AND SHARING. SIMPLE. UNIQUE. PERSONAL. AN OPEN-SOURCE. COMMUNITY. 1-BIT. BIT. YOU. REDEFINED AN EVOLUTION OF HANDWRITING AND DRAWING IS COMING WITH THE NOTESLATE SHIRO DEVICE. THE FIRST PURE HANDWRITING INTERFACE AND NETWORKING PLATFORM. THIS GIVES A UNIQUE AND VERY PERSONAL DIGITAL EXPERIENCE. REDEFI
9割がバイトでも最高のスタッフに育つディズニーの12の教え方 - ゆきらん
9割がバイトでも最高のスタッフに育つ ディズニーの教え方 いやー勉強になりましたねーこの本。 その中でも個人的にためになったという箇所を紹介したいと思います！ 著者は、東京ディズニーランドがオープンした1983年入社の一期生、福島さんですので説得力があります。 後輩を叱るノウハウ 先輩にとって、一番難しいのは後輩を叱るというものです。 ディズニーでは、そんな難しい叱るというコミュニケーション能力を身に付ける教育プログラムを別で設けています。 基本姿勢としては、 1. 叱る前に褒める 2. 叱った後、フォローする トレーナーとは？ ディズニーでは、新人や後輩を教える係、トレーナーという立場があります。 一般の会社でいうと、管理職や先輩にあたるところでしょうか。 ディズニーでは、トレーナーになりたいかどうかを中堅どころのアルバイトに聞きます。 一般の企業と違うところは、トレーナーになったからっ
ビジネスマンの職業病！？ 腱鞘炎を解消する
自分でも気がつかないうちになっていることもある腱鞘炎、実は同じように手や指を使っていても、腱鞘炎になりにくい人もいるって知っていましたか？痛みが出る部位への負担のかかり方にもよりますが、筋肉疲労の回復の度合いや姿勢も関わっているので、日頃からストレッチやリラックスできる時間を持てている人は自然と予防ができているのです。 生活習慣などで患ってしまう腱鞘炎 手や指の病気であるので、姿勢は関係ないように思われがちな腱鞘炎ですが、姿勢の悪さも影響しているのです。最近多いのは机に向かう時の姿勢。仕事やネットに集中すると気づけば何時間も座ったままだったり、どんどん姿勢が崩れていることってありませんか？足を組んでいたり、猫背になっていたり、また机とイスの高さのバランスが悪いなど、長時間の机に向かった作業で体を酷使していることは結構あるのです。その負担が無意識のうちにマウスやキーボードを触る時の手首や指に
ネコ飼いたい、オッドアイでふわふわしっぽなネコをモフモフしたい、モフモフ、モフモフ、モフモフ
■編集元：ニュース速報板より「ネコ飼いたい、オッドアイでふわふわしっぽなネコをモフモフしたい、モフモフ、モフモフ、モフモフ」 1 ケロ太(dion軍) :2011/02/18(金) 20:18:55.43 ID:TCPAdB1zP ?PLT(20000) ポイント特典 今年の「猫の名前」人気1位はモモ、人気品種ではマンチカンが躍進。 「猫の人気品種ランキング」の結果は次のとおり。 ◎猫の人気品種ランキング（※カッコ内数字は昨年の順位） 1位 スコティッシュ・フォールド（1） 2位 アメリカン・ショートヘア（2） 3位 混血猫（3） 4位 ロシアンブルー（4） 5位 マンチカン（12） 6位 ペルシャ／チンチラ（6） 7位 ノルウェージャン・フォレスト・キャット（6） 8位 メイン・クーン（5） 9位 ラグドール（11） 10位 アビシニアン（8） トップに輝い
igaiga diary(2011-02-15)
_ tDiary会議でtDiaryをローカルで動かす方法を教えてもらった 「25年使える日記システム」でお馴染みのtdiaryの開発者会議におじゃまさせてもらった。 会場は日本最大のRailsサービスを展開し、エンジニア絶賛募集中！のCookpadさん。 tdiary会議の風景写真はこちら。 コミットもしたことないのに参加していいのかなと思ってましたが、 先に進むために不要な機能の削除の議論などもあったので、 自分の使ってる機能を消されたくないユーザーさんはぜひ参加すべき。 そして、今のmacではローカルでtdiaryを動かしたことがなかったので、 Apatchの設定などをごりごりしていたところ 「CGIで動かすだけならstandalone_cgiってツールがあるよ」「えっ」 ということで素敵なツールを教えてもらったので ローカルでtdiaryを動かすまでをメモします。 これでみんなtdi
[18-A-1] ハッカー中心の企業文化を日本で根付かせる
2. アジェンダ • 民族誌的な自己紹介 • ハッカー中心の企業文化とは • なぜ、それが必要か • 日本で根付かせるためには 2 3. 今日のゴール • 自分が素晴らしいと思っている事 （企業文化とか）を紹介する • それを実現するためにどうしたらよ いのかみなさんと考えるきっかけを つくる。 • 技術者がゆたかで活き活きとした社 会を作るにはどうしたらいいのだろ うか？ 3 4. 本日のハッシュタグ • #hccjp – Hacker Centric Culture Japan • #devsumi • @hyoshiok http://twitter.com/#!/hyoshiok/status/36707387737903104 4
![[18-A-1] ハッカー中心の企業文化を日本で根付かせる](https://cdn-ak-scissors.b.st-hatena.com/image/square/a89660be143ffffbdee80c3fef0ffd5254ee2d7b/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fhackercentricculturefinal-110218211147-phpapp02-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
メモリーが安いので16GBに増強を。Ubuntuなら大容量メモリを認識させるカーネルの入れ替えも簡単でした。 | LiberOS | Viva! Ubuntu!!
Page optimized by WP Minify WordPress Plugin Start uga_insert_html_once: head, Footer hooked: HTML inserted: Location is HEAD Start uga_get_option: footer_hooked uga_options: array ( 'internal_domains' => 'viva-ubuntu.com', 'account_id' => 'UA-21476954-1', 'enable_tracker' => true, 'track_adm_pages' => true, 'ignore_users' => true, 'max_user_level' => '8', 'footer_hooked' => true, 'filter_content'
類似画像検出ソフト DRE
DREは、あなたのコンピュータに保存されている画像の中から、とくに類似しているものを重複として検出し、処分するソフトウェアです。 DREの名前は、「そっくりさん消し」の意味の英語Dead Ringer Eraserから取られました。 ソフトウェア、およびソースコードは、sourceforge.netから利用できます。 右側の「ダウンロード」リンクからアクセスしてください。 特徴 ウィザードスタイルで、ステップに分けて段階的に操作を行います。 類似画像検出のアルゴリズムは、複数の種類から選択できます。パッケージとして外部からの追加も可能です。 しきい値、キャッシュの使用、マルチスレッドなど、さまざまなオプションが選択可能です。 検出した重複画像は半自動で1枚に絞り込まれ、その他の不要になったファイルは移動または削除することができます。 複数の言語に対応しています。 （現在は日本語・英語のみ）
J Querys Best Friends – View a wealth of information
The recent live broadcast of the Soccer Sensation Unleashed event delivered a truly magical experience to sports enthusiasts around the globe. This dynamic and electrifying broadcast showcased not only the thrill of soccer but also the power of real-time technology in capturing every heart-pounding moment. The event, held in a state-of-the-art stadium, was not just a game; it was an immersive jour
そのココロのスキマに GNU Smalltalk - みねこあ
PS3を立ち上げるとついついハトプリを見てしまうので、一向に録画したアニメが消化できないみねこあでござます。まどかマギカはまだ一話しかみてないっしゅ...orz ところで、 Smalltalk は素晴らしい！と思いつつも なんでよ…IDEの外に出られないじゃない！どうして私たちをこんな目に！ というのは、やっぱり思っちゃうことでして、結局 Python とか Python とか Python とかを使ってしまうのです*1。でも メッセージ式に安らぎを覚えるちょっと指向がアブノーマルなわたしは、やっぱり Smalltalk を使いたい！ という気持ちは強いのです。 で、そのココロのスキマを埋めるためにわたしは GNU Smalltalk をよく使います。・・あれを Smalltalk と呼んでよいかは疑問ですが、でも 普通の PC OS を使っていると、スクリプティング言語っていいよね♪って
グリー×クックパッド合同勉強会～それぞれのスマートフォン開発～ - クックパッド開発者ブログ
この度、クックパッドとグリーが合同で勉強会を開催します。 スマートフォン開発において、両社それぞれの工夫やチャレンジをご紹介します。 ・「GREE Android SDKの実装について」 グリー株式会社 メディア開発本部 海老原 智さん ・「Trying out Android 3.0」 クックパッド株式会社 UXグループ フェルテス ジュリアン ・「クックパッドでのスマートフォン開発」 クックパッド株式会社 会員事業部 西岡 拓人 質疑応答の時間を設けますので、会場の皆様と気軽にコミュニケーションが とれる場となれば嬉しく思います。 ※イベント終了後には懇親会を予定しています。こちらもお楽しみに。 ■ 開催概要 日時：2011年3月2日(水) 19:30～21:00（開場19:15、閉会後懇親会） 場所：クックパッド株式会社 東京都港区白金台5-12-7 MG白金台ビル5階 アクセス 費
ノルウェージャンフォレストキャット - Wikipedia
英語版記事を日本語へ機械翻訳したバージョン（Google翻訳）。 万が一翻訳の手がかりとして機械翻訳を用いた場合、翻訳者は必ず翻訳元原文を参照して機械翻訳の誤りを訂正し、正確な翻訳にしなければなりません。これが成されていない場合、記事は削除の方針G-3に基づき、削除される可能性があります。 信頼性が低いまたは低品質な文章を翻訳しないでください。もし可能ならば、文章を他言語版記事に示された文献で正しいかどうかを確認してください。 履歴継承を行うため、要約欄に翻訳元となった記事のページ名・版について記述する必要があります。記述方法については、Wikipedia:翻訳のガイドライン#要約欄への記入を参照ください。 翻訳後、{{翻訳告知|en|Norwegian Forest cat|…}}をノートに追加することもできます。 Wikipedia:翻訳のガイドラインに、より詳細な翻訳の手順・指針につ
メインクーン - Wikipedia
メインクーン（Maine Coon）は、イエネコの中でも大きな品種のひとつであり「ジェントルジャイアント（穏やかな巨人）」という愛称を持つ身体的な特徴と、その賢さと遊び好きなことでも知られている。長毛種である[1]。 一般的にニューイングランド地方メイン州が原産とされておりメイン州公認の「州猫」として認定されている。アメリカにおける最古、最大の品種であり、身体の模様や狩りの習性がアライグマ（ラクーン）に似ていることから命名されたが、実際にはアメリカ合衆国（アメリカ）の農場にいた猫と、船員により欧州から連れて来られた長毛種の猫の子孫と考えられている[2]。 概要[編集] メインクーンの本当の起源とアメリカで知られるようになった時期は不明であるが、諸説がある。このブリードは1800年代後半にキャットショーで人気があったが、20世紀に入り海外のロングヘア種が入ってくるようになるとその存在が危ぶま
立場が違えば、見えるものが違う。 - シニア現場の隅っこ。was使いやすさを考えてみる。(アクティブシニア・シルバー層の現場から)
タクシーに乗って道案内？をすると、少なくない、タクシーの運転手さんに言われる。 「お姉さん、車乗らないでしょう」 実際、その通りである。 話を聞くと、私の道案内は歩行者の目線らしい。 建物、建物の特徴、お店の名前で道案内をする。 車を運転する人は、できれば信号単位で教えてほしいとのこと。 分かってはいるのだが、いまだにうまく道案内ができない。 いる立場が違えば、見えているものも、感じているものも全く違う。 だから、ユーザーテストが大切なのだ。 ユーザーテストは、ユーザーさんに実際に操作をしてもらうことで、自社サイトの問題点であったり、使う人に物足りない機能、気づいていない機能やサービスを修正するために行う。 立場が違えば見るものが違う。 慣れた人と慣れていない人では見えるものも、感じることも違う。 先日入ったＫさん（62歳男性）は、インターネットを最近始めた。 Ｋさんが先日行った旅館のサイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなダイアリーで「これが実現できると嬉しい！…
http://designaholic.cc/2011/02/post-82.html
http://devsummary.miukoba.net/
[JS]ズーム機能もあるカルーセルのスクリプト -Moving Boxes
http://socketapi.com/user/demo/0/index.php
Ruby の懸案事項