職場における生産性の向上は、社会人にとって大きな課題のひとつ。「気づけばもう夕方なのに、まったく仕事が終わっていない…」と途方に暮れるような日もあるのではないでしょうか。 そんな人に読んでもらいたい記事が「TalentSmart」に掲載されているのでご紹介。Travis Bradberry氏が、生産性の高い人が絶対にしている11のコトをまとめています。今日から使える項目の数々は、すべての社会人必見！ 生産性のことを考えるとき、私たちは同じ困難に直面する。そう、1日は24時間しかないということだ。 しかし、ある一部の人においては「時間が2倍あるのでは？」と思うほど生産性が高い。彼らは、タスクを成し遂げるための不思議な力を持っているかのよう。たとえ複数のプロジェクトを抱えている場合でも、確実に目標を達成する。 時間とは、人類すべてが平等に持ち、失うことができない唯一の資本だ。ートーマス・エジソ

すでにお気づきの方も多いと思いますが、最近ブログのデザインを多少修正しています。 はてブやTwitter等のソーシャルボタンは各サービスごとにデザインが異なり、何となく統一感がありません。 今回のデザイン変更はソーシャルボタン周りのデザインを統一化し、よりユーザクリックを誘いやすいようボトム位置に固定化しました。 この効果はてきめん！ ブックマーク率は従来比で2倍以上に。 皆さんにも是非ご紹介したいと思いましたので、記事にしてみます。 設置方法 下記のソース群をあなたのブログに追加するだけです。 ソーシャルボタン画像はのらねこさんのページのものを使用させていただきました。 CSSソース あなたのブログのCSSに下記を追加してください。 .social-button { display:none; width:90%; max-width:900px; height:0; margin:0

4月初旬の駒沢公園。花見を楽しむ人々に、ビラを配る1人の男性がいた。近所の飲食店の店員……ではない。ミクシィ創業者で現在は取締役会長の笠原健治さんだ。「いいものを作れたと思っているので、広めたくて。ビラ配りは慣れてなくて、なかなか話を聞いてもらえなかったけど……」。 ビラには、スマートフォンアプリ「家族アルバム みてね」（iOS／Android対応）の紹介が書かれていた。子どもの写真や動画を容量無制限でアップロードし、遠方に住む祖母・祖父など家族と共有できるアプリだ。ミクシィの新規事業として笠原さんが企画。自らマーケティングやユーザーサポートなどを手がけると同時に、1人のユーザーとして妻や両親と一緒に使っている。 「娘が生まれたとき、はたと困って」。原点は笠原さん自身の経験だ。2013年に長女、翌年に次女に恵まれたが、子どもの写真や動画を親と共有する方法に困り、専用アプリの開発を思い立った

サンプルデモ真ん中寄せをして、ウィンドウの横幅が480px以上の場合は、5つのシェアボタンを横並びで表示し、スマホなど、ウィンドウの幅が狭いブラウザでは、LINEを含めた6つのボタンを1行に3つずつ表示するレスポンシブ仕様になっています。ここで表示している個々のボタンは画像を使用していますが、実際と同じように動作するので、ウィンドウの幅を広げたり縮めたりしてみて下さい。実際のシェアボタンでのデモを見たい人は、「サンプルデモを見る」のボタンから別ページにアクセスして下さい。 HTML <h2>シェアボタンの表示</h2> <p>横幅を狭めると、2行になり、LINEボタンが出現します。LINEボタンの画像は、<a href="https://media.line.me/howto/ja/" target="_blank">公式ウェブサイト</a>よりダウンロードする必要があります。</p> <

コンテンツブロックが有効であることを検知しました。 このサイトを利用するには、コンテンツブロック機能（広告ブロック機能を持つ拡張機能等）を無効にしてページを再読み込みしてください。 ✕

こんにちは、デザイナーの小林です。 最近スマホデザインで、アプリデザインや、機能性を持たせたUIのデザインが求められることが多くなってきました。 Photoshopで幅640pxで作成後、実機で確認をするのですが、どうも文字サイズを決めるのに毎回迷ってしまいます。 「小さすぎるんじゃないか？」 「見出しと本文の違いがパッと見で分かるだろうか？」などなど… そこで普段見慣れているだろう、スマホのデフォルトの純正アプリや有名アプリの文字サイズを調べてみました。 検証方法 iPhone4S（古くてスイマセン）でキャプチャーとる Photoshopで上からテキストをトレース。（このときの文字設定の数値を記載しています。） ホーム画面 通話履歴 メール リマインダー メモ帳 ミュージック Google Chrome Facebook Twitter Youtube はてなブックマーク evernot

Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp

By danielle tineke アメリカ・ミズーリ州のケープジラード郡には地元民の人気を集めていた有名な鹿がいたのですが、あるハンターがこの鹿を仕留めた写真をFacebookに投稿したことから大炎上するという事態が発生しています。この鹿は先天的にメラニン色素が欠けて体の色が白くなるという珍しいアルビノで、人気者を仕留めたハンターには非難が殺到して殺害を予告する脅迫が送りつけられるほど状況はエスカレートしています。 seMissourian.com: Local News: Albino buck killed in Cape Girardeau County (12/03/14) http://www.semissourian.com/story/2143060.html Hunter faces backlash after bagging rare albino deer - T

民主党でのひどい応対でうちひしがれた自身だが、 「このまま帰宅は出来ない」ということで維新の党の札幌の事務所にいくつか電話するも全く繋がらなかった。「大丈夫かこの政党」と思いつつ、 当初予定になかった自民党を急遽訪れることにしたのである。急遽なのと既に夕食時とも言える時間だったのでアポ無しだ。しかし快くこたえていただいた。 Q（自身）「メディアでは既に自公政権継続、というムードで報道されていますが、今回どのくらい当選を見込んでいますか？」 A（自民党担当）「もちろん全員当選をめざしております」 Q「今回、メディアの予測にかなりばらつきがありまして、一部には自公で385と、むしろ解散前より増えるという数字も出ているんですが」 A「いやー…………さすがに今回は減るという覚悟はしています」 Q「もし自公議席385だとありとあらゆる法案がラジカルに決まっていきそうな気がするんですが、そうはならない

ブロブ等のWebサイトにFacebookやtwitterなどのSNSボタンを設置していますでしょうか？記事に「いいね！」を押してもらったりシェアしてもらうのに大切なアイテムですね。各SNSの公式サイトにもボタンの設置方法等が紹介されていますし、多くの方が利用しているのではないかと思います。 WordPressをご利用の方であれば、『WP Social Bookmarking Light』等のプラグインを利用して簡単にSNSボタンを設置することが可能です。 しかし公式のSNSボタンを利用することによるデメリットも存在します。SNSボタンを設置してあるページを読み込む（表示させる）のに、とても時間がかかり重いのです。Facebookの「いいね！」ボタンは特に重いような・・・。ユーザビリティやSEOの面でもページ表示速度が重要視されるようになり、「0.1秒でも早くしたい！」という方にとって無視す

もくじ PHPでSNSシェア数を取得する オリジナルSNSボタンを設置する シェア数取得〜SNSボタン設置までの流れ おまけ：cssでフキダシの作り方 仕上がりイメージ 仕上がりイメージはこんな感じです。ボタンの種類は今回は自分がサイト制作時によく設置する以下の5つ（Twitter/Facebook/Google+/はてなブックマーク/LINE）とします。 ※LINEボタンについては残念ながらシェア数の取得方法がわかりませんでしたので、LINEボタンのみ吹き出しはナシです。 ※LINEボタンはオリジナルデザインにできない決まりなので、LINEボタンのみ公式デザインです。 今回もサンプルを作ってみましたよ〜。 サンプル お世話になった記事 今回の記事は以下のサイト様にお世話になりました！ありがとうございます！特にPHPでのシェア数の取得方法は本当に助かりました。もはや今回の記事はこちらのサイ

SNSなどのアイコンをWebフォントにするサイトが増えていると思います。Webフォントにするということはアイコンの色はこちらで指定する必要があります。ということでFont Awesome Iconsにあるアイコンの色を調べてみました。 で、調べていくうちに止まらなくなってきたので、Font Awesomeに限らず有名なロゴカラーを調べてみました。 Font Awesome Iconsの使い方等はこちらの記事もご参考に。 これは便利！アイコン型WebフォントのCDN「Font Awesome」｜Webpark アイコン型WebフォントをCSSでデザインしたボタン10個｜Webpark ということで、ブランドカラーを調べて並べてみたのがこちらです。 ボタンはそのサイトにリンクしています。 「参考」は公式サイト内にあるロゴの利用規約等のページにリンクしています。 「参考」のリンクがない場合は公式

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

この文章は、『ソーシャル時代のハイブリッド読書術』（倉下忠憲著）をご紹介するものです。書きたい内容がたくさんあったので、3つに分けました。 全体について→『ソーシャル時代のハイブリッド読書術』を手引書に、ウェブを活かした個人レベルの総合的読書システムを組み立てる（この文章） Evernoteについて→Evernote×読書「Evernoteにクラウド読書ノートを作る」（『ソーシャル時代のハイブリッド読書術』Chapter-4のご紹介） ソーシャルリーディングについて→Reading2.0の入り口に立って 1．読書からの収穫を最大化するために求められているのは、総合的な読書システム (1) 読書からの収穫を最大化するために必要なものは何か？ 多くの場合、本を読むのは、その体験から何らかの収穫を得るためです。せっかく本を読むなら、読書からの収穫をできる限り大きくしたいと思います。 では、読書か

この文章は、『ソーシャル時代のハイブリッド読書術』（倉下忠憲著）をご紹介するものです。書きたい内容がたくさんあったので、3つに分けました。 全体について→『ソーシャル時代のハイブリッド読書術』を手引書に、ウェブを活かした個人レベルの総合的読書システムを組み立てる Evernoteについて→Evernote×読書「Evernoteにクラウド読書ノートを作る」（『ソーシャル時代のハイブリッド読書術』Chapter-4のご紹介）（この文章） ソーシャルリーディングについて→Reading2.0の入り口に立って 1．Evernote×読書の必読本：『ソーシャル時代のハイブリッド読書術』（のCHAPTER-4） Evernoteは、いろんな用途に使うことができます。なかでも、Evernoteと相性の良い用途のひとつに、読書があります。Evernoteを使って、読書を管理する、ということです。 ところ

グラニの『神獄のヴァルハラゲート』がサービス開始から1年半以上経過したが、現在もなおGREEの人気ゲームランキングでたびたび首位を獲得するなど好調だ。さらに、カプコンとの共同タイトル『モンスターハンター ロア オブ カード』も上位に入っている。 今回、グラニの取締役CTOの河合宜文氏（写真右）にインタビューを行い、立て続けにヒットタイトルを生み出しているグラニの技術的な強さに迫った。今回、エンジニア以外の人にもわかるように初歩的なところから話してもらった（写真左は、取締役の福永 尚爾氏）。 ■そもそもC#とはなにか ———：よろしくお願いいたします。河合さんのプロフィールを教えてください。 前職は大手ソーシャルゲームの会社に在籍し、リアルタイムバトルゲーム2タイトルの開発に携わりました。その後、グラニの立ち上げから参画しました。 ———：御社では、C#を使っておられるとのことですが、この言

震災の時にTwitterでデマが周ったのは記憶にあたらしい。当時起きたことは意図的なデマというよりは、「良かれと思った未確認情報」が結果的にデマだったというものが多かった。 最近、東京ガスのCMについて、ちょっとしたトラブルがあった。サイバーエージェント社が運営しているバイラルメディア（情報をシェアさせることでPVを集める、最近流行ってるネタサイト）で、東京ガスのCMが打ち切りになったという話で賛否が巻き起こった このCMは就活をテーマにしたCMで、確かに衝撃的な結末で終わるCMだ。 しかし実際は打ち切りになったというのは大げさな情報だったらしく、ちょっとしたクレームがついたぐらいの話だったそうだ。しかし、その話が誇張と伝聞で伝わって「批判のせいで打ち切りになった」と伝えられてしまった。僕もFacebookのシェアで、このニュースを見て、Amebaというロゴを見て、正しいものかと思って感想

Parrots in captivity seem to enjoy video-chatting with their friends on Messenger