① ブックマークバーのショートカットをアイコンのみにすると見やすいChromeにブックマークを登録する（アドレス横の☆マークをクリックする）際、ブックマークバーに登録する人もいると思います。 通常は、アイコン＋サイトの名前で登録するのですが、このときにサイト名を空欄で登録してみましょう。 すると、このようにアイコンのみでブックマークが並びます。 ブックマークバーにたくさん登録したいときに場所を取りませんし、見た目もスッキリ。 ② アドレス欄に直接キーワードを打ち込んで検索できる。カスタム検索も可能知っている方も多いと思いますが、ChromeはURLが表示されている欄に直接キーワードを打ち込めばGoogle検索可能。 検索結果がすぐに表示されます。 Chromeの検索機能はこれだけではなく、「カスタム検索」も可能。 これはどういうものかというと、特定のサイト内（例えばYahoo、Amazon

前回までの記事で簡単なレイアウトを作成して、xhtmlとHTML5でマークアップしたものからHTML5の新要素の説明を行い、アウトラインを確認してみました。最終回となる今回はxhtmlとHTML5のCSSをほとんど変えずに同じレイアウトになるように作成してみたいと思います。 HTML5でCSSを設定する場合は新要素に対応していないブラウザに対してどうするのか。まだ確定していないHTML5の要素が変更になった場合を考慮して、スタイルの設定を考えた方が後々の大きな修正を回避できるのでベターです。ただ今回のレイアウトはほとんど同じCSSを使うということで作成するので、多少気になる部分もあるかと思いますが、ひとつの例として見ていただければと思います。 解説：（有）ムーニーワークス　林 豊／田崎一成 前回まででアウトラインを確認したそれぞれのマークアップしたページのサンプルこちらにあります。 ●HT

Webデザインの基本 http://webdesignrecipes.com/4-factor-of-designing/ http://webdesignrecipes.com/web-design-beginner-learning-dtp-design/ http://07design.net/blog/?p=237 http://07design.net/blog/?p=338 効果的なミニマルデザインと退屈なデザインの境界線 | Webクリエイターボックス ホワイトスペースを使ったウェブデザインの考え方 - バニデザノート ずっと使えるデザインテクニック。すっきり美しく見せる『余白』と『文字』の使い方。 (フェンリル | デベロッパーズブログ) 上記の7サイトは文字や画像の配置やレイアウトなどWebデザインの基本的なことが書かれた記事です。どの記事も気合を入れて書かれたものが多い

私の勉強方法まとめてみました。 といっても 「いい情報をとりこんで、実践して、その結果をアウトプット」 をひたすらしているだけなのですが、実際にどのようなサイトや本を見てインプットしているか、どんな風に実践して、何をアウトプットしているかなどまとめてみました。 インプット 情報が美しくまとまっているサイトのフィードをチェック 国内外のWeb系の情報を丁寧にまとめてくれているブログがたくさんあります。 そういうブログのフィードをチェックしています。 デザインTipsやトレンド紹介、便利なプラグイン、プログラムなど、毎日どんどん新しい情報が出てきます。 全部読んで理解してその場で実践する、というとは不可能に近いので、へー、こういうことも出来るんだー、とさらっと頭に入れて、特に気になったものだけはてなブックマークなどでタグをつけて保存したりしています。 そうしておくことで、いざ●●しないといけな

Horn List (100 Most Common Words) 頻度順　http://www.englishcorner.vacau.com/vocabulary/hornlistfreq.html アルファベット順　http://www.englishcorner.vacau.com/vocabulary/hornlistalpha.html ［出典］Horn, E. (1926), A basic writing vocabulary, 10,000 words most commonly used in writing, College of Education. Dolch List (220 Basic Sight Words) 頻度順　http://www.englishcorner.vacau.com/vocabulary/dolchfreq.html アルファベット順　

