実験方法 今回の実験において、フェアなルールでははないということをまずご了承願います。 現在のネタ帳のフェイスブック・ページは 13,751 いいね。 Twitterは 12,295 フォロワー。 この二つの媒体において、短縮URLを共通のものとし、どちらの媒体のURLがクリックされたかを集計しています。 流す情報は様々で、有益な情報を含む記事やサイト等を紹介しています。 ただし二つの状況は異なり、Facebookページはそれしか流しません。 対して、Twitterの方は、それらのURLを含むツイート以外にも、わりとノイズも多く、どうでもいいこともつぶやいてます。 つまり、フォロワーさんの人数が違う、発言される内容が違う別々のフィールドのものを戦わせていますので、その部分も含めて参考にしていただければと思います。期間は2013年5月の1ヶ月を集計。 結果、Facebookページの勝利 合計

Optimizing the images of a web page is easy and the best way to speedup the site. This presentation contains some general patterns and practices for los…

In this case, we're using the fullscreen option, which makes the drawing area take up the entire browser window. If we wanted our drawing area to have a specific size, we could use the width and height properties instead; these both take a number for a pixel value. There's also the autostart parameter; if this is set to true, any animations will run right away when the page is loaded. There's also

► 2019 (337) ► 8月 (11) ► 6月 (41) ► 5月 (46) ► 4月 (69) ► 3月 (86) ► 2月 (44) ► 1月 (40) ► 2018 (407) ► 12月 (48) ► 11月 (25) ► 10月 (40) ► 9月 (23) ► 8月 (37) ► 7月 (30) ► 6月 (20) ► 5月 (31) ► 4月 (27) ► 3月 (33) ► 2月 (32) ► 1月 (61) ► 2017 (779) ► 12月 (48) ► 11月 (49) ► 10月 (62) ► 9月 (65) ► 8月 (81) ► 7月 (69) ► 6月 (56) ► 5月 (71) ► 4月 (75) ► 3月 (53) ► 2月 (67) ► 1月 (83) ► 2016 (821) ► 12月 (80) ► 11月 (46) ► 10月 (47)

Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.

Google’s brand is shaped in many ways; one of which is through maintaining the visual coherence of our visual assets. In January 2012, expanding on the new iconography style started by Creative Lab, we began creating this solid, yet flexible, set of guidelines that have been helping Google’s designers and vendors to produce high quality work that helps strengthen Google’s identity.

日本で働く、地球の真裏から来たアルゼンチン人のアメブロ サイバーエージェントで働く、新規事業を担当しているグンタと申します。 15年前日本に来ました。よろしくお願いします。 今年に入ってから本日は２番目に衝撃的な日でした。 （１番目は新経済サミット2013の日） 本日はグーグル東京で開催されたイベント、 今までサンフランシスコ、パリ、北京、シドニー、シアトル等で 開催されてきた日本初のイベントに参加して 賞を頂きました。 イベントの参加者は HTML5標準仕様のエキスパート達の他、 Adobe、Google、Microsoft、Opera、Mozilla等の Web標準仕様エキスパート達が来日しましたが、 本当にフロントエンド業界の最上レベル。 100人中3人しか受賞出来ないので、 素直に嬉しいです！ 今回の受賞は「最も数の多いリファレンステストを貢献した」 ということで頂きました。 全員

2013年11月28日 英語 私達Webサイトの制作者は、常に英語と関わっています。なぜならHTMLコードやプログラミング言語は英語をベースに作られているからです。そのため、Web業界界隈では英会話上達方法についてのブログ記事がよく話題になります。しかし、本当に英会話って必要なんでしょうか？海外の企業に就職するのであれば、英会話は必須ですが、日本にいるWeb業界の人達はどうでしょう？ ↑私が10年以上利用している会計ソフト！ Web制作者にとって英語ができることのメリット まずは根本的なところから考えてみましょう。 リリースしたてのWebサービスを使える 多くのWebサービスは英語サイトを第一に作られます。Wikipediaにある2010年のインターネットにおける使用言語は42%が英語で、第一位となっているのが理由のひとつでしょう。他の言語も徐々に追加していくというサービスもありますが、ど

