【追記あり】SVGコードゴルフと,GIZMODO「Google新ロゴ」記事へ反論 - 聴く耳を持たない(片方しか)
＜ここから追記：2015-09-10＞当初投稿した内容が、前提から誤った思い込みで書かれておりました、詳しくは後半の追記を参照してください。 ＜／追記ここまで＞ はじめに先日こうしたツイートが話題になりました。 https://twitter.com/thespite/status/639107572679712772 これは先頃リニューアルが発表されたGoogle社のロゴ Evolving the Google Identity - Library - Google Design がシンプルな構成に見えることから、それを荒く手軽に作るなら（quick and dirty version）290バイトで作れるよ！という内容です。 リンク先の中身を見てみるとこのような490バイトのSVGファイルになっており <svg xmlns="http://www.w3.org/2000/svg" wi
SVGを使用してる企業・団体のサイトを22ヶ国、160件以上調べてみた - 聴く耳を持たない(片方しか)
このダイアリーでは過去に何度かSVGの記事を書いているのですが、それに対する反響で SVGって未だに使ってるところを見たことが無い とか いつになったら使えるようになるのか 永遠に普及しなさそう みたいな意見をよく見かけます。 そうした反応にカチンときた……というほどではないのですが、納得してもらうには実例を挙げて反論するのが分かりやすいだろうな、と考えてSVGの利用状況を調査してみました。 かといって個人サイトの利用例を挙げるだけでは説得力がないでしょうから、著名な企業や団体でのSVG採用事例をリストアップしてみた次第です。 そしてもう一つの動機として、Webサイトの制作現場でSVGの導入を検討する際に、同僚や上司、またクライアントからの同意を得る・説得する手段としても、既に実際に利用している企業や団体を提示できれば話を進めやすいだろうな、……といった狙いもあります。 例えば あの有名な
「823年に一度の奇跡のカレンダー」の季節が今年もやってきました - 聴く耳を持たない(片方しか)
2015年の今年、2月はこのようなカレンダーになっています。 1日が日曜日で28日分が綺麗に4段で収まっていますね。こうした配置は少し珍しいな、と感じる方も多いのではないでしょうか？ すると、先日こんなツイートが投稿され、多数のRTを集めていました。 確かになかなかありませんが、823年というのはさすがに大袈裟で、少し調べるだけでも 2009年2月 2026年2月 と前後10年もせずにありますから、日付には定評のある東スポ（日付以外はあっていない、とも）のTwitterアカウントからもこうしてツッコミを受ける事態になっています。 この件そのものは、携帯電話やパソコンのカレンダー機能を使えばすぐに分かるだろ！……っていう即終了する話なんですが、問題はこのネタって定期的に湧いてくるんですよね。 さらに言えば日本だけでなく、世界的に。少なくとも英語圏でも何度も見かけます。 ということで、これまで
SVGをdata URI schemeに変換するとき文字化けしないように必要なこと - 聴く耳を持たない(片方しか)
現在、パソコン、スマートフォン、タブレットと様々な画面サイズの情報機器が世の中に溢れています。そうした端末に適切に対応するには画像も色々なサイズのものをいくつも用意する必要があるわけですが、SVGのようなベクター画像であればそうした手間も少なくて済むのがメリットです。 例えば、AppleのサイトではロゴにSVGを使っています。 https://www.apple.com/jp/iphone/ そしてそのロゴを調べてみるとSVGをdata URI schemeで指定しているのが分かりますね。 data URI schemeはHTML文書内に記述できるため、画像ファイルのリクエストを減らして素早く画面表示が行えるという利点がありますから、世界中から多くのアクセスを集めるAppleのサイトで採用されているのでしょう。 こうした使われ方も多いことから、data URI schemeを簡単に作成でき
SVG未対応ブラウザのシェアって今どれくらいか？2014年10月版 - 聴く耳を持たない(片方しか)
先日発売されたiPhone 6 Plusでは従来よりもさらに画面が大きくなったり、Retina iMacの噂があったり、様々な機器でディスプレイの高解像度化が進んでいます。 それらの環境に合わせてピクセルサイズを変えていくつも画像を作るより、いっそSVGのようなベクター形式に移行したい！……でも古い環境が残っててまだまだ使えないんでしょ？ と考えている人も多いのではないでしょうか。 じゃあ実際どれくらいの環境が残っているのだろう？というのを調べてみました。 Twitterや検索から来た人はどうせ最後まで読まないと思うので結論を先に書くと 簡略な結論 2014年10月現在、SVG未対応のInternet Explorer8以下は依然として大きな割合を占めてるものの、iOS・AndroidではそろそろSVGが使える環境が整ってきましたよ という感じです。 PC向けはSVG未対応の環境は26.9
都道府県で画数の多い順と、地元だけで使われる「潟」の略字について - 聴く耳を持たない(片方しか)
タイトルでややネタバレ感はあるのですが、それはそれとして。 先日ふと 「47都道府県の中で最も総画数の多いところってどこだろ？」 と疑問に思いました。なので、それを調べてみた次第です。 各都道府県の総画数 総画数を数える際にそれぞれに「都道府県」を含めるか否か、 例えば「東京都」？それとも「東京」？ ……という観点は悩む部分ですが、そうすると北海道が北海となってしまうので、ここでは「都道府県」も含めてカウントします。 まずは47都道府県それぞれの漢字の画数と、総数の調査からやってみました。 都道府県名個別漢字総画数 北海道北海道26画 5912 青森県青森県29画 8129 岩手県岩手県21画 849 宮城県宮城県28画 1099 秋田県秋田県23画 959 山形県山形県19画 379 福島県福島県32画 13109 茨城県茨城県27画 999 栃木県栃木県22画 949 群馬県群馬県32
Advent Calendar 3日目:SVG画像を1バイトでも削るためのコードゴルフ - 聴く耳を持たない(片方しか)
このエントリーはGraphical Web Advent Calendar 2013 への参加記事です。 今日は12月3日、ということで Advent Calendar の3日目は私id:rikuoが担当します。今回はSVG画像ファイルを1バイトでも削るためのコードゴルフのTipsを紹介していきます。 コードゴルフって？ まずコードゴルフとはなにか？の説明から。 コードゴルフとは任意のソースコードを出来るだけ短く書くことを目的にしたものです。そのコードの動作を損なわなず、かつ可能な限り短縮して記述する手法を試行錯誤していく様子が、ゴルフのように少ない打法で競うところに似ていることからこのように呼ばれています。 またそれを競技としたコンテストも催されていますね。 画像のファイルサイズ低減策 JPEG、GIF、PNGといったビットマップ画像であればファイルサイズを低減する方法やソフトウェア・ツ
今年こそついにSVG元年？まだ間に合う！SVGの学習に役立つサイト紹介 - 聴く耳を持たない(片方しか)
先日AdobeからこのようなJavaScriptライブラリが公開されました Snap.svg http://plus.adobe-adc.jp/post-4817/ 以前から人気の高かった、IE6でもSVGを表示できるJavaScriptライブラリRaphaelの作者 Dmitry Baranovskiy氏による新たなライブラリで、Raphaelとの違いはSnap.svgではIEなら9以上対応とモダンブラウザを対象にしたこと。さらに自由度と表現力の高いことができるようになっているのが大きな特徴です。 こうしたJavaScriptライブラリがオープンソースで、そしてAdobeから公開されたのは大きなことでこれからSVGもどんどん普及していくのではないでしょうか。 まさに2013年こそついにSVG元年と言えるかもしれません*1。 ……とは言え、そもそもSVGってなに？という人もまだまだ少なくな
しなもんステキ写真まとめ【オレのしなもんフォルダが火を吹くゼ】 - 聴く耳を持たない(片方しか)
はてなのマスコットと言えば、はてな社長の近藤淳也一家が飼っているしなもん。 ウェルシュ・コーギー・ペンブロークのオスで、はてなダイアリーで日記を書いたり はてなの各サービスに登場するなど多くのユーザーに愛されています。で、そんなしなもんは1997年10月8日生まれ、ですから本日2009年10月8日で12歳になりました。 ……というわけで昨年の誕生日に 寝転んでるしなもんのステキ写真を勝手にまとめてみた と寝転んでいる写真を集めてみましたが、今年もやってみようという企画。おそらく全はてな内でも、しなもん好きにかけてはトップクラスのオレなので、完全に自己満足なエントリーです。オレのパソコンのしなもんフォルダにある写真……だいたい1200〜1300枚くらい……から厳選して、厳選して138枚です。多いよ。いや、どのしなもんも激しくかわいいので、削りきれないんですよね……。 というわけで、かな〜り画
Twitterのパスワードリセットメールを使う嫌がらせ攻撃を止める方法 - 聴く耳を持たない(片方しか)
Webサービスではパスワードを使って個人の認証を行うわけですが、そのパスワードを もしもうっかり忘れてしまった時のために、多くのWebサービスにはパスワードリセットのメールを送信する機能があります。 ユーザー登録に使ったメールアドレスに任意のURLを送り、そのURLでパスワードが無くても本人確認するという仕組みです。 もちろんTwitterにもこうした仕組みがあります。 トップページから 「パスワードを忘れた場合はこちら」をクリックして メールアドレスか、ユーザー名（screen_name）を入力して「送信」をクリック とするとパスワードリセットのメールが送信されます。 あとは届いたメールの指示に従って操作することで、パスワードを忘れてしまっても本人確認がされるというわけです。 そしてここまでの手順の説明から分かる通り、通常はTwitterではパスワードリセットのメールはユーザー名（scr
Twitterは昔「twttr」だった？！2006年頃のTwitterを振り返る - 聴く耳を持たない(片方しか)
少し前に「Twitterも昔は……」的な記事を読んだのですが、じゃあ昔っていつよ？とよくよく読んだら2009年のことで、う、うーん、そーですよねー（棒読み）……と思う2007年から使っている私。……とは言え、日本で本格的にTwitterが普及しだしたのが2009年頃の話で、多くの利用者にとってはその頃が「昔」なのでしょう。 だからと言ってちょっと先に使っていただけで、先輩風をぴゅーぴゅー吹かせて 「当時はねー」と毎度語るのもウザいんですけれども。 私も昔のFacebookのこととかドヤ顔で説明されたら「古参ウゼー」と感じるでしょうし。 今回はそんな「古参ウゼー」なTwitterの黎明期の出来事や歴史、コネタなどをいくつかまとめてみました。Twitter上で何度も書くよりもこうして記事にまとめておくといちいち説明する手間がはぶけるかなと。ウゼー、と思うかもしれませんがトリビア的な意味合いで楽
某オライリー社の技術書風の年賀状素材を作ってみました - 聴く耳を持たない(片方しか)
具体的にどういうものか？結論から先に言うと、こういう感じのやつです。 Carpet python by rikuo is licensed under a Creative Commons Attribution 3.0 Unported License. Based on a work at http://www.flickr.com/photos/brisbanecitycouncil/5278832161/. 来年、2013年の干支は巳年ということでヘビを描いてみました。後段でも説明しますが、クリエイティブコモンズライセンスの「表示」でこのヘビのイラストは公開しているので、自由に使えます。 着想の経緯や元の写真の説明など 先行する元ネタ オライリー（O'Reilly Media）社の技術書と言えば、エンジニアにとっていつもお世話になっている存在ですね。また表紙に動物の木版画を使ってい
はてなダイアリー古参にありがちなこと - 聴く耳を持たない(片方しか)
http://d.hatena.ne.jp/ululun/20090612/1244783914 エントリーの内容はさておき 私は2005年5月からはてなダイアリーとはてなブックマークを使っているので、古参な部類に属すると思うのですが、 http://d.hatena.ne.jp/ululun/20090612/1244783914 id:ululunさんよりも1年以上前の2004年3月からはてなを利用している私はさらに古参な部類に属すると思うので、先輩風をここぞとばかりにピュ〜ピュ〜吹かして表題のようなネタを考えてみました。 はてなダイアリー古参にありがちなこと ベータ版から利用 1000日更新は当たり前、2000日更新も はてなアイデアよりも「はてなダイアリーへの要望」の方が良かったと思ってる はてなブックマークの人気エントリーより、注目URLだ しなもんと言ったら、マスコットというい
Twitter古参にありがちなこと - 聴く耳を持たない(片方しか)
最近有名人や政治家の利用が相次いで話題になるなど、2010年もホットなTwitter。そのTwitterを使い始めて随分経ちました。私は2007年4月から利用したので、あと少しで4年目になりますね……というわけでこんなネタを考えてみました。 （※かなり古いネタなので、最近始めたユーザーには分からないことが多いと思います。ウケる層はごく一部） Twitter古参にありがちなこと Followするではなく、addする Twitter登録から1000日経過したことを自慢しようとするが、百式の田口さんが既に1100日以上経過していることを知り自粛 速読用のアカウントと精読用のアカウントを分けている*1 今は日本での第2次ブームだ メンテナンスのネコが懐かしい 半角スペースを入れないと日本語入力できなかったことを説明するが信じてもらえない*2 他のユーザーのタイムラインが見れなくなったのは不便だと思
はてなブックマーク数の多いツイートtop200件 - 聴く耳を持たない(片方しか)
こちらのエントリーで、 はてブのメタデータの価値が恐ろしいので、twitter で人気のはてブランキングを可視化してみたら想像以上だった。 - くるえるはてなくしょん Twitterの投稿ではてなブックマーク数の多い順に並べているのですが、200users以上のブックマークもあるはずなのに記事には掲載されていません。これは はてなブックマークの仕様上、古いブックマークが反映されていないためなんですが、説明がややこしいのでそれについては後で書くとして、本来のランキングはどうなのかを調べてみました。 とりあえずブックマーク数の多い順に200件。 ベスト200 1 Twitter / Mochio Umeda: はてな取締役であるという立場を離れて言う。はてぶのコ ... 2 Twitter / KAWANGO: 今週はじめてわかり、ドワンゴ社内で衝撃が走ったある数 ... 3 Twitter
Twitter開始1年目の総ツイート数が、現在は1日で日本のTLに流れる - 聴く耳を持たない(片方しか)
先日こんな調査結果が発表されました。 8月の総ツイート数は2億8千万件、猛暑やmixiのアクセス不具合、NHKのツイッター特集が話題に：MarkeZine（マーケジン） こちらによると、 8月の日本の総ツイート数は約2億8千万件で、7月の2億7千万件から6％増。急激な伸びは一段落となったが1日の最多投稿数が8月31日に1000万件を超えた。 http://markezine.jp/article/detail/11582 Twitter全体の総ツイート数はもっと多いのですが、日本語だけに限っても1日に1000万件を超えたとのこと。 これがどれくらいすごいのか、ちょっとこんな比較をしてみました。 まずはじめに Twitterの各ツイートはこんな感じのURLになっていますね http://twitter.com/ユーザーアカウント/status/1234567890（数字） この末尾の数字がそ
Twitterの2つの新機能について、ややこしいので図解で整理してみました - 聴く耳を持たない(片方しか)
先日Twitterに新機能が2つ追加されました。 ……なんですが、この新機能は Twitterにログインしている状態で クライアントからではなく、Webで 言語は（今のところ）英語版で という条件が必要なので、まだあまり知られていない様子。ただ現時点では、英語版にだけありますが（または一部のユーザー？）いずれは全てのユーザーに公開されるでしょう。そんな新機能なんですが、その機能自体は面白いものの、ちょっと分かりにくいので整理がてら図解で書いてみた次第です。 はじめに Twitterには、他のウェブサービスには無い独特の言葉があります。そうした用語については、以前まとめたのでそちらを参考にしてください。 超初心者向けのすげー基本的なTwitter用語集 - 聴く耳を持たない(片方しか) あとこちらはツイートの各要素などの見方をまとめたもの。 【ツイッター初心者向け】ツイートの見方と情報の意味
Twitterの公式RT、非公式RT、QTの違いを分かりやすく図で描いてみた - 聴く耳を持たない(片方しか)
＜追記 2012/03/06 ここから＞ 追記（2012/03/06） 2012年3月にTwitterの仕様が変更されました。 下記では「TweenのQT」と、「非公式RT」「QT」とはタイムラインでの見え方が違う……と書いてありますが、2012年3月現在ではどちらも同じようにタイムラインでは表示されています。 ＜追記ここまで＞ 先日、Twitterで公式にRetweet機能が一部のユーザー向けに公開されました。現在は言語を英語にしないと利用できませんが、今後はいずれ全ユーザーが利用できるでしょう。一方でこれまでのRetweetをQTと言い換える専用ソフト（クライアント）も出ています。 こうした動きの中で機能が複雑になり、それぞれの違いが分からない・分かりにくいといった意見をよく見かけます。……ですので、ちょっと整理も兼ねてそれぞれの機能の特徴をまとめてみました。 はじめに 以降、区別のた
YouTubeではてブ数100users以上のものをまとめてみた - 聴く耳を持たない(片方しか)
昨日に引き続いて、YouTubeでもはてなブックマーク数100users以上のものをまとめてみました。 調査方法は http://b.hatena.ne.jp/entrylist?sort=count&url=http%3A%2F%2Fwww.youtube.com%2Fwatch http://b.hatena.ne.jp/entrylist?sort=count&url=http%3A%2F%2Fjp.youtube.com%2Fwatch http://b.hatena.ne.jp/entrylist?sort=count&url=http%3A%2F%2Fyoutube.com%2Fwatch を集計。ブックマーク数は2009/11/27現在。タイトルも上記ページから取得しました。 YouTubeの場合は概要部分の取得が巧くいってないケースも多いので、付けられていたタグを抜粋して併
FirefoxのアドレスバーからかんたんにQRコードを作れるBookmarklet - 聴く耳を持たない(片方しか)
はじめに：着想 ポメラの新モデル発表されましたね。 電源オンから2秒で起動、いつでもどこでもメモがとれる「ポメラ」に新モデル登場 - デジタルメモ「ポメラ」DM20発売 〜液晶の大型化やテキスト編集機能を強化〜 - KING JIM ニュースリリース DM20 | デジタルメモ「ポメラ」 | KING JIM デジタルメモ「ポメラ」に進化したプレミアムモデル DM20 - Engadget 日本版 で、気になったのがこの機能 編集中のテキストをQRコードに変換可能（3,200文字まで）。携帯電話との連携が図れます http://www.kingjim.co.jp/news/0911/n-pomera.html 結構メンドイのが携帯電話とのデータのやり取りで、ポメラに限らずパソコンとの連携も案外に手間ですよね。まぁパソコンからだとメールで送る、とかもあるんですが手軽にQRコード作成できれば便
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