2017年6月29日 便利ツール Webサイトを制作する時のWebオーサリングツール・HTMLエディタは何を使用していますか？きっと多くの人がDreamweaverを使っていると思います。私もそうでした。が、最近私のまわりのWebデザイナーがみんなCodaというソフトを使っているのに気づき、試したところ、あまりにも使い勝手がいいので紹介します。本当におすすめです！ ↑私が10年以上利用している会計ソフト！ Codaの特徴を簡単に 詳しい説明はリンクをクリックでジャンプします。 Mac専用 美しいビジュアル 便利なプレビュー画面 PHPやJavaScriptの動作確認も 素早いタグ打ちが可能 有料 8,500円 はい、Mac専用なんです。このブログを読んでいるユーザーの70%がPC使用なのでこれを記事にするか悩みましたが、Mac愛用者さんに向けて！ちなみに私はCoda英語版をインストールして

（2009/12/31 追記あり） 学生時代にホームクリーニングのバイトを7年間やっていたので、大抵の汚れなら落し方分かります。このあいだ #pandacleaning というハッシュタグで掃除の仕方を淡々とつぶやいていたら評判がよかったので、ここらでまとめておくよ。 参考： mirakui によるパンダ掃除相談室 #pandacleaning - Togetter 掃除のために絶対に用意しなければならないもの 雑巾 すべての掃除に雑巾は必須です。雑巾はいくらあってもいいです。買ってくる必要はなくて、ボロくなったタオルを使うと良いです。縫ったりする必要はないです。ちなみに、プロの間では、上級者ほど雑巾の使い方がうまいです。雑巾が汚れる→交換する→時間のロス につながるので、ベテランの職人ほど一枚の雑巾で沢山の汚れを見事に拭き取ります。 バケツ 雑巾とバケツは常にセットです。バケツなしに水拭

知っておきたい「お腹のやせ方」5つの秘密 年齢が上がると付きやすいがお腹のお肉。 内蔵脂肪は奥深くに埋め込まれるため減らしにくいと思われがちですが、実は新陳代謝が高いため、皮下脂肪に比べて痩せやすいそうです。 でも運動をしているのに、ちっともお腹のぜい肉が取れないなんて人もいるのではないでしょうか。 その理由と、それを変えるダイエットに役立つ知識をご紹介します。 1. 全粒穀物はお腹の肉を落とすのを助ける 最近のアメリカン・ジャーナル調査によると、カロリー計算したダイエットの中で、全粒穀物が肥満の人のウエストラインから多くの脂肪を取り除いたという結果が出ています。 全粒穀物（ぜんりゅうこくもつ）とは、精白などの処理で、糠となる果皮、種皮、胚、胚乳表層部といった部位を除去していない穀物や、その製品である。主に玄米、玄米を発芽させた発芽玄米、ふすまを取っていない麦、全粒粉の小麦を使った食品、オ

オライリー本読んでますか？いろいろ揃っていて、ついつい買っちゃいますよね。でも、価格が高い＆厚い＆重いの三重苦です。ところが、iPhone版の電子書籍だと600円で買えてしまいます。しかも、場所を取らない。最初は数冊だったのが、今では868冊がリリースされています。 これがO’ReillyのiPhone電子書籍だ！！（写真満載レビュー） - このブログは証明できない。 600円でフルバージョンが手に入るオライリー本ですが、やはりiPhoneであのボリュームを読むのはツライ。そこでオライリーでは、iPadやKindleで読める電子書籍を販売しています。 no title ところが、紙の本と比べてそれほど安くないんですね。iPhone版の600円はやはり魅力です。大丈夫。実はこのアプリからiPadで読めるepubを取り出すことができるんです。特殊なハックというわけではなく、オライリーのサイトで