WordPress関連書籍の中より、ユーザレベル別にオススメを紹介します！ 2013.06.10 | 初心者向け | 玄人向け どもPurpleです。 週末はWordCamp KOBEですね。チケットは完売ということで、なかなかの競争率だったようですが、皆さんは取れましたでしょうか？ さて、質問がいただきましたー WPはなかなか操作が難しいようです。 このサイトでWPの本の紹介をしていましたが、 どの本がいいのか、わかりません。 初心者でも、理解できるお勧めのWPの本はありますか？ うむ、確かにWordPressの本が沢山出ていますね。 WordPressで検索した結果 Amazonのランキングでもこの通り WEB開発 word 相変わらず、なぜかMicrosoftのwordのランキングに多くのWordPress関連書籍が含まれていますが、それはさておきPurpleとWP-Dの面々がその中

日本政府が任命した上田「人権人道大使」の国連拷問禁止委員会での態度が話題になっている。 5月21日、22日に開催された国連拷問禁止委員会は先日、「慰安婦問題」に関する厳しい勧告をしたことが日本でも大きく報道された。 日本への勧告が出された5月31日は私もジュネーブ出張中だったので、委員の方々のお話しを聞く機会があった。 この委員会は「慰安婦」問題以外にも、日本の冤罪を生み出してきた取調べ、虚偽自白、起訴前拘禁のあり方などについても大変厳しい勧告を出した。日本はいつも刑事裁判のあり方、特に冤罪を生み出す取調べや拘禁がひどい、として国際機関から改善の勧告を受けているが、全くこれを是正せず、この審議でもいつものとおりのらりくらりだったという(日本はいつも条約機関の審査でこんな感じだ。世界的にも呆れられていて、恥ずかしい)。 傍聴した小池振一郎弁護士によると、そんななか、アフリカ・モーリシャスの委

DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! With more people than ever writing in Sass, it bears some consideration how we format it. CSS style guides are common, so perhaps we can extend those to cover choices unique to Sass. Here are some ideas that I’ve been gravitating toward. Perhaps they are useful to you or help you formulate i

ブログにおいては、文章によって人に何らかの情報を届けます。 その際、ブロガー自身が発信する言葉を全く必要としないものもあれば、ブロガー自身の言葉を届けたほうが人の感情に届きやすいものになる場合もあります。 今回は後者の方。 人の感情に文章を届けるとはどういうものかを具体的に考えてみましょう。 その言葉、何を意味する？ たとえば、 「掃除したくても出来ない、微妙なものはたくさんある。例えばビックリマンチョコのように、シールがほしくて大量に購入したあと、そこにのこるチョコの山を眺めるかのような感覚だ。」 「テレホーダイ時代の習慣で、接続のたびに作業が終われば直ぐ接続を切るといった癖のように、昔からの癖はなかなかぬけない」 「まさにその人は、LINEのグループからそっと追い出されるような、そんな存在だ。」 「最近の羽根のない扇風機では、あ"あ"あ"あ"が出来ない」 さて、ここで考えてみましょう。

はじめに こんにちは、Go界のクリント・イーストウッドです。5月7日から1ヶ月アメリカのオフィスに来て仕事をしているのですが、帰国を目前にした現地時間6月5日に車上荒らしに遭って、めちゃくちゃ面倒くさかったので、万が一誰かがSan Francisco（ベイエリア含む）で同様の事件に巻き込まれてしまった場合のために、記録を残しておこうと思います。 経緯 長期出張も終わりに近づいたということで、同じチームの同僚に送別会を開いてもらうことになりました。お店はSan Francisco市内のメキシカン料理屋。お目当てのお店のそばにDMV（免許センターとか陸運局みたいなとこ）の公共駐車場があったのでそこに駐車しました。その時にカバンをトランクの中に投げ込んでおけば良かったのですが、お店が混んでいたので、順番だけ先に取ろうとお店に行き名前を書くことだけして、別のお店を探し始めました。で、3ブロック離れ

