タグ

2014年5月25日のブックマーク (14件)

  • 「脳が冴えている状態」を計画的につくりだして、勉強時間に利用する方法 - 僭越ながら【1テーマの本を30冊読んで勉強するブログ】

    以前「人間とは、集中するといい仕事をする。だらだらしてると駄目」というラジオの備忘録を記事にしました。 (生産性が低い原因は上司?「長時間労働は糧になる?仕事に打ち込むことの当の意味」ラジオ備忘録 - 僭越ながら【1テーマのを30冊読んで勉強するブログ】) 「効率的に成果を上げるためには、短い時間で集中することが重要」 このフレーズは、以前「時間」について勉強していたときにもよく目にしました。 【1時間は「20分が3つある」として行動する】「時間/手帳/朝活」について気で勉強する【1】 - 僭越ながら【1テーマのを30冊読んで勉強するブログ】 【生産性=集中×努力】ストップウオッチで時間を計るだけで人は集中できる。 - 僭越ながら【1テーマのを30冊読んで勉強するブログ】 何故、短い時間で集中することが重要なのでしょうか? その答えは、「脳が冴えている状態は長時間は続かない」から

    「脳が冴えている状態」を計画的につくりだして、勉強時間に利用する方法 - 僭越ながら【1テーマの本を30冊読んで勉強するブログ】
    kyaido
    kyaido 2014/05/25
  • » 高さで文字数を制限するプラグイン[textCut.js]を作ってみる | isee ウェブに関するブログ

    textCut.js まずは、仕様やオプションを考える 何文字以上を超えたら「…」にする。とういのはよく見かけるかと思います。 一番お手軽にやるとしたらCSSの「text-overflow: ellipsis;」と「white-space: nowrap;」を使うったやり方です。はみ出した文字を「…」にすることができますが、 一行の場合にしか対応できません。 今回のプラグインでは、厳密に何文字というよりも、指定した高さを超えた時に末尾を「…」に変換するように作ってみたいと思います。 高さを条件とするので、複数行の場合でも対応することができます。 オプション cutHei 制御する高さ afterText 末尾に追加する文字 data-textCut-link 要素にdata属性でリンク先を指定 blank リンクを別タブで開く true:false textCut.js /**文字カットプ

    » 高さで文字数を制限するプラグイン[textCut.js]を作ってみる | isee ウェブに関するブログ
  • 八木啓代のひとりごと PC遠隔操作事件:すべての謎が解けたあとに残るもの

    さて、色々な報道が錯綜する中、遠隔操作事件の公式の記者会見の通知が届いたのが、10時半頃。弁護士事務所からのメールを見たのが43分頃。 それで11時開始って......と、あきらめかけたが、記者会見が遅れて始まることと、長引くことに賭けて、家を飛び出した。 その内容は、ビデオニュースドットコムやIWJなどで配信されるのはわかっているのだけど、とりあえず、ツイッターで逐一ツイートした。 その途中に、「小刻みに書くな」(←ツイッターに文字制限があるのを知らないらしい)とか「弁護士の代弁をするな」(←弁護士の記者会見をツダってるだけですが)とかいうリプライを入れてくる(お前みたいな無知がツイッターやるなよと言いたいような)超絶アホがいたりしたが、そういうのは無視して、ひたすらiPhoneでツダる。 まあ、それはこちらで読んで頂くとして。 結論から言うと、片山氏が犯人であることは確定的である。とい

    八木啓代のひとりごと PC遠隔操作事件:すべての謎が解けたあとに残るもの
    kyaido
    kyaido 2014/05/25
  • SMX London 2014-上級SEOのためのマークアップ:マイクロデータ・スキーマとリッチスニペットについて - SEO Japan|アイオイクスのSEO・CV改善・Webサイト集客情報ブログ

    無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする >> Googleへサイトの内容を伝えるために必須な作業が、構造化データのマークアップです。リッチスニペットの表示など、導入するメリットは大きく、導入サイトの数も増えていそうです。今回のセッションは、基的な概念の説明から、実際に導入したサイトの実例のお話です。– SEO Japan 原題:From Microdata & Schema To Rich Snippets: Markup For The Advanced SEO Speakers: Barry Adams, SEO & Digital Strategy consultant, Pierce Communications (@badams

    SMX London 2014-上級SEOのためのマークアップ:マイクロデータ・スキーマとリッチスニペットについて - SEO Japan|アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
    kyaido
    kyaido 2014/05/25
  • クロスブラウザ対応を助けるJSライブラリ"Modernizr" - ふろしき Blog

    Modernizrは、HTML5やCSS3などの新しいWebの標準がWebブラウザに実装されているか、汎用的なインタフェースを通じて確認することができるJavaScriptライブラリです。 ▼公式サイト http://modernizr.com ▼ダウンロード http://modernizr.com/download/ ▼Developper版(動作を試してみたい方向け。) http://modernizr.com/downloads/modernizr-latest.js ※注:そのままでは機能が不足するため、1章〜4章の解説通りには動いてくれません! 以下は、簡単なコードのサンプルです。WebブラウザにCanvasの機能が備わっているか、確認することができます。 <script src="./js/modernizr.canvas.js"></script> <script> if(

    クロスブラウザ対応を助けるJSライブラリ"Modernizr" - ふろしき Blog
  • DNSプリフェッチでウェブページの読み込み速度をスピードアップ

    [対象: 上級] この記事では、「DNSプリフェッチ」という仕組みを利用してウェブページの表示速度を高速化する方法を解説します。 DNSプリフェッチとは 上級者向けの記事なのでDNSが何かの説明は省きます。 DNSプリフェッチを利用すると、外部ドメイン名(ホスト名)の名前解決(DNSルックアップ)を事前に強制できます。 ユーザー(ブラウザ)がそのドメインにアクセスする前にすでに名前解決が完了しているので、読み込み時間の短縮を図ることができるのです。 DNSの名前解決にかかる時間は平均して200ミリ秒とわずかですが、モバイル回線では無視できる長さではないかもしれません。 またときとして1秒以上かかることもあり、遅延による表示速度の低下の防止に役立てられます。 DNSプリフェッチは、ページの読み込みと同時に実行されまたCPUやネットワークへの負荷が低いため、そのほかの処理を遅らせてしまう心配も

    DNSプリフェッチでウェブページの読み込み速度をスピードアップ
    kyaido
    kyaido 2014/05/25
  • 感性を鍛えよう!動きが気持ちいいUIアニメーションまとめ

    こんにちは。MUUUUU.ORGの中の人こと、 Quoitworks(クオートワークス)のムラマツ(マツムラではありません)です。 ブラウザの進化により昨今のwebサイトでは色々なアニメーションが実装できるようになってきました。そこで今回は動きに対する感性を磨き、「もっと気持ち良い感じに」というクライアントの要望をスマートにかなえる事ができるように、 セクシーだと思ったUIアニメーションを、エイヤエイヤとまとめてみました。(すみません!サイト負荷が高くサーバーがダウンしてしまうので、一部リンクのみになってます) line25.com https://dribbble.com/shots/1448379-Lookbook-nu-app https://medium.com/ui-ux-articles/3d1b0a9b810e http://thedesigninspiration.com/

    感性を鍛えよう!動きが気持ちいいUIアニメーションまとめ
    kyaido
    kyaido 2014/05/25
  • » 美しいスタイルガイドが作れるstyleDoccoを使ってみる | isee ウェブに関するブログ

    スタイルガイドについて マークアップの仕様に関する決めごと:の題名表記を斜体にする、数字や日付の表記法、文献引用の作法など。 文体に関する決めごと:単語の綴り(スペリング)、句読法、時制、です体/である体など。 スタイルガイドには空白や活字などタイポグラフィに関わるような要素に関して規定するものもある。ウェブサイトスタイルガイドの場合は、主に外観や技術的な側面に関するスタイルを規定する。 wikipedia参照 スタイルガイドはcssを作った人以外にも、IDやクラス、コンポーネントなどの役割を分かりやすく伝えることができ、サイトデザインの一貫性を促進することができます。 また、業務を引き継ぐとなったときも、スタイルガイドがあればコーディングルールなども一目で分かるので、勘違いや相違もなくなります。 スタイルガイドジェネレーターはstyleDocco以外にもいくつかありますが、styl

    » 美しいスタイルガイドが作れるstyleDoccoを使ってみる | isee ウェブに関するブログ
    kyaido
    kyaido 2014/05/25
  • クラウドワークス、Sansan、nanapi、クックパッド、スタートアップにおけるエンジニアの採用と評価とは - BRIDGE(ブリッジ)テクノロジー&スタートアップ情報

    ベンチャーヒューマンキャピタル事業を展開するスローガン株式会社がプロデュースし、アマゾン データサービス ジャパン株式会社との共催で「2020年のエンジニア像 ~ エンジニアがこの先生きのこるには? ~」が先週開催された。 スタートアップ向けにエンジニアの採用、育成、評価に関する事例共有やエンジニアの働き方に関するパネルディスカッションなどが行われた。 ゲストとして参加したのは、 株式会社クラウドワークス 開発担当取締役(元CTO) 野村 真一氏 Sansan株式会社 開発部長 藤倉 成太氏 株式会社nanapi CTO 和田 修一氏 クックパッド株式会社CTO 舘野 祐一氏 というメンバー。スタートアップ各社におけるエンジニアの採用についてや、評価制度についてのトークについて紹介する。 スタートアップにおけるエンジニアの採用と評価制度 クラウドワークス – フェーズごとの採用ポイント ク

    クラウドワークス、Sansan、nanapi、クックパッド、スタートアップにおけるエンジニアの採用と評価とは - BRIDGE(ブリッジ)テクノロジー&スタートアップ情報
    kyaido
    kyaido 2014/05/25
  • 「もっと恐ろしいものを表現したい」坂本慎太郎が追い求める“一線を越えた”音楽とは?

    2ndアルバム『ナマで踊ろう』を5月28日にリリースする坂慎太郎のインタビュー後編。「人類滅亡後の音楽」をテーマとした新作について語った前編に続き、後編では音楽における歌詞の役割から、作者と作品の関係、さらには表現のリミットをどう認識するかまで、聞き手の小野島大氏と大いに議論してもらった。(編集部) 「時間がたつことの恐怖のようなものも入れたかった」 ーー「人類滅亡後の地球に流れる常磐ハワイアンセンターのハコバンの音楽」というコンセプトは、歌詞がなくても成り立ちますよね。 坂:うん、成り立ちますね。 ーー実際、前作もそうでしたが今作もインストのCDが同梱されるわけですよね。にもかかわらず歌詞をつけたというのは、音だけでは伝えきれない思いがあるということなんでしょうか。 坂:いや、そうではなくて…日語の歌詞にこだわって音楽をやるのが自分のテーマで。日語の歌詞がちゃんとのってる良い曲

    「もっと恐ろしいものを表現したい」坂本慎太郎が追い求める“一線を越えた”音楽とは?
    kyaido
    kyaido 2014/05/25
  • 人とうまく付き合う19のコツ 「頼みごとは順番がカギ」「緊張したら何か食べる」など

    春を過ぎたころに流行るという「5月病」。新しい環境に対する不安感や焦燥感を表した言葉だが、誰だって同じような気持ちを多かれ少なかれ抱いているのではないだろうか? そこで今回紹介したいのが、海外サイト「Mind zette」に掲載された『人とうまく付き合う19のコツ』だ。人付き合いが苦手な人でも、ちょっとした心がけで状況が改善することもある。参考にしてみよう! 1. 目を見て微笑もう 初対面の人に自己紹介する時は、相手の目を見てにっこり微笑もう。慣れないうちは難しいし、相手もちょっと戸惑うかもしれないが、悪い気はしないはずだ。 2. 下半身・足元に注目しよう 人と話をしている時に、相手が当に自分の話を聞いているのかを確認したければ、相手の下半身の向きに注目しよう。顔と上半身だけがこちらに向けられていて、下半身はデスクを向いたままなら、相手は会話を終了させたがっているサインだ。 他にも、途中

    人とうまく付き合う19のコツ 「頼みごとは順番がカギ」「緊張したら何か食べる」など
    kyaido
    kyaido 2014/05/25
  • WEBプログラマの私が開発現場で学んだSEOを一挙公開! - 文系プログラマによるTIPSブログ

    2014-05-22 WEBプログラマの私が開発現場で学んだSEOを一挙公開! SEO 誰もが悩むSEOですが、私が沢山のWEBサイトを開発してきた中で、これさえ対応すればSEOは問題無いよ!というものをまとめたので、公開してみようと思います。SEOは Search Engine Optimize の略で、言葉通り検索エンジンに対する最適化です。決してユーザビリティの向上等、ユーザへの施策では無い事を理解しましょう。(プログラマーなら)最低限SEOをやっておくべきであり、その後にマーケティングやユーザビリティ向上を目指しましょう。 では早速見ていきます。 ちょっと長いですが、頑張っていきましょう!! ■ htmlタグ titleタグ 対応しないとどうなるか titleタグが無い場合や「無題ドキュメント」等となっている場合、検索エンジンが頑張って自動的にタイトルを表示してくれます。すると

    WEBプログラマの私が開発現場で学んだSEOを一挙公開! - 文系プログラマによるTIPSブログ
    kyaido
    kyaido 2014/05/25
  • MacBook で Adobe Creative Cloud が動いていたら今すぐ止めろ - ヤルキデナイズド

    追記: 2015年4月17日現在の最新バージョンである Creative Cloud 1.9.1.474 では以下の問題は解消されている。 マジで。メニューバーにこの8の字アイコンがあったら即座に終了しろ。常駐を止めても Photoshop や Illustrator の動作に影響はない。(追記: Typekit フォントを利用する場合は常駐させておく必要がある。 thx id:rinrinbell ) こいつの平均エネルギー影響は、アプリケーションが何もしてないように見えるときでも20を超える。 YouTube の動画を再生している最中の Flash Player プラグインのエネルギー影響は12を前後するくらいだから、 Creative Cloud は起動しているだけで動画2を再生するほどの電力をっている計算になる。(2014年9月16日追記:バージョン1.7.1.418では平均エ

    MacBook で Adobe Creative Cloud が動いていたら今すぐ止めろ - ヤルキデナイズド
    kyaido
    kyaido 2014/05/25
  • apple-relationship.com

    apple-relationship.com 2023 著作権. 不許複製 プライバシーポリシー

    apple-relationship.com
    kyaido
    kyaido 2014/05/25