タグ

2011年12月11日のブックマーク (44件)

  • “通る企画書”の書き方(3)--要約や図解・グラフ化で分かりやすく

    企画書や提案書を作成する上でまずは知っておきたいポイントに続き、前回は、伝わるメッセージを書くためのポイントについてお伝えしました。今回は分かりやすい資料にするための「メッセージの要約」と図解やグラフ化についてをご紹介します。 分かりやすくするための最初の手順はメッセージの要約です。長文は、読み手によって理解が異なるリスクを大きくすることになります。他者の文章やメールを見て、分かりにくいと思った経験があることでしょう。 企画書や提案書は、説明を終えると資料として一人歩きすることになります。その際に、説明が忠実に伝えられているとは限りません。むしろ、そうではないケースが増えるのではないでしょうか。そうすると、誰が読んでも、同一の理解をする文章がよいということになります。それは、短文ということです。かつ以下のようなことに心がけるとよいのではないでしょうか。 短文にすること(30文字以内) 修飾

    “通る企画書”の書き方(3)--要約や図解・グラフ化で分かりやすく
  • HTML5&CSS3を利用した美しい40のフリーテンプレート集:phpspot開発日誌

    40 Beautiful Free HTML5 & CSS3 Templates HTML5&CSS3を利用した美しい40のフリーテンプレート集がまとめられていました。 HTML5とかCSS3をベースにしたサイトを作りたい方は参考にできそうです。 HTML5とかCSS3を使ったサイトのレイアウトの感覚をつかんで、そうしたサイト制作の際に参考にできますね これらがフリーとはすばらしい 関連エントリ HTML5+CSS3ベースのテンプレート集12 HTML5とCSS3を使ったフォームデザインのチュートリアル集30 HTML5+CSS3でクールなオーディオプレイヤー「ZEN」

  • http://www.seo-blogs.biz/2011/12/05/3420/

  • X-Robots-Tagの使い方・記述方法

    [レベル:上級] 今日は、X-Robots-Tagの使い方・書き方について説明します。 新しい情報でもなんでもないのですが、調べごとをしていてたまたまX-Robots-Tagに遭遇して、きちんと記事にしていなかったことに気付き忘備録の意味も兼ねて書いておくことにします。 X-Robots-Tagとは、クローラの動きを制御するときに用いるrobots meta タグを、HTMLドキュメントではないコンテンツのHTTPヘッダーに含めるために使う仕組みです。 たとえば、ウェブページを検索結果に表示させたくないときは、noindex robots meta タグを使います。 しかしXMLサイトマップやPDFドキュメントにはmetaタグはありません。 したがってnoindex robots meta タグを記述するとができません。 こんなときに使うのが、X-Robots-Tagです。 XMLサイトマ

    X-Robots-Tagの使い方・記述方法
  • Gmailの便利機能とTipsのすべて : ライフハッカー[日本版]

    Gmailは、いつでもどこでも毎日使えるベストメールクライアントと言っても過言ではないでしょう。また、ちょっとしたTIpsやショートカット、迷惑メールを排除できる時間節約ツールなどもたくさんあります。今回は、そんなGmailのTipsや便利機能すべてを、古いものから新しいものまで洗いざらいご紹介していきたいと思います。すでに自分はGmailエキスパートだと思っている人も、もしかしたら新しい発見があるかもしれないので、ぜひチェックしてみてください。 Gmailの使える機能については、過去にも何度もご紹介してきましたが、最近インターフェイスが新しくなったこともあり、Gmailを総括するにはピッタリの時期ではないかと思います。以下の10の項目に分けてご紹介していきます。メニュー名をクリックするとそこにジャンプしますので、拾い読みしたい方は、そのようにどうぞ。 Photo remixed from

    Gmailの便利機能とTipsのすべて : ライフハッカー[日本版]
  • たった一行のJavaScriptでガラケー向けWebサイトをスマートフォンに最適化·sparrow.js MOONGIFT

    sparrow.jsは既存のガラケー向けWebサイトをスマートフォン向けサイトに変換してくれるJavaScriptです。 sparrow.jsを使うと既存のガラケー向けWebサイトをスマートフォン向けサイトに変身させてくれます。それもたった一行のJavaScriptタグを追加するのみです。 ガラケー向けサイトをiPhoneで表示したところです。いわゆる普通の携帯電話向けサイトとしての表示です。テンプレートは「携帯専用無料テンプレート配布中 : フリースタイル 携帯無料レンタルサーバー」よりお借りしました。 sparrow.jsを適用した表示です。デフォルトではフォントサイズや画像の表示が最適化されるのみとなっています。 sparrow.jsではその他、Viewportの自動挿入、スマートフォン向けのCSS定義、半角仮名を全角に変換、ページ内リンクをアニメーションに、絵文字絵文字画像に変換

  • HanPanAi.com is for sale | HugeDomains

    Working with hugedomains.com was a quick and easy process. We got to speak to multiple real people located in Colorado without having to wait on hold! Our only complaint was we felt we had to overpay more than this particular domain was worth, and we weren't able to negotiate it down to a level that we felt was fair. However, payment and delivery were seamless, and within a few hours we had all of

    HanPanAi.com is for sale | HugeDomains
  • 【速報】Googleにお前らの年齢、性別、趣味がバレバレ!!!

    ■編集元:ニュース速報板より「【速報】 Googleにお前らの年齢、性別、趣味がバレバレ!!!!!!!!!」 1 名前:名無しさん@涙目です。(東京都) :2011/12/06(火) 13:02:40.71 ID:WTcNrbAA0 ?PLT(12000) https://www.google.com/settings/u/0/ads/preferences/?hl=ja#general 左メニューにある「ウェブ上の広告」をクリック ↓ Googleが推定したお前らの推定年齢と性別とカテゴリが出てくる ↓これの類似サービス http://www.j-cast.com/2011/12/01115025.htmlグーグルが提供するサービス「Think Insights」( https://www.google.com/adplanner/ )が「恐ろしい」と話題になっている

  • マイナビニュース スマートフォン最適化の取り組み Google アナリティクス・ イン・ビジネス

    A/Bテスト 5 Ads Data Hub 1 AdSense 5 AdWords 19 AdWords 連携 21 AMP 4 Analytics 1 Analytics 基 5 API 2 BigQuery 11 Cookie 1 CPA 1 DCM 1 DFP 3 DoubleClick 11 DoubleClick Campaign Manager 1 DoubleClick for Publishers 3 e コマース 2 Firebase 8 Firebase Analytics 4 Firebase 向け Google アナリティクス 2 ga.js 2 GA4 12 GACP 18 GCP 1 Google Ads 1 Google Cloud Platform 1 Google Consumer Surveys 2 Google Insights for Search

    マイナビニュース スマートフォン最適化の取り組み Google アナリティクス・ イン・ビジネス
  • ウェブサイト設計の時に役立つ7つのテクニック/【その4】ウェブライティング (ユーザビリティ実践メモ)

    ウェブサイト作成時に役立つ7つのテクニック、第4回はウェブライティングについて取り上げます。ウェブ上で文章を書く際には、紙媒体とは違った独特のルールが存在します。ルールの観点を押さえて、読んでもらえる文章を書くためのポイントをお伝えします。 ファーストビュー 関連性 具体性 ウェブライティング ←今回のテーマ リンクの装飾と配置 目線の操作 他サイトでの慣習 「ウェブサイトに有益で魅力的な情報を載せているのに、何故か成果が出ない。」そんな経験をお持ちの方もいらっしゃるのではないでしょうか。ウェブサイトでは紙媒体に比べ、可読性が著しく低下します。もしかしたらウェブサイトに適した文章の書き方になっておらず、「有益で魅力的な情報」であることが伝わっていないのかもしれません。 第4回では「ウェブライティング」をキーワードに、メッセージを伝えるための3つの観点をお伝えします。 「ウェブライティング」

  • ファミコンで発売されたカセット(1053本)を全て集めた猛者が登場 : はちま起稿

    501 名前: LR転載禁止案について議論中 投稿日:2011/12/05(月) 22:12:06.77 ID:TqNfojlI0 と、いうことで! 週末の購入分でようやくファミコンカセットコンプリートに至りました! ちなみに最後に購入したソフトはアドベンチャーズ オブ ロロIIでした。 (略) ちなみに一番気になるだろう費やした費用や期間ですが、気がついたら集め始めていた状態なので 不明 ・・・・・うーんこの1年でごっそり集めたのは事実ですが、今まで入手したファミコンソフトを手放したことが皆無なので・・・・ ただ、全部揃える!と意識したのが去年で、その時約半分ですから、1年強で500近く入手した計算ですね。 その500買うための正確な費用は算出出来ませんが、レアソフトの購入で20万ぐらいは使っていると思いますのでそれ以上であることは間違いないです。 以下略 50

    tsutomura
    tsutomura 2011/12/11
    うちもあと半分なんだけどな~
  • PHP が分からない人でも WordPress のカスタムフィールドを使ってカスタマイズする方法

    カスタムフィールドの使い方をシンプルに教えます。一度覚えれば一生使えますので一緒に勉強していきましょう。 カスタムフィールドとは ブログの今日の一言とかを作るのに良いです。ブログ記事の抜粋部分とかサブタイトルを入れたりと、別枠で好きな枠組みを作れるのでアイディア次第でいろいろ作れます。分からない方はこれを読むとカスタムフィールドが何かに着いて理解できるかもしれません。 簡単なカスタムフィールドの使い方 管理画面のどこにカスタムフィールドを使うところがあるの? デフォルトで表示されてたり、されてないかもしれません、まずは画像のように表示オプションからカスタムフィールドが有効になっていることを確認します。 下に行くとカスタムフィールド欄が出現 これがカスタムフィールド欄です。 カスタムフィールドに何か入力します 左側はカスタムフィールドの名前、右側は値を入れます。今日の一言を実装するなら画像の

  • [CSS]CSSスプライトで容量を節約しつつロールオーバーを実現する|クロノドライブ

    画像のロールオーバーに関するまとめ記事を更新しました。下記リンクよりご覧ください。 【比較】覚えておきたいロールオーバー画像切替え 5つの手法(CSS?JS?onmouseover?) ロールオーバーの指定の仕方はこれまで何度かご紹介しましたが、今回はそのロールオーバーの指定の中でも、CSSスプライトと呼ばれる方法をご紹介したいと思います。 CSSスプライトとは? CSSスプライトとは、複数の画像をひとつにまとめ、CSSのスタイルでポジションを指定して表示させることで、画像の読み込みを減らし、サイトの表示をより速くするテクニックです。 このテクニックを使うメリットとデメリットとして… メリット 複数の画像を一つにまとめることで、サイトの読み込み回数が減り、表示速度が上がる。また、サーバへの接続回数も減るため、サーバに対しての負荷軽減となる。 例として、ロールオーバーに対して使えば、画像のち

    [CSS]CSSスプライトで容量を節約しつつロールオーバーを実現する|クロノドライブ
  • こういうメールは返信が面倒だから女性に送っちゃだめだゾゥ( ゚ω^ )v : はちま起稿

    1 名前: 名無しさん@涙目です。(東京都) 投稿日:2011/12/06(火) 15:10:21.60 ID:WTcNrbAA0 気になる女性にメールを送ったのに返事が来ない。最初はメールが続くものの途中から途切れがちになってフェードアウト。そんなケースに身に覚えはないでしょうか。そもそも女性が自分に興味を持ってくれていない場合を除くと、返信がないのはあなたのメールの内容のせいかもしれません。そこでオトメスゴレン読者に「返信するのが面倒だと感じる男性からのメール」についてうかがいました。その中から特に意見が多かったものや興味深かったものをピックアップ。あなたのメールはいくつ当てはまりますか? 【1】「何してる?」だけのメール 「今、何してるの?」「今日は何してるの?」といった内容のメールです。女性からしてみれば、なんだか自分の行動をチェックされているような気分にさせてしまうだけでは

  • iOS設定アプリショートカットアイコンサイトのまとめ : akiyan.com

    iOS設定アプリショートカットアイコンサイトのまとめ 2011-12-05 iPhoneのWiFi設定の切り替えは、バッテリーの節約や、電界強度の弱いアクセスポイントに繋がらないようにするためにちょくちょくオンオフしたりします。でも標準の設定アプリではWiFi設定までの手数が多く、面倒でした。 そこでiOS5からは、設定アプリの画面へのショートカットをホーム画面に作成できるようになりました。ショートカットはアプリ等を利用して自作することもできますが、ショートカットを配布しているサイトも沢山あります。アイコンの種類やショートカットタイプなど様々なので、まとめてみました。 目次 1 Click Config | ショートカットタイプ選択可、アイコン4種類 ショートカットタイプが選べる アイコンは4種類 ショートカットタイプを自由に選択でき、アイコンデザインが4種類から選べます。設定の種類も豊富

  • 電話占いで使われる占術をご紹介 | 当たる電話占いおすすめランキング~口コミで評判の当たる電話占いサイト紹介~

    小さいころから占いに興味があって、色々と勉強しているうちにどんどん好きになり、皆さんにも占いの良さを知ってほしくて記事を書いています。 知り合いに占い師や霊能力者、お寺の住職がたくさんいるので、その方たちにインタビューして記事を書いています。

    電話占いで使われる占術をご紹介 | 当たる電話占いおすすめランキング~口コミで評判の当たる電話占いサイト紹介~
  • infogra.me | インフォグラフィックスコミュニケーションサービス

    制作実績300以上。インフォグラフィック、データビジュアライゼーションの制作に特化したサービスです。

    infogra.me | インフォグラフィックスコミュニケーションサービス
  • 2011年に話題になったWebサービスまとめ * 男子ハック

    @JUNP_Nです。2011年もあと1ヶ月ですが、今年もいろいろなWebサービスがリリースされました。ということで、2011年僕のアンテナに引っかかったWebサービスをまとめて振り返ってみたいと思います。

    2011年に話題になったWebサービスまとめ * 男子ハック
  • 7ヵ月でファン数97万人!Facebookページ国内No.1の会社が明かす成功するための11個の秘訣【前編】 : (旧)ガイアックスソーシャルメディア ラボのブログ

    会社名 :株式会社パーゴルフURL  :http://www.par-golf.com/ 事業的な背景今年40年を迎えた「週刊パーゴルフ」という雑誌が主体の出版社。発行部数は20万部を超える。 雑誌以外には、ゴルフレッスンのムックの出版や、ゴルフイベントの開催、電子書籍・アプリや、EC(日・アジア向けの高級ゴルフクラブの中古流通)などを行っている。 2011年4月に株式会社葵プロモーションがパーゴルフ社を子会社化。元々葵プロモーション社が培っていたWeb・電子コンテンツのノウハウを元に、Web戦略にも力を入れている。 公開頂いた情報 その1.目的、目標 目的GaiaXソーシャルメディア ラボ(以下、ガイアックス) 井出: --- Facebookページは、集客や顧客との関係構築など様々な目的で使えますが、パーゴルフさんではどういった事を考えて、立ち上げられたのですか? 株式会社パーゴル

    7ヵ月でファン数97万人!Facebookページ国内No.1の会社が明かす成功するための11個の秘訣【前編】 : (旧)ガイアックスソーシャルメディア ラボのブログ
  • iPhoneアプリでリアルタイムアクセス解析「Woopra」に新しいiPhoneアプリ登場

    リアルタイムにアクセス解析できるツールとして以前にご紹介させていただいたWoopraですが、今回iPhoneアプリをリリースしたようです。 早速WoopraのiPhoneアプリを試してみたのでご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 無料アクセス解析ツール「Woopra」の新しいiPhoneアプリ 「WoopraのiPhoneアプリ」は、アクセス解析ツールWoopraの管理画面をiPhoneから閲覧することができるアプリ。 訪問者ごとの詳細も見ることができるので、外出中のスキマ時間を使ってサイト改善のヒントを得るのにも役立ちそうです。 ダッシュボード ↑インストール版、ASP版と同じように、ダッシュボードを閲覧することができます。ここから各項目を掘り下げて閲覧することも可能。

    iPhoneアプリでリアルタイムアクセス解析「Woopra」に新しいiPhoneアプリ登場
  • jQueryをダイエット。サイズをぎゅっと減らした·jQuery in parts(jquip) MOONGIFT

    jquipはjQueryの肥大化を懸念し、機能を維持しつつサイズを減らそうとするソフトウェアです。 jQueryは便利なJavaScriptライブラリである一方、ふくれあがった機能によってライブラリサイズが巨大になりつつあります。そこでjQueryを再度見直し、より機能を絞り込んでいこうと試みているのがjquipです。 デモプログラムです。 ボタンを押すたびに背景色が変わります。 ボタンを押すとデータを出力していきます。 実際のコードです。jQueryと変わらない書き方で実装できます。 jquipはjQueryをモジュールベースに分解し、コアを軽量に維持しつつ必要に応じて機能を追加できるようになっています。機能としてはjQueryの90%を実装しつつ、サイズは13KB程度となっています。現状ではモジュールとしてdocready、css、event、ajaxに分かれています。 jquipはJ

  • 通知センターにアプリや設定、URLやメール電話へのショートカットを置けるアプリが便利すぎる![App Switcher解説] - isuta(イスタ) -私の“好き”にウソをつかない。-

    HOME有料アプリ通知センターにアプリや設定、URLやメール電話へのショートカットを置けるアプリが便利すぎる![App Switcher解説]

    通知センターにアプリや設定、URLやメール電話へのショートカットを置けるアプリが便利すぎる![App Switcher解説] - isuta(イスタ) -私の“好き”にウソをつかない。-
  • Google Web Fontsにあるお気に入りのフォント5つ - Weblog - hail2u.net

    Google Web Fontsのフォント登録数も随分増えてきてチェックするのが大変になってきました。一応絞り込みとかそういう機能もありますけど、Typekitのようにかゆいところに手が届く感じではありません。そこで……というわけではないですけど、なんかの参考にでもなればと僕のお気に入りを5つだけ簡単な説明付きで紹介してみます。 Demo: Five Favorite Google Web Fonts Amaranth Amaranthはゆるやかにカーブのかかったグリフが特徴です。比較的小さなサイズからその特徴がはっきりと出るので、ロゴ以外にもナビゲーションなどでも使えると思います。斜体ではそのゆるやかなカーブがセクシーに強調され、また違った味わいがあります。 Arvo Google Web Fontsにはあまりスラブ・セリフがないですが、Arvoは唯一まともに使えそうなそれです。評価の高

    Google Web Fontsにあるお気に入りのフォント5つ - Weblog - hail2u.net
  • adakoda.com

  • W3CのValidatorをサイト全体にかけてサイトマップも作ってくれるツール「W3Clove」:phpspot開発日誌

    W3CのValidatorをサイト全体にかけてサイトマップも作ってくれるツール「W3Clove」 2011年12月07日- W3Clove :: site-wide markup validation tool W3C Validator の結果を一括で得られ、サイトマップのXMLも生成してくれる便利なサービスのご紹介です 最初にトップページのURLを入力すると、サイトをクロールしてくれるのでしばらく待ちます。 まっていると結果が次のように出ます。 OKなものはグリーンデ表示され、赤でエラー、オレンジで警告といった具合に分かりやすくW3C Validatorの結果が閲覧できます サイト全体で多く見られたエラーのサマリも見ることができ、どこを集中的に改善すればいいのかが分かりやすいです 関連エントリ スマフォ上で動くブラウザベースアプリ開発に役立ちそうなデバッグツール「Socketbug」

  • ピュアCSS3で作られた「path.com」っぽい円形メニュー実装デモ:phpspot開発日誌

    Path menu in pure CSS3 ピュアCSS3で作られた「path.com」っぽい円形メニュー実装デモ path.comのメニューというのは次のようなもので、クリックするとアニメーションしながらビローンと開くようなものです これをCSS3で実装したデモが公開されています。 アニメーションもしてJavaScriptも使っている気がしますがピュアCSS3とのこと。 気持よく動きます スマホサイトに導入してみるといいかもしれませんね。 関連エントリ フリーのCSSメニューテンプレートとチュートリアル集 リッチなドロップダウンメニュー実装ができるjQueryプラグイン「Mega Drop Down Menu」 CSSのナビゲーションメニューサンプル55

  • 色をベースにフリーの背景画像や色パターンが検索できる「ColRD」:phpspot開発日誌

    Discover ? ColRD.com 色をベースにフリーの背景画像や色パターンが検索できる「ColRD」。 左のナビゲーションから色をクリックするとその色に似た背景画像やカラーパターンが表示されます。 画像に関しては、ライセンス形態も画像を選択するとその場で表示され、パブリックドメインなどの画像はそのままサイトの背景として使ってもよさそう カラーパレットやグラデーションをブラウザ上で作ってシェアするようなこともできます 色を使うソーシャルサイトということでなかなか面白いアイデアですね 関連エントリ 背景画像に更にドットパターンを合成して超カッコよくできるjQueryプラグイン「Vegas Background」 背景画像を自動リサイズしてうまくフィットさせられるjQueryプラグイン「Backstretch」 背景画像に使えるド派手なフリーのベクターイメージ20

  • お役立ち!PC/スマートフォン/ガラケー/IE6のみとしてWebサイトを検証するブックマークレット·mecalint MOONGIFT

    mecalintPC/スマートフォン/ガラケー/IEのみという視点でWebサイトを検証してくれるブックマークレットです。 mecalintPC/スマートフォン/ガラケー/IE6のみとして任意のWebサイトを評価してくれるブックマークレットです。W3Cの検証とはまた異なる基準でWebサイトを検証してくれます。 ブックマークレットを実行しました。ページ下にツールバーが表示されます。 PC向けで評価したところです。IEのPNG、classの小文字キャメルケースで大きな減点が… スマートフォン向けとして評価したところです。若干低いといった程度です。 PC向けサイトを携帯電話向けとして評価するとやはりすごい点数が。 mecalintでは全部で20項目のテストを行ってくれます。ついやってしまいがちなミスを防ぐのに役立ちそうです。特にスマートフォンとガラケーの違いをまとめてチェックしてくれるのが便利

  • 平仮名とカタカナ、全角と半角テキストの相互変換ライブラリ·kanaxs MOONGIFT

    kanaxsはJavaScriptとActionScript3で、平仮名とカタカナ、全角と半角文字を相互変換してくれるライブラリです。 kanaxsを使えば平仮名とカタカナ、全角と半角文字を相互変換できます。入力した内容を自動変換したりするのに使えそうです。 これはActionScript3の変換デモです。 全角から半角、半角から全角、カタカナをひらがなに、カタカナから半角カタカナといった具合に変換されています。 こちらはJavaScriptの変換プログラムです。 JavaScriptの場合はこのような形で使います。 kanaxsではtoPaddingCaseとして「は゛」を「ば」に変換してくれるメソッドもあります。日本語入力で役立ちそうです。 kanaxsはNew BSD License、ActionScript3/JavaScript製のオープンソース・ソフトウェアです。 MOONGI

  • iPhone/Androidなどあらゆる機器向けに動画変換できる「Hamster Free Video Converter」 | フリーソフト,Windows PC活用情報局

    Hamster Free Video Converter 「Hamster Free Video Converter」は、iPhoneiPadAndroid、PSPなどをはじめ、あらゆるデバイスやフォーマット向けに動画をドラッグ&ドロップだけの簡単な操作で高速変換できる、シンプルで分かりやすいユーザーインターフェースと高い性能を兼ね備えた動画変換ソフトです。 動画を再生したいデバイスを200以上のメーカーや機種の中から直接指定して、音声コーデックや画素数などそのデバイスにぴったりのフォーマット形式に変換できるため、ややこしい知識が一切なくても画面を一目見れば誰にでもすぐに使いこなせる点や、多数の動画形式に対応しているという万能性が最大の特徴。 もちろん、各デバイス向けの形式だけでなく、AVIやMPEGなど変換したいフォーマットを任意に選んだりビットレートを詳細にカスタマイズすることもで

    iPhone/Androidなどあらゆる機器向けに動画変換できる「Hamster Free Video Converter」 | フリーソフト,Windows PC活用情報局
  • ファイルアップロード関連のjQueryプラグイン10:phpspot開発日誌

    10 jQuery File Uploading Plugins | 3D Models, Website Templates and Illustrations blog | Templates.com ファイルアップロード関連のjQueryプラグイン10 ファイルアップロードといってもSWFを使ったりAJAXを使ったりと方法が色々あって、いろんなやり方ができるjQueryプラグインです。 望みの挙動に近いものを選んでカスタマイズすれば作りたいものが最速で作れそうですね 関連エントリ facebookのフレンズセレクタ風UIを実装できるjQueryプラグイン「fcbkListSelection」 通常のフォームを瞬時にAjax化できるjQueryプラグイン「ALAJAX」 ギャラリー等を面白く見せられるjQueryプラグイン「Minimit

  • 精神論ではない仕事を速くこなす技術

    今ホッテントリになっている この記事『仕事が遅い人の共通項』http://tirrano.com/?p=1543 は的外れだ。仕事を速くこなすためには「素直さ」のようなことはどうだっていい。むしろ邪魔ですらある。仕事の速さに精神論は邪魔でしか無い。もっとシンプルな方法で仕事は速くこなせるようになる。具体的には以下の7つのポイントが有効だ。 1.時間を区切る 「時間をかけて頑張って解決しよう」と考えている時点で、あなたは最も効率の悪い仕事のやり方を選んでいるといえる。なぜなら、「時間で解決しよう」というのは、創造的な解決方法を放棄していることだからだ。たとえば、「象を3秒以内にかけ」といわれたら、誰でも象を表現するために最適かつ短時間で終わる方法を考えだそうとする。時間による制限は人の創造性を引き出すシンプルかつ効率的な方法だ。だから、「イマイチ効率が悪いやり方をしているようだな」と感じるな

    精神論ではない仕事を速くこなす技術
  • ke-tai.org > Blog Archive > jQuery Mobileを基礎から解説した良記事「スマートフォン向けフレームワーク注目の『jQuery Mobile』でスマホサイトを作ってみよう【基本編】」

    jQuery Mobileを基礎から解説した良記事「スマートフォン向けフレームワーク注目の『jQuery Mobile』でスマホサイトを作ってみよう【基編】」 Tweet 2011/12/7 水曜日 matsui Posted in Android, HTML5, iPhone, 記事紹介・リンク | No Comments » 先日正式版である1.0が公開されて、ますます勢いのあるスマートフォン向けJavaScriptフレームワークである「jQuery Mobile」ですが、良い入門記事を見かけましたのでご紹介させていただきます。 → HTML5でサイトをつくろう スマートフォン向けフレームワーク注目の「jQuery Mobile」でスマホサイトを作ってみよう【基編】 [html5-memo.com] jQuery Mobileってなに?という点や、メリットとデメリットなど基礎知識の

  • インラインサジェストを実現するjQueryプラグイン「jQuery.suggest」:phpspot開発日誌

    jQuery.suggest plugin インラインサジェストを実現するjQueryプラグイン「jQuery.suggest」 サジェストといえば、ドロップダウンが現れて表示されるのがよく見るサジェスト方式ですが、今回紹介するプラグインを使えば、次のようにインラインでオシャレに内容を補完することができます 入力途中にEnterキーを押せばそのまま補完されます 配列でデータを定義しておいて、次のように suggest メソッドにオプションとして渡すだけです。 ドロップダウンの方が選択肢が沢山あらわれて便利ですが、こっちの方がシンプルで、適している場合もありそうなので覚えておいてもよさそうですね 関連エントリ facebookのフレンズセレクタ風UIを実装できるjQueryプラグイン「fcbkListSelection」 リッチなドロップダウンメニュー実装ができるjQueryプラグイン「Me

  • iCloud風のアイコンを作成する(Fireworks)

    こんにちは。和田です。 今回はiCloud風のアイコンをFireworksで作成したいと思います。 オブジェクトは3つだけで作成できるのでとても簡単です。 それでは作成したいと思います。 まず始めに700×700pxの新規ファイルを作成します。 そして、 1.土台?となる部分の矩形を作成します。 ・サイズ:512×512px ・丸み:94px ・塗り:線形グラデーション →グラデーションの値(番号は下記の画像に記載している番号を表しています。) (1) #DDDDDD (2) #89898B (3) #545456 2.次にステンレスのようなヘアライン効果のオブジェクトを作成します。 2-1.円の矩形を作成します。大きさは、「1」で作成したものより大きく作成します。 大きく作成するのは、この後で設定するフィルタ(ぼかし(放射状))の効果を奇麗に反映させる為です。 ・サイズ:646×646p

    iCloud風のアイコンを作成する(Fireworks)
  • jQuery lightBoxプラグインで拡大画像の幅・高さを制限する方法

    拡大画像を表示するJavaScriptライブラリ「jQuery lightBoxプラグイン」で、拡大画像の幅・高さを制限する方法を紹介します。 jQuery lightBoxプラグインの使い方は、下記の公式サイトやネットの情報をご覧ください。 jQuery lightBox plugin 1.問題点 jQuery lightBoxプラグインは元画像である拡大画像の表示サイズを設定できないため、元画像のサイズによっては次のように期待通りの表示にならないケースがあります。 対処前の拡大画像(ブラウザの幅を超えて拡大) エントリーの対処を行うことで、拡大時のサイズを制限することができるようになります。 対処後の拡大画像 2.jquery.lightbox-0.5.jsの修正 jQuery lightBoxプラグインに含まれる、jquery.lightbox-0.5.jsを任意のエディタで開き、

    jQuery lightBoxプラグインで拡大画像の幅・高さを制限する方法
  • Facebook 向けウェブサービスは IE6 に対応すべきか ( 2011年12月の Facebook のブラウザシェア ) - IT戦記

    はじめに みなさん、お元気ですか><リリースも終わって、一息ついたあまちゃんです! ヽ(´ー`)ノわー さて今日は、最近「お花サプライズ!」というサービスをリリースしたのですが、そのときにちょっと面白いデータを見つけたのでそのいきさつも含めて紹介したいと思います。 (今日のテーマはこの円グラフ) フェイスブック系のサービスはどのブラウザに対応すれば良い? よく、ウェブサービスを開発するときの悩みとして「古いブラウザでのデザインをどのくらいケアするか?」というものがあります。 「お花サプライズ!」でも、割と短い期間で実装することを目標としていたり、番の HTML を書いた経験があまりないメンバーが多くいたことで「IE6 や IE7 への対応が鬼門なんじゃないか?」という心配が常にありました。 そこでよぎる甘い誘惑 このご時世、 IE6 とか IE7 に特別対応する必要なんてないんじゃね?

    Facebook 向けウェブサービスは IE6 に対応すべきか ( 2011年12月の Facebook のブラウザシェア ) - IT戦記
  • punksteady.com

    punksteady.com 2024 著作権. 不許複製 プライバシーポリシー

    punksteady.com
  • FacebookページをSSLに対応させる方法 – creamu

    ちょっとメモ。 Facebookでは、Facebookページのサイドバーにページを追加する場合、アプリとして作ってiframeで読み込みますが、そのアプリとして作るページが、今年の10月(2011年10月1日)からSSL必須になっています。 そのため、ユーザが「アカウント設定 / セキュリティ / セキュアな接続(https)を利用する(可能な場合)」にチェックを入れている場合、SSLに対応していないと、「ページが表示されません」や「セキュアな接続が…」といったようなエラーが表示されて、ページを見ることができない状態になります。 なので、まず読み込むページを置くサーバに、SSLがインストールされて認証されている必要があります。その上で、以下の設定をします。 「セキュリティで保護されたキャンバスのURL」、および「Secure Page Tab URL」にSSLのURLを入力します。 という

  • 関数ググるとグラフになる新機能で遊んでみよう

    数学オタクのみなさーん、Googleの検索窓に関数直打ちで検索するとグラフが生成される新機能がつきましたよ。宿題はかどるね。 Google Mapのように左上の+-でズームイン、ズームアウトもできるし、線の上をマウスオーバすると、そこのドットの値が右上に表示されます。カンマ区切りで複数の数式を色別に重ねて表示させることもできますよ。 ウルフラム・アルファではとっくの昔からある機能が、より身近に。アメリカの高校では、こうやって打ち込むとグラフになる「グラフ計算機(Graphing Calculator)」を授業で答えの確かめに使います。 「数学なんてもうウン十年やってない、頭真っ白、なんも思いつかない、廃人」というみなさまのために少しだけサンプルをご用意。これで記憶を取り戻しましょうね。 基礎編 x/3 (x/2)^2 In(x) cos(pi*x/200) y=x^2 上級編 sin(x)

    関数ググるとグラフになる新機能で遊んでみよう
  • WordPress をたった3分で3倍高速化する方法 [MO Cache] - カワイイはつくれる

    3分しか時間がない人向け WordPress の管理画面を開く WP File Cache をインストールする MO Cache をインストールする 完了!設定の必要はありません もう少し時間がある人向け この記事は WordPress Advent Calendar 2011 の10日目の記事です。 今日は MO Cache という WordPress プラグインの紹介をしたいと思います。 先日初めて WordPress を使いサイトを作成したのですが、インストール直後からのあまりの遅さにびっくりし、そりゃあチューニング記事が人気になるよなぁなんて考えていました。しかし最近になって WordPress 3.3 Beta が出たためちょっと触ってみようかなと英語版をインストールしたところ、以前日語版 3.2.1 をインストールした時よりも明らかに速いことに気づきました。 最初はバージョン

    WordPress をたった3分で3倍高速化する方法 [MO Cache] - カワイイはつくれる
  • 簡単!リアルタイム画像変換をNginxだけで行う方法

    先週金曜日(12/2)にクックパッドインフラ勉強会に参加しまして、そこで同社の成田さんから「今日からできるApacheモジュール開発と運用」という発表がありました。 リアルタイム画像変換モジュールの「TOFU」を開発するに至った経緯と、Apacheモジュール開発についてのお話でした。 TOFUは、S3に置かれたマスターとなる画像ファイルを取得し、与えられたパラメータでリアルタイム(オンザフライ)にリサイズ・トリミングを行うモジュール(mod_tofu)です。 料理を楽しくする画像配信システム 実際は、モジュールによる画像取得・変換をベースに、キャッシュや配信までも含めた一連の画像配信システムと言えそうです。 この仕組みをNginxを使って実装できないかと考えて、リアルタイム変換の仕組みをNginxだけで実現する方法を実験してみました。 準備するもの HttpImageFilterModul

    簡単!リアルタイム画像変換をNginxだけで行う方法
  • “通る企画書”の書き方(4)--相手目線の構成に仕上げる

    企画書や提案書を作成する上でまずは知っておきたいポイントに続き、伝わるメッセージを書くためのポイント、分かりやすい資料にするためのメッセージの要約と図解やグラフ化について紹介してきました。最終回となる今回は、プレゼンを想定した仕上げ方についてご紹介します。 第3回までに作った企画書や提案書を使って相手に説明をしなければいけません。その際の説明の場を想定して仕上げる必要があります。 企画書や提案書は、誰に説明するかによって内容や構成が変わります。もちろん、どのような場で説明するのかによっても変わります。企画書や提案書には正解がありません。どのようにすればよいのかは、その時々によります。 そこで、仕上げに際してはどのようなタイプの相手に説明をするのかをまず想定します。つまり、以下のようなことです。 決裁権を持っているかいないか 結論指向かプロセス指向か 細かいか大雑把か 提案内容についての知識

    “通る企画書”の書き方(4)--相手目線の構成に仕上げる
  • 新しくなった公式Twitterボタン(ツイートボタン)のデザインを修正する

    Twitterのリニューアルに伴い、公式Twitterボタン(旧ツイートボタン)の機能とデザインが変更されたようです。Twitterボタン作成ページもリニューアルされています。 新しい作成ページでは、これまでの「リンクを共有する」ボタンの他に「ハッシュタグ」「フォロー」「@ツイート」が作れるようになりました。 Twitterボタン これにより、これまでブログに設置していた公式Twitterボタンのデザインも変わっています。 エントリーではデザインを修正する方法をいくつか紹介します。レイアウトの崩れ具合によっては他の修正が必要かもしれませんので予めご了承ください。 1.ボックスタイプの幅を修正する(その1) リニューアル前からブログなどに設定しているボックスタイプ(垂直タイプ)はリニューアル後に次のような表示になっています。 これを次のようにコンパクトなサイズに修正します。 修正するには次

    新しくなった公式Twitterボタン(ツイートボタン)のデザインを修正する