デフォルトのボックスモデルではwidth、heightの値にはpaddingとborderの値を含みませんが、box-sizingプロパティの値にborder-boxを指定すると、widthとheightの値はpaddingとborderの幅を含むようになります。 #box-sizing{ -moz-box-sizing: border-box; box-sizing: border-box; } 特にコンテンツの幅を指定するときや、Fluid Grid Systemを作成するときに計算が簡単になります。 例えば以下の図のような4カラムのGrid Systemで2カラム分の相対幅を求めるとします。 デフォルトの場合2カラム分の幅は60px×2+20px=140px、全体の幅は320pxとなるので、140÷320×100=43.75%となります。これにmarginやpaddingでガターの幅

書体デザイナーと話し、長年の疑問を全て解消してきました 先日、[クリエイター]英Monotype社の書体デザイナー大曲都市さんに会いにいってきましたという記事を書きました。このときはたまたま英Monotype社の書体デザイナーの大曲都市さん(@Tosche_J)としっかりと話をする機会を得たわけですが、そこで私がフォントについて「こうだと思っているけど実際どうなのか」という質問をたくさんぶつけてきました。 私としてはすごく納得がいき、フォントというモノに対する認識がはっきりしました。なので今回はその都市さんから聞いた話を踏まえた上で私の現時点でのフォントについての考え方の着地を6つのアドバイスとして書いてみます。 特に独学でデザインの勉強をしてきた人は「こういうものだと思うんだけど、皆は実際どう考えているんだろう」という悩みを抱えているはずだと思うので、それに対する答えを出したいと思います

先週のMOVIDA SCHOOLはネコメシのディレクター兼UXデザイナーの山本郁也さんでした。 山本さんは個人でZaim、クラウドワークス、Lang-8、ソーシャルランチ、gifteeなどのスタートアップのUXのサポートを行なっている他、人間中心設計推進機構やヒューマンインターフェース学会でアカデミックな活動も行っています。 （スタートアップとのかかわりについてはMOVIDA SCHOOLでの講義の次の日にこんな想いをエントリしていました。） 山本さんにはユーザー視点でのUXデザインについて話していただきました。 Fact or Truth?マーケティングの世界で古くからある言葉に「顧客はドリルが欲しいわけではなく、ドリルであけることのできる穴が欲しいのだ」というものがある。 実際には人それぞれ、その時々で変わると思う。 ひょっとしたら、ドリルを持っていたいだけの人がいるかも知れないし、た

robots.txtとは robots.txtは、検索エンジン向けの情報を記述したテキストファイルで、書式に従って書くことで検索エンジンのクローラーにクロールして欲しくないページを知らせたりします。というか、まあ基本的に出来ることはそれのみですね。例えば、 User-Agent: * Disallow: / こうrobots.txtに書くとルート以下全てのファイルへのクロールを禁止します。 決められた書式があって、それに沿った形で書かれていればクローラーはある程度いう事を聞きます。 humans.txtとは robots.txtがロボットの為の説明であるなら、humans.txtは人間の為の説明です。人間がサイトについて受け取りたい情報としては誰が書いたのか、何を使って書かれたのか、というようなことでしょうか。 そしてこのhumans.txtを設置する事を推奨するサイトもあり、面白いなーと

Cargo-cult programming is what a programmer does when he or she doesn't know a particular language or paradigm well enough, and so ends up writing redundant and possibly harmful code. It rears its head quite often in the land of JavaScript. In this article, I explore the concept of cargo-cult programming and places to watch out for it in JavaScript. Dogmatic rules surface and spread, until they ar

もくじ ゲームサイトのデザインいろいろ ゲームサイトに特化したギャラリーサイト 「ゲーム」タグがあるギャラリーサイト ゲームのデザインをまとめた記事 ゲーム関連のアイコン ゲーム関連デザインのためのチュートリアル ゲームサイトのデザインいろいろ まずゲームサイトのデザインとはどんなものがあるのでしょうか？本当に様々ですが、中でも雰囲気や見せ方がそれぞれ異なるサイトを4つピックアップしてご紹介します！ ジョジョの奇妙な冒険 オールスターバトル バァーンッ！！まずはFlashバリバリ！のジョジョのゲームサイト。かっこいいしキャラを大きく打ち出しているのでインパクト抜群です！なんかもう、色んなとこホバーすると色んなものが動きます。これぞゲームのサイト！ってくらい仕掛けがたくさんです。文字で効果音が出たりするところが漫画っぽくもありますね。 トゥームレイダー 黒を背景にしていてシリアスな雰囲気や「

