お願いだからWebフォームではを正しく使ってユーザビリティを上げてくれ | 初代編集長ブログ―安田英久
今日は、Webフォームが「うわ、使いづらい」となってしまわないようにする、意外と対応されていないことが多いHTMLタグ「<label>」について。 HTMLを自分で書かないWeb担当者さんでも、デザイナーさんが作ったフォームに関して最低限これだけはチェックしておくといいですよ、というお話しです。 コンバージョンの要である「Webフォーム」。アクセス解析での改善やEFO（入力フォーム最適化）をしていると思いますが、意外と忘れられていることが多い「<label>」をご存じでしょうか。 フォームの入力項目それぞれの「ラベル（項目名）」を書くためのHTMLの作法なのですが、これをちゃんと使っているかどうかで、フォームの使いやすさがガラッと変わるのです。 一番わかりやすいのは、ラジオボタンやチェックボックス。<label>をちゃんと使っていると、ボタン部分ではなく文字の部分をクリックするだけで項目を
https://support.microsoft.com/ja-jp/help/882942
すべて Microsoft 製品 Microsoft 365 Office Windows Surface Xbox セール サポート ソフトウェア Windows アプリ OneDrive Outlook Skype OneNote Microsoft Teams PC とデバイス Xbox を購入する アクセサリ VR & 複合現実 エンタメ Xbox Game Pass Ultimate Xbox Live Gold Xbox とゲーム PC ゲーム Windows ゲーム 映画とテレビ番組 法人向け Microsoft Azure Microsoft Dynamics 365 Microsoft 365 Microsoft Industry データ プラットフォーム Power Platform 法人向けを購入する Developer & IT .NET Visual Studio
quickrun.vimで実行したRSpecの結果に色をつける - 30日でいいのでプログラミング
quickrunを使ってrspecを実行すると、出力結果に色がつかず見づらい。 色をつけるために「-c」オプションを追加してみたけれど、色はつきませんでした。 そこで色々調べていたら、以下の記事を発見。 quickrun.vimで実行したPHPUnitの結果にグリーンバーを出す この記事で扱っているのはPHPUnitの設定ですが、 「PHPUnitでできるならRSpecでもできるだろ！！」 と思い試してみました。 quickrunで実行したRSpecに色をつける方法 以下の設定を.vimrcに追加。 let g:quickrun_config = {} augroup QrunRSpec autocmd! autocmd BufWinEnter,BufNewFile *_spec.rb set filetype=ruby.rspec augroup END let rspec_output
Vimプラグインの導入#2(rspec.vim)とquickrun.vimの出力バッファ位置の固定 - No Bugs, No Life
Vim環境整備#2 (2013/05/02 id:thinca様よりコメントを頂きましたので、一部記載を訂正しています。) 今回はRSpecのテストケースを書くにあたって、RSpecのシンタックスハイライトを有効にしたのでそのプラグインについて記述。 加えて、quickrunの[quickrun output]バッファの表示位置をウインドウの下段に固定したのでその設定内容をメモ。 特に後者は正しいやり方かどうか良く判っていないので読んだ人は注意してください。 (2013/05/02 作者のid:thinca様より頂いたコメントに基づき修正し、問題なく動作しました。) rspec.vim rspecの予約語(describeとかitとか)をvim上でsyntax highlightするために、rspec.vimを導入する。 vim onlineではrspec.vim - Rspec synt
【vim】vimprocを使ってvim-quickrunからRspecを非同期実行！ - 訳も知らないで
テスト、書いてますか？ 私は… すこしづつ慣れてきているところでしょうか。 ruby(Rails)で開発をする際、ユニットテストにRSpecを利用している方多いですよね。 Vimを使っている方ならおなじみの「quickrun」を私も利用して vim上からテストを実行しているのですが、 普通にquickrunからテスト実行すると、実行中はvimの操作ができなくなっちゃうんですよね… で、検索してみると 「vimproc」なるものを使用すると別プロセスでquickrunを実行できるらしい。 というわけで環境整えてみました。 vim-quickrunの導入 Vim上から編集中のプログラムを実行してくれるスグレモノです。 ↓ここからダウンロード↓ https://github.com/thinca/vim-quickrun/tags 解凍したら、~/.vim/pluginの中に突っ込むだけでOK
tmuxとvim-rspecとvim-dispatchで快適なRSpec生活 - Qiita
tmuxと vim-rspec vim-dispatch この2つを組み合わせて使うとvimからRSpecで書いたexampleを実行するのが超楽になります とりあえず新しいプラグインを見つけた時に一番最初に気になる「NANIができんねん!??!?!?!」 というのは言葉ではなく実際に見てみないとわからないのでgifを貼ります といった具合に RSpecをvimから実行出来る 実行処理は™uxの別paneが自動的に開いてそこで 実行後vimのquickfixで結果を表示 してくれます。個人的には痒いところに手が届く感じがしてすごいいいです。 もちろんカーソルから一番近いexample1個だけを実行も出来ます 何が起こったかの流れ vim-rspecを入れることによって実行できる :call RunCurrentSpecFile() :call RunNearestSpec() :call
日本語を書くなら絶対に導入したい! 私が10年で厳選した超おすすめ入力メソッド10選 - Qiita
こんにちはこんにちは！ 日本語書いてますか？ さて、本日は数々の日本語入力ソフトウェアを使ってきた私が、日本語を書くなら 絶対に 導入したい超厳選日本語入力メソッドを紹介します ヾ(〃＞＜)ﾉﾞ☆ 今回は無料で使用できるものばかり集めてみましたので、有料ソフトに関しては後日またご紹介したいと思ひます（＾＾） それでは、ご覧ください！！ ↓↓↓ 第10位 はい、定番の SKKIME for Windows' 98 ですね！ WindowsユーザにはこのバージョンでSKKを知ったひとも多いはずです。 後継OS用にはいくつものSKKが生まれましたが、Windows 98の世界では未だに他の追随を許さない永遠の王者です！ 第9位 9位は SCIM-SKK です！ しかしSCIM自体を一瞬しか触らなかったので、僕はあまり使ったことがありません！ 第8位 8位にランクインしたのは SKKIME 1.5
クッキー・クリッカー完結編
この話は、本の虫: クッキー・クリッカー：リセットのループの続編にして、おそらくは完結編である。これ以上は望めないからだ。 本の虫: クッキー・クリッカーについて 本の虫: ババア補完計画 本の虫: クッキー・クリッカー物語 本の虫: クッキー・クリッカー：リセットの効果 本の虫: クッキー・クリッカー：リセットのループ エゾエはついに、青天上のチップをためすぎて、指の一振りで、出現した莫大な質量のクッキーがブラックホールを生成するに至った。もはやこれ以上は望むべくもない。 3554週目 「おい、エゾちゃん、いったい何をしようっていうんだ」 「そうだエゾエ。お前が何か重大なことを発表したいというから、こうしてお友達や親戚一同に集まってもらったんだぞ」 エゾエはサヨナラも言わずに指をカチッと動かす。即座に、莫大な質量のクッキーが宇宙空間に出現した。その質量が大きすぎるがゆえに、自重によって内
猿が暴れてクラウドの障害に強くなるNetflixのシステム - ワザノバ | wazanova.jp
http://techblog.netflix.com/2013/10/introducing-chaos-to-c.html 「歴史上の有名な開発プロジェクトからまなぶべきこと」をまとめていたときに、Videoの中で、ある大型ロケットエンジンの開発において、信頼性テストのために小型爆弾をエンジンの噴射口辺りで爆発させて耐性を調べた云々のエピソードが紹介されていて、更に続いて「ネット業界で同じようなことをやってるのはNetflixぐらいだ。」という説明がありました。その時は何のことだかよくわからなかったのでブログでは取り上げなかったのですが、今回見つけました。 以前紹介したように、北米のインターネットトラフィックの30%以上を占めるNeflixはインフラをAmazonに全面的に移行しています。クラウドに移行した後の学びとして、 自社データセンターの時は、個別のハードウェアインスタンスが障害
AngularJSの設計思想 [Google I/O 2013] - ワザノバ | wazanova.jp
[Video] https://www.youtube.com/watch?v=HCR7i5F5L8c AngularJSのHype (盛り上がり感)があるようなので、GoogleのMisko HeveryとBrad GreenがGoogle I/O 2013でAngularJSの設計思想について語っているのを紹介します。 アプリ開発は、雛形構文（ボイラープレート）を利用しながらデータをブラウザとDBの間でやりとりさせるのが中心で、気づいてみると同じ雛形構文を書く作業をかなり繰り返している。コードを書いてる時間よりもコードを読んでいる方に時間がとられることも多い。この雛形構文を使った作業を極力減らして、アプリに付加価値をもたらすコーディング作業だけを抽出したいと思った。 コーディング作業が効率的になる構造が欲しかった。 フレームワークにテストを組み込むが、フレームワーク自身をきっちりテスト
Amazon DynamoDBによるTomcatセッション永続化とフェイルオーバー | DevelopersIO
Tomcatのセッション管理 Tomcatでクラスター構成にする場合、課題となるのがセッション管理です。ロードバランサーでセッションIDを保持することで、毎回同じサーバーにリクエストが向かうのであれば問題なさそうに見えますが、あるサーバーがダウンしてしまうとセッション情報が消えてしまいます。これを解決する方法として、データベースにセッション情報を保持する方法が一般的ですが、データベースへ負荷が掛かりますし、データベースが落ちたら困ります。何かもっと良い方法は無いかと皆さん思っていたはずです。そこで、AWSですよねー。AWSでは、ElastiCacheやDynamoDBがサービスとして提供されています。ここで、永続化をしっかりやってくれるのはDynamoDBであり、AWS SDK for Javaでの登場が待たれていたわけです。そして、このたび出てきました！ スティッキーセッション ロードバ
相手に伝わる論理的な文章を書くための３つのテクニック - 自由日記
2013-10-14 相手に伝わる論理的な文章を書くための３つのテクニック 雑記 基本的に文章は人に伝えるために存在する。だけれど自分だけが理解できる文章を書いている可能性も否定できない。文章は読んでもらってこそ意味があり、読んでもらうには論理的で相手が読みたくなる文章を心がける必要がある。長めの文章を書くときは、事前に構成をある程度決めておくことで、論理的な文章を書きやすくなる。 「序論」「本論」「結論」の３つの構成で書くのが一般的で、「序論」は文章の導入部分、「本論」は核となる話、「結論」はまとめや伝えたいことを書く。 読みやすく論理的な文章を書くためには、これが基本となる。 1主張と根拠 「主張と根拠」は、最初に書き手の意見や想いなどの主張を述べ、そのあとにその根拠を説明していくというテクニックである。 「私は○○だと思う」⇒「なぜなら～だからだ」という文章の流れになる。 し
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
StaticPress × S3 × Vagrant 勉強会 で WordPress のサイトメンテナンスについて話しました
StaticPress × S3 × Vagrant 勉強会 で WordPress のサイトメンテナンスについて話しました 昨日「StaticPress × S3 × Vagrant 勉強会」というイベントで WordPress のメンテナンス（主にアップグレード関係）についての発表をしました。このイベントは、ブログで StaticPress プラグインを使い始めたという増井さんの Facebook 書き込みから始まった企画だったのですが（詳しくは川井さんのスライドにて）、AWS や Vagrant といった WordPress 以外の知識もたっぷり学べるという濃い半日でした。 WordPress のサイトメンテナンスやバックアップなどについての「あれがいい、これがいい」という情報はネット上にあふれていますし、プラグインやサービスも探せば驚くほどたくさんあります。でも WordPress
型付きcoffees-scriptを作り始めた - mizchi's blog
たぶん僕は人類の怠惰を極めたようなcoffee-scriptの文法が好きすぎるのだけど、その結果型を書けるcoffee-scriptを作り始めてしまった。 Fork元はCoffeeScriptRedux mizchi/CoffeeScriptRedux https://github.com/mizchi/CoffeeScriptRedux/tree/type とりあえず今の版だと次のコードが通る。 目標 x :: Number = 3 y :: String = "hello" z :: Boolean = false # z :: String = 4 #=> Error # y = x #=> Error a :: Any = 3 a = 'fadfa' b = 'a' fn :: Function = -> x = 3 n = -> i = '' f2 :: Function = (
PHPのinterfaceとは何か
久しぶりの更新です。最近、修行だと思って色々な本を読み漁っているのですが、やっとこさPHPのinterfaceが分かるようになってきた感じがあるので、まとめてみます。 インターフェースは、クラスから"ユーザー定義型"の能力のみを分離した言語機構です。PHPのそれはJavaのinterfaceのパクリです。 "ユーザー定義型"という単語を使いました。動的型付き言語のことを「型のない言語」と言う人がたまにいるんですが、とんでもねー間違いです。PHPにだって型はあります。変数が型を持たず、値が型を持っているというだけの話です。 interfaceを宣言する文法はクラスとよく似ていますが、キーワードclassの代わりにキーワードinterfaceを使います。中身は定義のないメソッドの宣言を書きます。なお、定数も含めることが可能です。 <?php interface FooInterface { c
JSON、ECMA標準となる。仕様文書「ECMA-404」が公開
「JSON」（ジェイソン）は、軽量のデータ記述フォーマットとして、さまざまなソフトウェア間でのデータ交換で広く使われています。 もともとJSONはJavaScriptのオブジェクト表記法をベースにDouglas Crockford氏が2001年頃に“発見”し（Crockford氏自身が「JSONはそれ以前から存在しており、私は発見しただけだ」と主張している）、命名。2002年にCrockford氏が作成したWebサイトjson.orgで仕様が公開されました。 当時はデータ交換フォーマットとしてXMLが主流になると見られていましたが、軽量で記述や解析が容易なJSONは現在、XML以上に広く使われるデータフォーマットになっています。 そのJSONが、JavaScriptの標準化団体でもあるECMA Internationalで標準化され、仕様文書が「ECMA-404」として公開されたと、Dou
運用担当者、激減中
ユーザー企業の情報システム部門で今、運用担当者の人数が大きく減り始めていることをご存じだろうか。 運用業務には、「アプリケーション保守」や「OS/ミドルウエア運用」、「ITインフラ運用」などがあるが、あらゆる業務に関わる運用担当者が減少しているのだ。まずは4社の事例を紹介しよう。 サイバーエージェント 運用担当者の人数 20人→0人（予定） サイバーエージェントで消費者向けWebサービスを手がけるアメーバ事業本部では、現時点で20人いるOS/ミドルウエアの運用担当者を、2年後の2015年までにゼロにする計画だ。 彼らは現在、OS/ミドルウエアをサーバーにインストールしたり、パッチを適用したり、アプリケーションの負荷に応じてサーバー台数を増減したりする業務を行っている。これらの業務を、オープンソースソフトウエアの運用管理ツール「Chef」を導入することで、自動化する計画だ（図1）。
「生産性の概念の欠如」がたぶんもっとも深刻 - Chikirinの日記
長く働いていた外資系（アメリカ系）の会社を辞めてほぼ３年。まったく英語を使わなくなった。 「日本って、今でもこんなに英語が不要な社会だったんだ」とは驚いたけど、それはそれで「まあ、いいんじゃないの」と思ってます。 だって今どき母語だけで暮らしていけるなんて、すごく恵まれた国だってことだから。 「英語が話せない人と、まともな仕事につけませんよ」みたいな小国と比べて、平和で呑気でいい感じ。 なんだけど、ここ３年、どっぷり日本社会に浸ってみて感じるもうひとつ別の欠如については、「これはちょっと深刻な問題だしょう」と思えます。 それは・・・「生産性の概念の欠如」 日本って「生産性」という概念があるのは、工場の中だけなんじゃないの？ それ以外のところ、たとえばメディアや公的部門、さらには民間企業のホワイトカラー（管理）部門から営業まで、 「この人たち、もしかして生産性っていう概念を全く持たずに働いて
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
転送中
sakedrink.info
http://blog.inouetakuya.info/entry/20131014/1381749488