1.報告書の構成 報告書とは、上司や関係者に必要な情報を提供するための文書のことです。３層構造（標題→内容要旨→詳細内容）で、情報の整理や要約をしていきます。 例えば、日時、場所、目的、内容等について、情報を簡潔に記入します。 また、所感は記入する場合と、しない場合があります。その場の細かなニュアンスを伝えたほうが有効な場合には、所感も書くようにします。 【報告書（例）】 〔pdf〕打ち合わせ報告書 〔pdf〕営業報告書 1-1.報告書の全体構成 注意すべき点は、以下の三角形の図のように、「標題」は「内容要旨」（打ち合わせ内容）の要約、 「内容要旨」は「詳細内容」（ヒアリング事項等）の要約という３層構造を理解することです。 実際、報告書を上から（標題から）順に書こうとするから難しいのであって、 報告書の説明文（詳細内容から）順に書いていけば、割と楽に書けます。 【報告書の構造（下位にいくほ

iPhoneの新しいOS「iOS4」にアップデートすると、「ユーザ辞書」が使えるようになります。さらに文字入力の際、「顔文字キー」が登場しました（「^_^」マーク）。 顔文字をユーザ辞書に登録するときに、「かお」などで変換できるようにしている方もいらっしゃるかもしれませんが、どうせなら「顔文字キー」に割り当てたいですね。 辞書登録する際に少し工夫するだけで「顔文字キー」に顔文字を割り当てることができるので、以下に紹介します。 まず、「設定」より「一般」「キーボード」にアクセスします。 「ユーザ辞書を編集」という項目がありますので、選択。 登録したい顔文字を「単語」に。 そして、「よみ」に上記画像の記号（黒いスマイルマーク）を入力します。 この記号は「BLACK SMILING FACE」というもので、顔文字キーにこの顔文字を利用しているものがあるのでそちらから選択しましょう。 この記号はU

Windowsのみ：PCを起動するとき「遅いな～」と、イライラすることはありませんか？ しかし、どのアプリケーションが起動スピードを遅くさせているのかは、結構わかりづらいもの。そこで、起動プロセスを最適化するためのソフトウェア、『Soluto』が登場しました。 「アンチフラストレーションソフトウェア」と銘打ったこのソフトは、以下のコンセプト紹介動画でも述べられているとおり、システム起動プロセスでの全てのアプリケーションを追跡し、どれがスピードダウンの原因かを、バッチリ特定してくれます。 『Soluto』をインストールし、PCを再起動すると、起動プロセスの間、各プロセスを追跡し、どのプロセスにどれだけの時間がかかったかをリスト化。また、プロセスを「No-brainer（不要）」、「Potentially removable（不要かも）」、「Required（必要）」の3つのグループに分け、ど

6/21追記：　http://anond.hatelabo.jp/201006210004476/21追記2：　http://anond.hatelabo.jp/20100621194920俺は英語学習オタクだ。これまでの人生の中で大量の時間を英語学習に費やしてきた。中学校から始めて、日本にいてできる英語学習法は殆ど試したと思う。高校時代には学習参考書や問題集を二百冊以上終わらせた。ネイティブの個人家庭教師がついていて、さらにマンツーマンの英会話スクールにも通った。大学は迷わず英語学科を選んだ。大学在学中にTOEFLのスコアは640を超えた（厳密には覚えていないが、目標が640でそれを超えたのは間違いない）。 大学を卒業後、アメリカの大学院の博士課程に留学した。ここでも俺の英語は「通用した」。授業に問題なくついて行き、ディスカッションにも十分に参加できる。タームペーパーや授業でのプレゼンの

あなたのWebを入力しやすくするjQueryプラグイン10選：CSSの書き方も分かるjQueryプラグイン実践活用法（終）（1/5 ページ） jQueryと、そのプラグインの使い方を、UI効果（エフェクト）のテーマごとに紹介する連載。jQuery/JavaScript/HTMLコードだけではなく、CSSの書き方も解説することで、より実践的にjQueryプラグインを使うための参考ドキュメントになることを目指しています。 前回の「画像や動画を綺麗に回転/拡大するjQueryプラグイン」では、イメージを回転させたりズームインする「jCarousel」「Zoombox」プラグインの使い方を解説しました。今回は、フォームを使いやすくするための各種プラグインを、以下のようにチェックボックス／ラジオボタン、ドロップダウンリスト、テキストボックス／テキストエリア、フォームのカテゴリ別に分類して紹介します。