ブログはWordPressというプラットフォームを使って書いています、むねさだ(@mu_ne3)です。 そのWordpressの最初のバージョンが発表されて、今年で10年。 その10周年を記念して、世界中で記念イベントが行われているそうです。 WordPress 10th Anniversary Meetups Everywhere – Meetup その10周年記念イベントの日本版として行われたのが今回参加した、「WordBench東京2013」です。 WordBench東京 – WordPress10周年記念イベント at GMOYours | 集客ならイベントアテンド 私自身は、あまりWordpressに詳しくないのですが、多くのユーザーが集まるこのイベントに参加することで色々と学べるだろうと思い参加してきました。 会場一番乗り！ 当日は、230人が来場するということでかなりの大混雑

５月１２日に、大阪で対談とワークショップをしてきました。テーマは、「日本ではなぜこんなに丸ゴシック体が多いのか？」です。まだいろいろ調査中ですが、当日、私がどんな写真を見せていたのか、どんなことをしゃべっていたのか、 こちら や こちら からチラっと見ることができます。 私は前座みたいなもんで、主役は、じつはプロの看板屋さんお二人、上林さんと板倉さんでした。去年の１０月に取材に行ってからぜったいお願いしようと構想を温めていて、今回やっと大勢の前でお二人との対談と、お二人による看板書き実演ができたんです。 そのとき、看板屋さんが、昔の看板屋さんの字によく見られる古い感じのする字の形を「オジ書き」と言っていました。おじいさんの書き方、というような意味らしいですが、大阪は「オジ書き」の宝庫でした。 新大阪駅南口の「屋外消火栓」の「消」のつくりの部分、頭の毛３本が集中するところがイイ感じです。

2. 自己紹介 ● twitter ： @androidsola blog ： http://blog.sola-dolphin-1.net/ ● JCROM(Japanese custom rom) Project https://sites.google.com/site/jcromproject/ Android をベースにしたカスタム ROM を作ってます。 ● HTML5 、 JavaScript は触れた事が無いので、 何かアプリ作るためにこれから勉強します。 3. 本日の内容 ● Nexus S 等の Android 端末で Firefox OS を使う ● PandaBoard 等の開発ボードで Firefox OS を使う ● KEON と PEAK 向けに Firefox OS をビルドする ● Firefox OS をカスタマイズしてみる

コミュニケーションの接点と導線 大学の一般教養科目で習った人もいる行動心理学。 忘れてしまった人でも大丈夫。一緒に復習していきましょう！行動心理学は人間の心理であり、多くの場合そのような行動をとります。 企業も予算（リソース）を使ってCSRコミュニケーション活動をする以上、より効果的な施策をしたいと思っている人多いと思います。 というわけで今回は「認知・行動心理学」から、CSRコミュニケーションでも有効なものを学びましょう！ 「認知・行動心理学」7つのポイント 1、返報性の原理 「返報性の原理」とは人から何か施しを受けた場合に、何かお返しをしなければならないと思う心理のこと。 ステークホルダーが「もらいっぱなしじゃ何か悪いな」と思えるくらいの価値のあれば、今度は自分にできることなら何かお返ししてあげようという心理に。サンプル提供とか、無料相談に対応するとか、大人の社会科見学も流行っているし

よくわからない人のための事前知識 イメージ的にはこんなかんじです。 ・銀行（パソコン）にお金（画像）が保管してあります ・これを盗まれる（ハッキング）のを防ぐのが目的です ・ところが番組側が用意した銀行の建物はボロボロ（バージョンが古い）です ・そんな建物なので侵入経路（脆弱性・セキュリティホール）だらけです ・セキュリティ的には補修工事（パッチをあてる）をしたかったものの、番組が面白くなくなるので不可 ・そこで、銀行自体に侵入されるのは諦めて、お金を保存する金庫を頑丈にしました(TrueCryptで暗号化) ・そして勝負開始、思ったより銀行に侵入するだけでも結構時間がかかっていたようです ・とはいえ、そこは脆弱性を残したままのシステムであり、案の定銀行には侵入されてしまいました ・金庫も見つかってしまいました ・ところが金庫を破るのが非常に難しかったため、時間制限もありギブアップ …とい