jdash2000 site 2012-05-21T22:13:27Z tag:blog.livedoor.jp,2004:jdash jdash livedoor Blog Copyright (c) 2012, jdash 【疑問】JavaScriptの window.jQuery || document.write …という条件式の書き方 2012-05-21T13:11:58Z 2012-05-21T21:57:18+09:00 tag:blog.livedoor.jp,2012:jdash.51942493 Says it all by alikins「jQueryをロードする際のナイス！と思った書き方 」が突然週明けからブレイクしてビビっております（汗）。その記事に書いたjQueryのフォールバック用のJavaScriptですが、以下の様に書かれています。window.jQuery ||  document.write('<script src... JavaScript
Says it all by alikins


「jQueryをロードする際のナイス！と思った書き方 jQueryをロードする際のナイス！と思った書き方」が突然週明けからブレイクしてビビっております（汗）。


その記事に書いたjQueryのフォールバック用のJavaScriptですが、以下の様に書かれています。

window.jQuery ||  document.write('<script src="js/libs/jquery-1.7.2.min.js"><\/script>')</script>

疑問というか質問なのですが、これってJavaScriptで一般的に使用される条件式の書き方なのでしょうか？


続きを読む]]> jdash jQueryをロードする際のナイス！と思った書き方 2012-05-18T01:03:04Z 2012-05-18T10:00:23+09:00 tag:blog.livedoor.jp,2012:jdash.51941752 出典：Initializr - Start an HTML5 Boilerplate project in 15 seconds! 先日開催された「CSS Nite in NIIGATA, Vol.3 with Microsoft」でせっかくHTML5の事を学んだので、実際に使ってみようと勉強を進めています。 このブログも実はPC版は形式上HTML5のページになって... JavaScript 20120518-Initalizr-jQuery-load-00

先日開催された「CSS Nite in NIIGATA, Vol.3 with Microsoft」でせっかくHTML5の事を学んだので、実際に使ってみようと勉強を進めています。


このブログも実はPC版は形式上HTML5のページになっているんです。
見た目はほとんど変わっていませんが…。


さて、CSS Niteのセミナーの中でHTML5のベースとなるテンプレートを一瞬で作ってくれる「Initializr」が紹介されていました。


このサイトでテンプレートを作ってみて、そのテンプレートを開いたらjQueryをロードする時の書き方でこれはナイスな書き方だと思ったものがあったので紹介します。

続きを読む]]> jdash 【メモ】ポイントが3倍になる楽天カード感謝デーのページ 2012-05-18T00:03:04Z 2012-05-18T09:00:52+09:00 tag:blog.livedoor.jp,2012:jdash.51941753 出典：【楽天市場】「楽天カード感謝デー」でポイント3倍！ 現在、楽天カードをメインに使っています。基本、街中のショッピングでも使った分の1%が楽天ポイントとして還元されるので便利です。楽天カードユーザーには楽天カード感謝デーというものがあり、エントリーすれば... メモ
  • 出典：【楽天市場】「楽天カード感謝デー」でポイント3倍！

現在、楽天カードをメインに使っています。

基本、街中のショッピングでも使った分の1%が楽天ポイントとして還元されるので便利です。

楽天カードユーザーには楽天カード感謝デーというものがあり、エントリーすればポイントが3倍になるというキャンペーンがあります。


しかし、この楽天カード感謝デーは今年に入ってダウングレードして、毎週毎週エントリーしなくてはダメになりました。以前は月に１回エントリーすれば良かったのですが…。


さらに気のせいかもしれませんが、楽天カード感謝デーのページも見つけづらくなって、毎回毎回イライラするので、メモとしてブログに書いておこうというわけです。

続きを読む]]> jdash 【書籍まとめ】『急に売れ始めるにはワケがある』－口コミ発生の要素とは 2012-05-17T01:03:04Z 2012-05-17T10:00:59+09:00 tag:blog.livedoor.jp,2012:jdash.51941579 今回は「『この春、貴方に届けたい珠玉のビジネス書』 by 北書店を愛する愉快な仲間たち 新潟市読書会」（関連記事）で私がPOPを書いてお薦めした『急に売れ始めるにはワケがある』（マルコム・グラッドウェル著／高橋啓訳／ソフトバンク文庫）について、まとめを書きたいと... 書籍 関連記事）で私がPOPを書いてお薦めした『急に売れ始めるにはワケがある』（マルコム・グラッドウェル著／高橋啓訳／ソフトバンク文庫）について、まとめを書きたいと思います。



急に売れ始めるにはワケがある ネットワーク理論が明らかにする口コミの法則（ソフトバンク文庫）
posted with ヨメレバ
マルコム・グラッドウェル,Malcolm Gladwell ソフトバンククリエイティブ 2007-06-23
Amazonで最安値を探す
楽天ブックスで最安値を探す


サービスや商品を知らせるためにできること

様々な商品やサービスが消費者に普及させるために、サービス提供者側が行えることは2つだけです。

  • 広告を使って知らせる
  • 口コミを起こす仕掛けを作る

この書籍は、2番目に書いた「口コミ」の正体とは一体何なのかをわかりやすく解き明かしていくものです（※）。


※本当は口コミの事だけではなく、感染的に広がっていく話なのですがわかりやすく口コミという表現にします

続きを読む]]> jdash Google+で使うアイコンを背景透明PNGにしてスッキリさせよう 2012-05-15T01:08:28Z 2012-05-15T10:00:03+09:00 tag:blog.livedoor.jp,2012:jdash.51941161 今井阿見さんの「Google+ iPhoneアプリは透過アイコンに対応してます +Plus One World」という記事を見たので早速やってみました！ なお、さっきまでのGoogle+のアイコンは以下の画像でした。 Twitterと同じですね。 そもそもこのアイコンの画像は私が皆さんの前に立... Google


今井阿見さんの「Google+ iPhoneアプリは透過アイコンに対応してます +Plus One World」という記事を見たので早速やってみました！



なお、さっきまでのGoogle+のアイコンは以下の画像でした。
Twitterと同じですね。
20120513-google＋アイコン-02

そもそもこのアイコンの画像は私が皆さんの前に立ってお話しするきっかけになった「DTP Booster」用のアイコンから作ったんですよね。


それはさておき、このアイコンから背景透過のアイコンを作ってGoogle+に設定してみます。

続きを読む]]> jdash 「『この春、貴方に届けたい珠玉のビジネス書』 by 北書店を愛する愉快な仲間たち 新潟市読書会」で本の紹介POPを書いた 2012-05-14T01:03:05Z 2012-05-14T10:00:41+09:00 tag:blog.livedoor.jp,2012:jdash.51940994 出典：新潟市｜北書店新潟市読書会という読書会があります。新潟市読書会は、主にFacebookで参加者を募り、毎月1冊課題図書を読んで意見交換をするというスタイルの読書会です。主に第一水曜日の夕方に新潟駅脇の「ときめいと」という施設で行っています。新潟市読書会書店《... 書籍


新潟市読書会という読書会があります。

新潟市読書会は、主にFacebookで参加者を募り、毎月1冊課題図書を読んで意見交換をするというスタイルの読書会です。

主に第一水曜日の夕方に新潟駅脇の「ときめいと」という施設で行っています。



書店《売り手》と読書会《読み手》がコラボ

その新潟市読書会と新潟市中央区医学町通で新潟市役所前（本当に真ん前）にある「北書店」とコラボレーション企画を立ち上げました。


企画名は「『この春、貴方に届けたい珠玉のビジネス書』 by 北書店を愛する愉快な仲間たち 新潟市読書会」。


コラボレーション企画の内容は、今回の企画の参加者がオススメのビジネス書のPOPを書いて、北書店さんに書籍の仕入れとPOPの掲示をしてもらう。

そして、誰のオススメしたビジネス書が一番売れたのかという効果測定も行うというものです（ちょっとニュアンスは違いますが）。


期間は2012年5月7日から…いつまでなんだろう…？（確認します）


とにかく、この企画はおもしろそうなので参加してみることにしました。


続きを読む]]> jdash NSMCのオフ会イベントとは実際どうなのか #nsmc 2012-05-13T13:59:36Z 2012-05-13T20:20:12+09:00 tag:blog.livedoor.jp,2012:jdash.51940908 Niigata Social Media Club (NSMC) Logo (Alpha) by shinyai 今週末、5月19日土曜日の話になってしまうのですが、NSMC（新潟ソーシャルメディアクラブ）のイベントが開催されます。 ゲストは、昨年12月のサービスリリース以降、日本発のソーシャル音楽サービスとして、大き... ソーシャルメディア
Niigata Social Media Club (NSMC) Logo (Alpha) by shinyai


今週末、5月19日土曜日の話になってしまうのですが、NSMC（新潟ソーシャルメディアクラブ）のイベントが開催されます。

ゲストは、昨年12月のサービスリリース以降、日本発のソーシャル音楽サービスとして、大きな期待を集めている、 Beatroboの浅枝大志さん。
新潟ソーシャルメディアクラブ #10：話題のソーシャル音楽サービス「Beatrobo」の浅枝大志さんを招いて5/19開催 | Niigata Social Media Club / 新潟ソーシャルメディアクラブ


今回のゲストは音楽サービスのBeatroboを立ち上げ方。


今回のゲストは存じ上げていない方だったのでサービスを少し使ってみたりしました。そのレポートはまた今度。

今回のゲストの浅枝さんは、海外に向けたサービスを東京から発信しているという方。普段私たちが聞けないような体験などが聞けるかもしれませんね。


現在、参加申し込み受付中ですのでご興味ある方はぜひ。



それで、実際NSMCのこうしたオフ会的なものというのは実際どうなのか？を書いてみたいと思います。 続きを読む]]> jdash Windows Updateで勝手にOSが再起動するのを防ぐ簡単な方法 2012-05-13T00:03:04Z 2012-05-13T09:00:35+09:00 tag:blog.livedoor.jp,2012:jdash.51940779 Windowsを使用していると、毎月1回はWindows Updateという主にセキュリティ関係のアップデートがあります。 そのWindows Updateは別に良いのですが、そのアップデートが終わると出てくる以下のダイアログの表示、嫌ではありませんか？ 私は嫌いです（笑）。 ※画面はWindow... Windows
そのWindows Updateは別に良いのですが、そのアップデートが終わると出てくる以下のダイアログの表示、嫌ではありませんか？

私は嫌いです（笑）。
20120513-Windows-Update-再起動-01
※画面はWindows 7です。


重要な更新プログラムのインストールを完了するためにコンピューターを再起動して下さい

Windowsは、重要なファイルとサービスがシステムによって使用されている間は、これらを更新できません。再起動する前にファイルを保存してください。


無視していると、勝手に起動しているアプリを終了してOSを再起動しようとする魔のダイアログです。

この勝手に再起動する状態を防ぐ方法を紹介します。


続きを読む]]> jdash 今日から明日の新潟の天気がおかしい 2012-05-12T18:15:17Z 2012-05-12T22:18:58+09:00 tag:blog.livedoor.jp,2012:jdash.51940708 新潟のコワーキングスペースとしてオープンした「JELLY JELLY CAFE NIIGATA」にお邪魔してきました。一緒にいた坂本君（ギークハウス新潟で会った）と「今日はこれから雨ですかねぇ」なんて話をしていて、確認のためにiPhoneのweathernewsのアプリ「ウェザーニュース タッチ... 新潟 JELLY JELLY CAFE NIIGATA」にお邪魔してきました。

一緒にいた坂本君（ギークハウス新潟で会った）と「今日はこれから雨ですかねぇ」なんて話をしていて、確認のためにiPhoneのweathernewsのアプリ「ウェザーニュース タッチ」を開いてみました。

20120512-Weather-NEWS-新潟の天気-02

そうしたら何か画面にはあり得ないような天気予報が…（汗）。
 

続きを読む]]> jdash 久しぶりにキリン メッツ（炭酸飲料）を買って飲んでみた 2012-05-09T16:18:31Z 2012-05-10T01:18:50+09:00 tag:blog.livedoor.jp,2012:jdash.51940190 近所のスーパー（原信）でメッツを買ってきました。って今話題の特保（特定保健用食品）のコーラのメッツじゃないのよ（笑）。そっちだと思った人は残念でした（汗）。メッツグレープフルーツ味を一口飲んで、思ったのは「ああ、メッツだなぁ…」ということ。 飲み物

って今話題の特保（特定保健用食品）のコーラのメッツじゃないのよ（笑）。

そっちだと思った人は残念でした（汗）。


メッツグレープフルーツ味を一口飲んで、思ったのは「ああ、メッツだなぁ…」ということ。

続きを読む]]> jdash 地震速報のRSSのアドレスを3つ紹介（Twitter編） 2012-05-09T12:21:57Z 2012-05-07T10:00:05+09:00 tag:blog.livedoor.jp,2012:jdash.51939631 Pray for Japan by balaocatアクセス解析を見ていると地震速報や緊急地震速報のRSSはまだまだ需要があるみたいなので、2012年5月7日現在で使えるRSSを紹介します。前回は甲信越の地震速報をRSS化していましたが、今回は全国版地震速報のRSSです。 地震
Pray for Japan by balaocat





アクセス解析を見ていると地震速報や緊急地震速報のRSSはまだまだ需要があるみたいなので、2012年5月7日現在で使えるRSSを紹介します。


前回は甲信越の地震速報をRSS化していましたが、今回は全国版地震速報のRSSです。

続きを読む]]> jdash 古い鍵を引っ張って歩くイメージ画像は近づいてみたら凄かった！ 2012-05-07T01:27:02Z 2012-05-06T11:00:36+09:00 tag:blog.livedoor.jp,2012:jdash.51939303 先日の記事の「metaタグのkeywordsの記述はGoogleのSEOには無意味」で掲載したイメージ画像のお話。 先日の記事では以下の画像を利用させていただきました。 Key Note by william.neuheisel 大きな古いタイプの鍵（キー）をずるずると引っ張る人を表現した作品ですね。 ... デザイン metaタグのkeywordsの記述はGoogleのSEOには無意味」で掲載したイメージ画像のお話。


先日の記事では以下の画像を利用させていただきました。

Key Note
Key Note by william.neuheisel


大きな古いタイプの鍵（キー）をずるずると引っ張る人を表現した作品ですね。
この画像をFlickrで見てみたらビックリした作品だったので、その勢いだけで紹介します。


続きを読む]]> jdash スーパームーンな満月をPanasonic LUMIX G1+200mmレンズで撮影してみた 2012-05-05T18:35:18Z 2012-05-06T03:10:48+09:00 tag:blog.livedoor.jp,2012:jdash.51939407 世の中がスーパームーンで盛り上がっているということなので撮影をしてみました。2012-05-06 スーパームーン 満月撮影-01 by jdash2000くっきり見えてはいませんが結構キレイに撮影できていると思います。おおむね満足。 写真
2012-05-06 スーパームーン 満月撮影-01
2012-05-06 スーパームーン 満月撮影-01 by jdash2000

くっきり見えてはいませんが結構キレイに撮影できていると思います。

おおむね満足。



続きを読む]]> jdash metaタグのkeywordsの記述はGoogleのSEOには無意味 2012-05-05T02:03:03Z 2012-05-05T11:00:15+09:00 tag:blog.livedoor.jp,2012:jdash.51939141 Key Note by william.neuheisel SEOの話の中でよく出てくるメタタグのキーワードはheadのタグの中に以下の様に記述します。 このmetaタグのkeywordsの項目は実はGoogleへのSEOには効果がないことは... SEO
Key Note
Key Note by william.neuheisel


SEOの話の中でよく出てくるメタタグのキーワードはheadのタグの中に以下の様に記述します。

<meta name="keywords" content="（キーワードをカンマ区切りで列挙）">

このmetaタグのkeywordsの項目は実はGoogleへのSEOには効果がないことはご存じでしたか？
もちろん、日本のYahoo!の検索結果もコアエンジンにGoogleを利用しているので基本的には無意味です。


この情報は信憑性も何もGoogleの検索エンジン担当のマット・カッツ（※）さん自身が発言していることなので間違いがありません。

※NHKの番組「スーパープレゼンテーション」の第1回目で出てきたあの人だ


続きを読む]]> jdash フルート奏者本宮宏美さんの演奏を聴きに万代アースフェスタに行ってきたよ 2012-05-04T16:30:59Z 2012-05-04T19:29:04+09:00 tag:blog.livedoor.jp,2012:jdash.51939094 2012-05-03 フルート奏者（笛人）本宮宏美さん-02 by jdash2000 5月3日にフルート演奏者（笛人）の本宮宏美さんの演奏を聴きに万代シティに出かけました。Facebookで友達になっていて、演奏を聴きに行く行く詐欺みたいになっていた（汗）のですが、せっかくのお休みなので行... 音楽
2012-05-03 フルート奏者（笛人）本宮宏美さん-02 by jdash2000


5月3日にフルート演奏者（笛人）の本宮宏美さんの演奏を聴きに万代シティに出かけました。

Facebookで友達になっていて、演奏を聴きに行く行く詐欺みたいになっていた（汗）のですが、せっかくのお休みなので行ってこようかと思いまして。

本宮宏美さんの演奏は万代アースフェスタのイベントのひとつとして行われました。

続きを読む]]> jdash Google ChromeはGoogleのサービス高速化に特化したブラウザにならないのだろうか？ 2012-05-04T07:28:19Z 2012-05-04T13:52:45+09:00 tag:blog.livedoor.jp,2012:jdash.51939042 Entering Hyperspace by Eole Google Chromeブラウザーは、確か6週間おきにアップデートする。 Google、6週間毎にChromeの新バージョンを提供へそれとGoogleのサービスのアップデートのタイミングを合わせることでユーザー体験を向上させられないのか。 Chrome
Entering Hyperspace by Eole


Google Chromeブラウザーは、確か6週間おきにアップデートする。


それとGoogleのサービスのアップデートのタイミングを合わせることでユーザー体験を向上させられないのか。

続きを読む]]> jdash 『衝撃速報!アカルイ☆ミライ』を見て突然走りたくなり走ってきて思ったこと 2012-05-01T03:03:04Z 2012-05-01T12:00:07+09:00 tag:blog.livedoor.jp,2012:jdash.51938408 Run by Lel4nd本日は日記的な何か。 先日『衝撃速報!アカルイ☆ミライ』というTBSの番組を夕飯を食べながら偶然見ていたら、その中で走りが速くなる方法ということが紹介されていました（amazon見たらDVD付きなのね）。 DVD 小・中学生ための走り方バイブル2 1時間で速くな... 日記
Run
Run by Lel4nd

本日は日記的な何か。


先日『衝撃速報!アカルイ☆ミライ』というTBSの番組を夕飯を食べながら偶然見ていたら、その中で走りが速くなる方法ということが紹介されていました（amazon見たらDVD付きなのね）。


DVD 小・中学生ための走り方バイブル2 1時間で速くなる! 快足トレーニング編
posted with ヨメレバ
伊東浩司 カンゼン 2010-04-05
Amazonで最安値を探す
楽天ブックスで最安値を探す
図書館で探す
 番組では四股を何回か踏むと股関節の柔軟性が向上してフォームが良くなり足が速くなるといったことを言っていたと思います。

その他にも足が速くなるためには肩の関節の柔軟性を高めたり、もも上げによる柔軟性を高める運動や真っ直ぐ進むことを意識することなどを紹介されていました。


続きを読む]]> jdash Twitterで気になるあの人が何をふぁぼっているのかをRSSリーダーで読む方法 2012-04-29T12:03:27Z 2012-04-29T21:01:29+09:00 tag:blog.livedoor.jp,2012:jdash.51938123 Twitter - petesimonTwitterで気になっているあの人のTL（タイムライン）はフォローしているので読んでいるけど、あの人が何を「お気に入り」に入れているのか（＝ふぁぼっているのか）が気になることはありませんか。「お気に入り」は、そのユーザーが気になることの集まり... twitter
Twitter
Twitter - petesimon

Twitterで気になっているあの人のTL（タイムライン）はフォローしているので読んでいるけど、あの人が何を「お気に入り」に入れているのか（＝ふぁぼっているのか）が気になることはありませんか。


「お気に入り」は、そのユーザーが気になることの集まりとみることができます。
関心を持っていることを知るのは、そのユーザーをより知るためには良い手段ですね。


今回は、そんな「お気に入り」をRSSリーダーで読む方法を解説します。


続きを読む]]> jdash 【レポート】ビジネス視点で考えるHTML5 - CSS Nite in NIIGATA, Vol.3 2012-04-26T01:03:04Z 2012-04-26T10:00:36+09:00 tag:blog.livedoor.jp,2012:jdash.51937329 4月21日に「CSS Nite in NIIGATA, Vol.3 with Microsoft」に参加してきました。今回のテーマは「HTML5」ということで、これからのウェブで重要になる技術だと思い参加してみました。Twitterで実況もやっていましたが、それも合わせながら、簡単なレポートを書いてみたいと思... Web制作 20120425-CSS-Nite-in-Niigata-Vol3-01

4月21日に「CSS Nite in NIIGATA, Vol.3 with Microsoft」に参加してきました。

今回のテーマは「HTML5」ということで、これからのウェブで重要になる技術だと思い参加してみました。

Twitterで実況もやっていましたが、それも合わせながら、簡単なレポートを書いてみたいと思います。

続きを読む]]> jdash 【春から始めるEvernote】Evernoteのプレミアム料金を500円程度安くする技 2012-04-19T00:33:06Z 2012-04-19T09:30:44+09:00 tag:blog.livedoor.jp,2012:jdash.51935708 このブログで最近人気のある記事は「3秒でEvernoteのプレミアム料金を500円安くする裏技」です。Evernoteを使う人がどんどん増えてきて、プレミアム会員になる人の数が増えてきたのでしょうね。あとは新年度なので、これからEvernoteを活用していきたいという方が時期的に多... Evernote

このブログで最近人気のある記事は「3秒でEvernoteのプレミアム料金を500円安くする裏技」です。


Evernoteを使う人がどんどん増えてきて、プレミアム会員になる人の数が増えてきたのでしょうね。
あとは新年度なので、これからEvernoteを活用していきたいという方が時期的に多いのかもしれません。


しかし、皆さんやはりプレミアム料金は安くしたい。


「3秒でEvernoteのプレミアム料金を500円安くする裏技」ではドル建てでプレミアム料金を支払うと安くなるというものでした。


さて、この記事へのいさぎさんからTwitterでの言及（ツイート）で以下の言及がありました。



郵便番号がどこの話なのか、PayPalに登録しないで行う所の話なのか、ちょっとわかりませんでしたが、とにかくうまくできないということのようです。
この問題はPayPalの日本語サイトでPayPalの会員登録を終わらせておいて、支払時はPayPalにログインして支払う、とすれば問題がなかったのではないかと思います。どうだったのでしょうか…。


さて、いさぎさんの前後のツイートを見ていたら、国・地域を「United State」にしてドル建てにしなくても、500円くらい安くプレミアム会員になれることを発見したそうです。


確認してみたら「そんな所に…」というものでしたのでご紹介します。


今回は英語はわからなくてもOK。日本人に優しい内容です。

続きを読む]]> jdash jQueryでWordPressのカテゴリリストの親カテゴリだけにclass属性を付ける（子カテゴリには付けない）方法 2012-04-17T19:59:54Z 2012-04-17T10:00:43+09:00 tag:blog.livedoor.jp,2012:jdash.51935475 なんでもjQueryでできるのではないかと思って考えてみた。考えのネタ元は以下のページ。 [う][WordPress]カテゴリリストの親カテゴリだけにclass属性を付ける（子カテゴリには付けない）方法 こちらのページはWordPressのタグで「親カテゴリのみにclass属性を付ける」ことを... JavaScript

なんでもjQueryでできるのではないかと思って考えてみた。

考えのネタ元は以下のページ。


こちらのページはWordPressのタグで「親カテゴリのみにclass属性を付ける」ことをやっているわけですが、私はWordPressは全然わからないので、jQueryで何とかする方法を考えてみます。


CMSから書き出されていた元のタグはこんな感じなんでしょうかね。

<ul class="accMenu">
	<li><a href="/hoge1/">hoge1</a><ul>
		<li><a href="/hoge1/hoge1-1/">hoge1-1</a></li>
		<li><a href="/hoge1/hoge1-2/">hoge1-2</a></li>
	</ul></li>
	<li><a href="/hoge2/">hoge2</a></li>
</ul>


これをjQueryで何とかして以下の様にします。

<ul class="accMenu">
	<li class="open"><a href="/hoge1/">hoge1</a><ul>
		<li><a href="/hoge1/hoge1-1/">hoge1-1</a></li>
		<li><a href="/hoge1/hoge1-2/">hoge1-2</a></li>
	</ul></li>
	<li><a href="/hoge2/">hoge2</a></li>
</ul>

早速考えてみましょう。

続きを読む]]> jdash こうなったら便利！ Google+ の新しいUIの右の余白の使い方予想 2012-04-14T13:18:20Z 2012-04-14T21:50:04+09:00 tag:blog.livedoor.jp,2012:jdash.51934951 Google+が新しいUIに切り替わりました。なかなかスッキリしていて良い感じですね。ストリーム（※）にかなり集中できるデザインだと思います。さてこのGoogle+ですが、ストリームが左側に寄ったことでブラウザのサイズによっては右側にかなり余白ができてしまいます。出典：G... Google
なかなかスッキリしていて良い感じですね。
ストリーム（※）にかなり集中できるデザインだと思います。


さてこのGoogle+ですが、ストリームが左側に寄ったことでブラウザのサイズによっては右側にかなり余白ができてしまいます。
20120414-Google＋の新しいUI-01

まったく情報がないので無駄と言えば無駄ですが、これを今後Googleがどのように使うのかを予想してみました。


※ストリーム：Twitterのタイムライン（TL）、Facebookのニュースフィードと同じようなものでユーザーの投稿が流れていく場所のGoogle+での呼び方。


 続きを読む]]> jdash JavaScriptの変数名で最初の文字に「$」を付けるのは《本当に》アリなのか？ 2012-04-10T18:20:00Z 2012-04-10T10:00:21+09:00 tag:blog.livedoor.jp,2012:jdash.51933758 Rolled dollar by MoneyBlogNewz前回の「jQueryで簡単な画像のスライドショー《slideswitchを勝手に解説》」という記事でまずimgタグで「active」というclassが付いている要素を$activeという変数に代入します。（なんで$を頭に付けているのかは謎…）jQueryで簡単な画像のス... JavaScript
Rolled dollar
Rolled dollar by MoneyBlogNewz


前回の「jQueryで簡単な画像のスライドショー《slideswitchを勝手に解説》」という記事で

まずimgタグで「active」というclassが付いている要素を$activeという変数に代入します。（なんで$を頭に付けているのかは謎…）
jQueryで簡単な画像のスライドショー《slideswitchを勝手に解説》

と、変数名の頭に$を付けているのはなぜなのかと書きました。

謎のままにしていると気持ちが悪いので（笑）、調べてみました。


続きを読む]]> jdash 山は緑色、海は青色。本当にそうなの？ 2012-04-09T21:03:08Z 2012-04-10T06:00:58+09:00 tag:blog.livedoor.jp,2012:jdash.51934009 Coastal Scents 88 Shimmer Palette by JessicaSarahS会社への通勤路に小中学生の時に同じ学校へ通った人の家がある。その彼の言っていた言葉が印象深くて、それも今思い出すとまた違った意味にも取れるので、勢いだけで書いてみようと思う。彼は絵がうまかった。 そのほか
Coastal Scents 88 Shimmer Palette by JessicaSarahS


会社への通勤路に小中学生の時に同じ学校へ通った人の家がある。


その彼の言っていた言葉が印象深くて、それも今思い出すとまた違った意味にも取れるので、勢いだけで書いてみようと思う。


彼は絵がうまかった。

続きを読む]]> jdash jQueryで簡単な画像のスライドショー《slideswitchを勝手に解説》 2012-04-09T03:39:59Z 2012-04-09T10:00:41+09:00 tag:blog.livedoor.jp,2012:jdash.51933744 出典：jquery「slideswitch」で簡単にスライドショーを実装｜衆jQueryのスライドショーのプラグインって色々ありますね。会社のサイトでは様々なサイトで紹介されているプラグインほど大がかりなものはなくても良いかな、と思って「jquery「slideswitch」で簡単にスライドシ... JavaScript


jQueryのスライドショーのプラグインって色々ありますね。

会社のサイトでは様々なサイトで紹介されているプラグインほど大がかりなものはなくても良いかな、と思って「jquery「slideswitch」で簡単にスライドショーを実装｜衆」に掲載されているスクリプトを使用しています。ありがとうございます。


今回はこのスクリプトを勝手に解説します。

続きを読む]]> jdash jQueryで「jQuery("input").attr("disabled",true)」と書くのはもはや古い 2012-04-08T13:06:49Z 2012-04-08T12:00:45+09:00 tag:blog.livedoor.jp,2012:jdash.51933127 jQueryについて調べていると色々情報が目に入ってくるものです。2012年4月7日現在、私はjQueryの1.4.4というバージョンを使用しています。これは「会社のCMSでも現在使用しているから」というところが大きいのですが、jQueryの最新版は1.7.2です。最新版のjQueryは以下のペー... JavaScript

jQueryについて調べていると色々情報が目に入ってくるものです。

2012年4月7日現在、私はjQueryの1.4.4というバージョンを使用しています。
これは「会社のCMSでも現在使用しているから」というところが大きいのですが、jQueryの最新版は1.7.2です。

最新版のjQueryは以下のページからダウンロードできます。


さて、では1.4.4ではなく、さっさと最新版にアップデートすれば良いのでは…と思いますが、1.6あたりで大きな変更があったみたいなのでメモ的に記事に残しておきます。


続きを読む]]> jdash 《解決編》Re: Firefoxでリロードした時に要素をjQueryの「:eq(n)」で選択しようとしても正しく選択できない 2012-04-07T05:30:04Z 2012-04-07T12:00:01+09:00 tag:blog.livedoor.jp,2012:jdash.51933126 Mozilla pins (wallpaper) by flod「Firefoxでリロードした時に要素をjQueryの「:eq(n)」で選択しようとしても正しく選択できない」の解決編です。「jQueryで要素を並び替えて、要素内の指定したradioボタンをdisabledにする」ということを行うJavaScriptを書いたページをFir... JavaScript
Mozilla pins (wallpaper) by flod


「Firefoxでリロードした時に要素をjQueryの「:eq(n)」で選択しようとしても正しく選択できない」の解決編です。


「jQueryで要素を並び替えて、要素内の指定したradioボタンをdisabledにする」ということを行うJavaScriptを書いたページをFirefox 11でリロードすると、指定したradioボタン以外もdisabledになってしまう…といった問題が発生しました。


この問題を解決します。
とはいってもFirefox自体を修正しているわけではないので、根本的な解決策ではありませんが。


解決策は至って簡単です。

続きを読む]]> jdash Firefoxでリロードした時に要素をjQueryの「:eq(n)」で選択しようとしても正しく選択できない 2012-04-07T05:35:05Z 2012-04-06T10:00:20+09:00 tag:blog.livedoor.jp,2012:jdash.51932935 Mozilla pins (wallpaper) by flodお仕事には欠かせないjQueryですが、よくわからない現象があったので疑問の状態のまま記事にします。解決はしていません（汗）。内容としては、「.append」で追加したオブジェクトの順序がインデックスで正しく取得できないというものです。... JavaScript
Mozilla pins (wallpaper) by flod

お仕事には欠かせないjQueryですが、よくわからない現象があったので疑問の状態のまま記事にします。
解決はしていません（汗）。


内容としては、「.append」で追加したオブジェクトの順序がインデックスで正しく取得できないというものです。


何を言っているのか良くわからないので、例をご覧下さい。

なお、動作環境はFirefox 11.0＋jQuery 1.4.4です。


続きを読む]]> jdash iPhoneでラジオが聴けるradiko（ラジコ）が新潟にもやってきた 2012-04-03T01:03:05Z 2012-04-03T10:00:12+09:00 tag:blog.livedoor.jp,2012:jdash.51932471 新潟にもようやくradiko.jpがやってきました。良くわからない人は以下のアプリをダウンロードしてみて下さい。ラジオがiPhoneで聞けるアプリです。（Androidアプリもあります）出典：App Store - radiko.jp2012年4月2日の正午からBSN（AM放送）とFM PORT・FM 新潟（FM放送）... ラジオ

良くわからない人は以下のアプリをダウンロードしてみて下さい。

ラジオがiPhoneで聞けるアプリです。（Androidアプリもあります）
20120403-radiko-新潟-01

2012年4月2日の正午からBSN（AM放送）とFM PORT・FM 新潟（FM放送）が聞けるようになりました。



続きを読む]]> jdash 新潟県のモンスターは新発田にいた《エイプリルフールネタ：Google＋DQ3》 2012-04-01T10:59:00Z 2012-04-01T19:49:41+09:00 tag:blog.livedoor.jp,2012:jdash.51932185 出典：Google Japan Blog: ファミコン版 Google マップ 8 ビットができました。もうすぐ4月1日のエイプリルフールも終わりますが皆様いかがお過ごしでしょうか。最近はまとめサイトも結構あるので巡回が楽ですね（笑）。さて大物GoogleさんはGoogleマップ＋ドラゴンクエスト... ネタ

もうすぐ4月1日のエイプリルフールも終わりますが皆様いかがお過ごしでしょうか。

最近はまとめサイトも結構あるので巡回が楽ですね（笑）。

さて大物GoogleさんはGoogleマップ＋ドラゴンクエストⅢ（DQ3）（※）で来ました。


どんなものだったかを記録がてら簡単に紹介します。 



※：今更ですがDQ3の表世界は世界地図が元になっていたのでこのネタになったのか。



続きを読む]]> jdash iPhoneのパスワードを1文字に設定する方法 2012-03-30T01:03:06Z 2012-03-30T10:00:31+09:00 tag:blog.livedoor.jp,2012:jdash.51931600 Master lock, "r00t" password by SchilliPhoneの簡単なパスワードロックは4桁の数字ですが、入力が面倒ではないですか？もっと文字数が少なくても良いのに！と思っている方も少なくないはず。実はiPhoneのパスワードは1文字でもOKなのです！(※)その設定方法を解説します。... iPhone
Master lock, "r00t" password by Schill

iPhoneの簡単なパスワードロックは4桁の数字ですが、入力が面倒ではないですか？

もっと文字数が少なくても良いのに！と思っている方も少なくないはず。

実はiPhoneのパスワードは1文字でもOKなのです！(※)


その設定方法を解説します。


※Apple IDのパスワードは別。
 続きを読む]]> jdash 【小ネタ】CSSだけでPhotoshopのベベルの効果を再現する 2012-03-29T01:03:08Z 2012-03-29T10:00:37+09:00 tag:blog.livedoor.jp,2012:jdash.51931401 Glass City by jaxxonCSS3のbox-shadowのプロパティを見ていて、実用性はあまりなさそうだけど、こういうこともできるんだなぁという発見をしました。あまりにも小ネタ過ぎて忘れそうなので記事にしておきます（笑）。Photoshopでベベルのオブジェクトを作ることがありますよ... CSS
Glass City by jaxxon


CSS3のbox-shadowのプロパティを見ていて、実用性はあまりなさそうだけど、こういうこともできるんだなぁという発見をしました。

あまりにも小ネタ過ぎて忘れそうなので記事にしておきます（笑）。


Photoshopでベベルのオブジェクトを作ることがありますよね。
ボタンを作る際に以前は多用されていた気がします。（最近はかなり減りましたかね…）
20120329-ベベル-02


Photoshopのこのオブジェクトは幅と高さがともに200px、角の丸みは20pxのベクトルシェイプ（ベクトルマスク）で作成されています。 続きを読む]]> jdash 直帰率が高いので改善のために関連記事表示で回遊率を高めてみる 2012-04-04T04:14:28Z 2012-03-28T10:00:39+09:00 tag:blog.livedoor.jp,2012:jdash.51931226 出典：LinkWithin - Related Posts with Thumbnails 自分のブログの読者の動きを確認したくなって、ふと、Google Analyticsのデータを見てみるか…と思って見てみたら、結構酷かったです。何が酷かったって「直帰率の高さ」。2012年3月1日～3月27日までの直帰率平均がなんと... Web制作 20120328-直帰率を下げる-00


自分のブログの読者の動きを確認したくなって、ふと、Google Analyticsのデータを見てみるか…と思って見てみたら、結構酷かったです。


何が酷かったって「直帰率の高さ」。


2012年3月1日～3月27日までの直帰率平均がなんと「87％」（苦笑）。
20120328-直帰率を下げる-01

直帰率というのは、ざっくり説明すると、そのサイトのページに検索エンジンやリンクページから入ってきて、そのページだけを見て帰る率のこと。


つまり1ページしか見ていない人の割合。


他のページには興味も何も持たなかった人の割合です。 


これは何か悲しい。


このサイトは雑多な内容を書いているので仕方が無い部分もありますが（※）、仕事では培ったノウハウを投じて改善できるかどうか試してみようかと思いました。


※たぶんカメラの話だけを取り扱うブログやSEOだけを取り扱うブログなど、テーマがひとつのサイトは直帰率はもっと低いはず。

  続きを読む]]> jdash 今後の大きな画像を配置するウェブデザインに必須のファイルサイズ縮小テクニック 2012-03-25T14:31:10Z 2012-03-25T22:07:35+09:00 tag:blog.livedoor.jp,2012:jdash.51930767 今回は画像を画面いっぱいに使う時代に必須の画像ファイルサイズ縮小テクニックを紹介します。最近のウェブサイトではかなり大きく画像を使うデザインが増えてきました。たとえばこんな感じのサイト（これは本当はデモページですが）出典：Overlay Effect Menu with jQuery |... Web制作

最近のウェブサイトではかなり大きく画像を使うデザインが増えてきました。

たとえばこんな感じのサイト（これは本当はデモページですが）
20120325-Fireworks-JPEG圧縮-01


ブロードバンド化が進んでいるとはいえ、画像のファイルサイズが大きすぎて、画面表示まで時間が掛かってしまうようであればユーザビリティも悪いですし、何より格好が悪いですね。

ローカルでデザインしている時は特に問題が無くても、サーバーにアップロードして実際にウェブブラウザーでアクセスしてみると、操作の印象は変わることが多いです。


ウェブサイトの表示速度（＝表示に掛かる時間）は検索エンジンの検索順位にも影響する可能性があるという話もあるので、注意が必要です。

Googleは、ウェブページの表示速度を検索順位を決める要因の1つとして採用したことをウェブマスター向け公式ブログで明らかにしました。

ページの読み込み時間をアルゴリズムに組み込む予定だということは去年に発表されており、ついにそれが実現化したことになります。
Google、ウェブページの読み込み速度をアルゴリズムに取り入れたことを発表 | 海外SEO情報ブログ

ウェブページの部品のひとつである画像のファイルサイズが実は重要かご理解頂けたと思います。

それでは早速画像ファイルサイズ縮小テクニックを紹介します。

続きを読む]]> jdash Tumblrを企業で使うことをお薦めする理由 2012-03-25T05:32:57Z 2012-03-24T17:50:58+09:00 tag:blog.livedoor.jp,2012:jdash.51930522 246/365 (Sep 3) - 「タンブラー。」T by ymorimo 突然ですが、今回はソーシャルメディアでも話題のTumblrを企業で使うことをお薦めする理由を書いてみたいと思います。Tumblrはキュレーション型サイトということで話題になっていますね。 Tumblrとは 本題に入る前にTumblr... SNS
246/365 (Sep 3) - 「タンブラー。」T by ymorimo

突然ですが、今回はソーシャルメディアでも話題のTumblrを企業で使うことをお薦めする理由を書いてみたいと思います。Tumblrはキュレーション型サイトということで話題になっていますね。

Tumblrとは

本題に入る前にTumblrについて紹介します。
Tumblrはオバマ大統領も選挙キャンペーンで利用しているウェブサービスのひとつです。


オバマ大統領の選挙キャンペーンのTumblrを開いてみましょう。

20120324-tumblr-02

え？　なんですか、これは（笑）。


続きを読む]]> jdash Re: ホームページは泥縄式でいい？／印刷系デザイナーにありがちなWeb制作 2012-03-23T03:31:46Z 2012-03-23T10:00:57+09:00 tag:blog.livedoor.jp,2012:jdash.51930200 いつもナイスなブログ記事を書いている奥 敦雄さんですが、記事の中で「ああ、本当にそうだわぁ」と思ったものがあったので言及してみます。 そのブログ記事は以下のもの。 ほとんどの会社で(僕の感覚だと7割くらい)、ホームページを立ち上げるまでに力を入れ過ぎてし... Web制作 奥 敦雄さんですが、記事の中で「ああ、本当にそうだわぁ」と思ったものがあったので言及してみます。

そのブログ記事は以下のもの。

ほとんどの会社で(僕の感覚だと7割くらい)、ホームページを立ち上げるまでに力を入れ過ぎてしまい、立ち上げてからの管理がおろそかになってしまっています。自分達でGoogleAnalyticsを解析しているというケースは少なく、その存在すら忘れられていることもあります。
ホームページは泥縄式でいい？ - 印刷業界コンサルタント 奥 敦雄（おく あつお）のブログ

続きを読む]]> jdash 新しいiPadの解像度は264dpiだが、Newton MessagePad 2100は何dpi？ 2012-03-22T01:23:16Z 2012-03-22T10:00:45+09:00 tag:blog.livedoor.jp,2012:jdash.51929998 Newton “Batmobile” Prototype by splorp以前の記事の「【数学】iPhone 4とか新しいiPadの解像度を計算してみる」で最後に宿題みたいなものを書きました。ちなみにAppleが発売したNewtonの最終形であるApple MessagePad 2100は480×320ピクセルとのことです。 出典：M... Apple
Newton “Batmobile” Prototype by splorp


以前の記事の「【数学】iPhone 4とか新しいiPadの解像度を計算してみる」で最後に宿題みたいなものを書きました。

ちなみにAppleが発売したNewtonの最終形であるApple MessagePad 2100は480×320ピクセルとのことです。


Wikipediaには画面のサイズが掲載されていなかったのですが、Newtonの解像度にご興味のある方は計算してみてはいかがでしょうか。
【数学】iPhone 4とか新しいiPadの解像度を計算してみる

ブログを更新した旨をFacebookにポストしたところ、詳しい情報が掲載されているページを清水さんがすぐに教えてくれました。

ありがとう！


早速計算してみましょう。

続きを読む]]> jdash 【補足】Google+にデカ文字（巨大文字）でポストして目立っちゃおう！ 2012-03-22T00:03:08Z 2012-03-22T09:00:35+09:00 tag:blog.livedoor.jp,2012:jdash.51930000 以前書いた記事の「Google+にデカ文字（巨大文字）でポストして目立っちゃおう！」を投稿してすぐ補足のコメントを頂いていたのですが、記事に反映しないでもう2週間経ってしまいました…。すみません。なので別記事で補足を投稿しておきます。なお、デカ文字はGoogle+であた... Google Google+にデカ文字（巨大文字）でポストして目立っちゃおう！」を投稿してすぐ補足のコメントを頂いていたのですが、記事に反映しないでもう2週間経ってしまいました…。すみません。

なので別記事で補足を投稿しておきます。


なお、デカ文字はGoogle+であたかも文字を大きくしたように見せかけるHackです（大げさ）。

続きを読む]]> jdash iPhoneのSafariで文字の大きさが小さくならない場合に使うCSS 2012-03-19T16:16:18Z 2012-03-20T01:15:53+09:00 tag:blog.livedoor.jp,2012:jdash.51929588 iPicnic by JD Hancockなんとなく薄々はそうじゃないのかと思っていたのですが、自分の会社のウェブサイトをiPhoneで見た時に、文字の大きさがおかしくなっていました（汗）。現象としては、小さなフォントサイズを指定した時に、 iPhoneのSafariで見ると、指定したフォント... iPhone
iPicnic by JD Hancock


なんとなく薄々はそうじゃないのかと思っていたのですが、自分の会社のウェブサイトをiPhoneで見た時に、文字の大きさがおかしくなっていました（汗）。


現象としては、小さなフォントサイズを指定した時に、 iPhoneのSafariで見ると、指定したフォントサイズにならなく、大きく表示されてしまう、というものです。

ウェブで調べ物をしていたら偶然にも解決策を書いてあるページを見つけたのでご紹介します。


※ちょうど同じ問題で悩んでいた方も近くにいらっしゃったので、他にもいるのでは…ということで。
続きを読む]]> jdash 【数学】iPhone 4とか新しいiPadの解像度を計算してみる 2012-03-18T17:05:29Z 2012-03-19T00:19:48+09:00 tag:blog.livedoor.jp,2012:jdash.51929374 Tablet Device Comparison by Jamais Cascioスマートフォンやタブレット型端末が多く出てきて、画面のピクセル数も大きくなってきており、解像度も非常に高くなってきています。よくまとめサイトで○○ppi（dpi）とか書いてあるのですが、なんとなく計算して正しい数値を求め... iPhone
Tablet Device Comparison by Jamais Cascio


スマートフォンやタブレット型端末が多く出てきて、画面のピクセル数も大きくなってきており、解像度も非常に高くなってきています。


よくまとめサイトで○○ppi（dpi）とか書いてあるのですが、なんとなく計算して正しい数値を求めたくなったので、自分で計算してみます。

実際の細かい計算はWindows 7の電卓を使いました。

続きを読む]]> jdash IE9のテキストはなぜ読みやすくなっているのか 2012-03-17T01:03:12Z 2012-03-17T10:00:48+09:00 tag:blog.livedoor.jp,2012:jdash.51928925 On the Road Manuscript, #1 by Thomas Hawk全然Internet Explorer 9を使っていないのですが（※1）、色々調べてみるとInternet Explorer 9のテキストレンダリングの改良がおもしろいので紹介。Internet Explorer 9のテキストはなぜInternet Explorer 8より読みやすくなって... フォント
On the Road Manuscript, #1 by Thomas Hawk


全然Internet Explorer 9を使っていないのですが（※1）、色々調べてみるとInternet Explorer 9のテキストレンダリングの改良がおもしろいので紹介。


Internet Explorer 9のテキストはなぜInternet Explorer 8より読みやすくなっているのか、というテーマです。

前回のブログで書いた「IE8とIE9でWebフォントのレンダリングを見比べてみる」 の後半で書いたClearTypeの精度の違いについての補足です。
 
続きを読む]]> jdash IE8とIE9でWebフォントのレンダリングを見比べてみる 2012-03-14T01:03:08Z 2012-03-14T10:00:34+09:00 tag:blog.livedoor.jp,2012:jdash.51928372 The faces behind the typefaces by Gabriel Figueiredoしつこいですが、モリサワのTypeSquareをInternet Explorerで検証してみます。今回はやはりWindowsではシェアの多いInternet Explorer 8についてです。3月のInternet Explorer 6の半強制アップデートで、Windows XPでの... フォント
The faces behind the typefaces by Gabriel Figueiredo

しつこいですが、モリサワのTypeSquareをInternet Explorerで検証してみます。

今回はやはりWindowsではシェアの多いInternet Explorer 8についてです。
3月のInternet Explorer 6の半強制アップデートで、Windows XPでのInternet Explorer 8の増加も見込まれるので、言及しておかなければならないでしょう。


Internet Explorer 8では「Internet Explorerのフォントレンダリングは２種類用意されている？」で書いたようなCanvas要素に文字を描くことができませんので、普通のdiv要素やp要素に描かれるものだけということになります。（VMLを使えば別なのかな…？）

続きを読む]]> jdash 思い立ってTwitterのエラー画面をアップした(3)《技術的な不具合が発生しています》 2012-03-14T00:03:14Z 2012-03-14T09:00:27+09:00 tag:blog.livedoor.jp,2012:jdash.51928370 Twitterのエラー画面をポストするだけというオチのない記事です。すみません(￣▽￣;)第１弾：思い立ってTwitterのエラー画面をアップした 第２弾：思い立ってTwitterのエラー画面をアップした(2)～くじらが出た（～ is over capacity）  上記の続編です。  twitter

上記の続編です。


 
続きを読む]]> jdash cnetのバナー広告がさりげなくHTML5のcanvasを使って表示されてた 2012-03-10T08:00:44Z 2012-03-10T16:30:26+09:00 tag:blog.livedoor.jp,2012:jdash.51927603 HTML5 Fist by jasongraphix気がつかないうちにHTML5の要素は活用されているのですね、と思ったので記事にしてみました。Chrome・Firefox・Operaは自動アップデートするし、Internet Explorerも新しくなるし、やっと（？）HTML5が来そうな感じですね。（逆にスマートフォンの... Web制作
HTML5 Fist by jasongraphix

気がつかないうちにHTML5の要素は活用されているのですね、と思ったので記事にしてみました。

Chrome・Firefox・Operaは自動アップデートするし、Internet Explorerも新しくなるし、やっと（？）HTML5が来そうな感じですね。（逆にスマートフォンの方がHTML5対応ブラウザの割合が多い様な…）



続きを読む]]> jdash Internet Explorer 9のCanvas要素に微妙な細工をして文字を書く 2012-03-07T01:03:16Z 2012-03-07T10:00:26+09:00 tag:blog.livedoor.jp,2012:jdash.51926902 ついに日本でも3月中旬よりInternet Explorer 6の半強制自動アップデートが始まりますね。 Internet Explorer の自動アップグレードについて | TechNet  Windows XPユーザーはInternet Explorer 8へ、そしてWindows Vista・Windows 7ユーザーはInternet Explorer 9へアッ... フォント


Windows XPユーザーはInternet Explorer 8へ、そしてWindows Vista・Windows 7ユーザーはInternet Explorer 9へアップデートされます。 

20120307-Internet-Explorer-アップデート-01

これはセキュリティ的にもWeb制作的にもうれしいです。


変なバグやらなんやらが少しでも解消されれば。
（とかいいつつ最近会社のサイトにIE6でposition:fixedが使える様になるライブラリを導入したり（←結局IE6対策している…汗））


Microsoftが本格的に新しいウェブブラウザへの移行を進めているので、Internet Explorer 9ユーザーが増加するかも！ということで、先日の「Internet Explorerのフォントレンダリングは２種類用意されている？」の補足を書く気になったので、書いておきます。

続きを読む]]> jdash Google+にデカ文字（巨大文字）でポストして目立っちゃおう！ 2012-03-25T14:22:12Z 2012-03-04T22:21:46+09:00 tag:blog.livedoor.jp,2012:jdash.51926476 Quarters Only – New York by Sprengben [why not get a friend]今回はGoogle+でデカ文字で投稿する技を紹介します。今回の技を使うと、Google+では普段使えない文字の巨大化ができます。こんな風に。出典：笹川純一 - Google+ - 【比較画像】激太り女性芸能人・有名人たち... Google
Quarters Only – New York by Sprengben [why not get a friend]


今回はGoogle+でデカ文字で投稿する技を紹介します。

今回の技を使うと、Google+では普段使えない文字の巨大化ができます。


こんな風に。
20120304-巨大文字でGoogle＋にポスト-07

これは結構目立ちますね！（笑）


どうやってやるのかを早速紹介します。 続きを読む]]> jdash InDesign使いがCSS3で角丸テーブルを作るとこうなる 2012-03-03T06:46:28Z 2012-03-03T09:00:06+09:00 tag:blog.livedoor.jp,2012:jdash.51925993 Something wonderful arrived in the mail today. by simplebitsdan最近、ウェブデザインで角丸が使える機会が増えてきたのでちょこちょこ指定して使っています（Internet ExplorerがあるのでjQueryも利用しています）。そんな中、うかさんのツイートで以下のページのリンク... CSS
Something wonderful arrived in the mail today. by simplebitsdan


最近、ウェブデザインで角丸が使える機会が増えてきたのでちょこちょこ指定して使っています（Internet ExplorerがあるのでjQueryも利用しています）。


そんな中、うかさんのツイートで以下のページのリンクが流れてきたので見てみたら、なんかテーブルの角丸で色々ご苦労されている感じでした。



これを読んでいたら角丸のテーブルを使うのが面倒になったのですが、Adobe InDesign使いならそんなことはありませんよね！

ってタイトルだけでオチがわかった人はこの後は読まなくても良いです（笑）。


さてInDesign使いがCSS3で角丸のテーブルを作るにはどうするのでしょうか。
続きを読む]]> jdash livedoorブログで表示している記事をすぐに編集できるリンクを作るカスタマイズ 2012-03-02T01:03:06Z 2012-03-02T10:00:26+09:00 tag:blog.livedoor.jp,2012:jdash.51925808 旧某社飲み会 by nipotanlivedoorブログにはいつもお世話になっています。ブログの管理画面を見たら、利用を開始してから、2896日目で、もうすぐ8年になろうとしています。快適に使えていて、なおかつ無料版の利用でも、テンプレートの自由度が非常に高いのでお薦めです。個... livedoor
旧某社飲み会 by nipotan

livedoorブログにはいつもお世話になっています。
ブログの管理画面を見たら、利用を開始してから、2896日目で、もうすぐ8年になろうとしています。



快適に使えていて、なおかつ無料版の利用でも、テンプレートの自由度が非常に高いのでお薦めです。
個人的にはlivedoorブログのテンプレートタグが、業務で使用しているMovable Typeと非常に似ている部分があるので、親しみがあって良いです。


今回説明するlivedoorブログカスタマイズは、livedoorブログのテンプレートを編集して、各記事（エントリー）に直接その記事を修正・編集できるページにジャンプするリンクを作るというものです。


続きを読む]]> jdash Internet Explorerのフォントレンダリングは２種類用意されている？ 2012-02-29T01:09:10Z 2012-02-29T09:00:35+09:00 tag:blog.livedoor.jp,2012:jdash.51925222 Microsoft Internet Explorer 7 by kk+日本語のWebフォントを利用する際に、フォントレンダリングは非常に重要なテクノロジーです。フォントレンダリングがきれいに行われなくては漢字などの密度が高い文字の視認性が悪くなり、かえってユーザー体験が悪くなってしまいます。... フォント
Microsoft Internet Explorer 7 by kk+

日本語のWebフォントを利用する際に、フォントレンダリングは非常に重要なテクノロジーです。
フォントレンダリングがきれいに行われなくては漢字などの密度が高い文字の視認性が悪くなり、かえってユーザー体験が悪くなってしまいます。この点は強調しても仕切れない重要なポイントです。


ウェブブラウザでSafariを使用していれば、フォントレンダリングが非常に滑らかなので視認性が高いのですが、Mac版はともかく、Windows版のSafariユーザーは、やはりWindows OS標準のInternet Explorerに比べれば利用率は低いです。


ということで難攻不落そうなInternet Explorer（IE）のフォントレンダリングの話です。


まだ詳しくは理解していないのですが、事実だけ。
続きを読む]]> jdash 【ネタ】Chromeのフォントレンダリングも頭をひねればこんなにキレイになった 2012-02-26T15:20:25Z 2012-02-27T00:17:28+09:00 tag:blog.livedoor.jp,2012:jdash.51924953 218/365 - Remember This Emotional Equation by Helga Weber 完全にネタですが（笑）、何かの突破口になるかなと思ってアップ。   Windows版のChromeでWebフォントがあまりキレイにならないページでも、回転を掛けるとキレイそれなりにキレイに見えます。1°とかじゃなく... ネタ
218/365 - Remember This Emotional Equation by Helga Weber

完全にネタですが（笑）、何かの突破口になるかなと思ってアップ。
 

Windows版のChromeでWebフォントがあまりキレイにならないページでも、回転を掛けるとキレイそれなりにキレイに見えます。1°とかじゃなくて30°とか45°とか。

今回はネタなので先にCSSを書いてしまいますね。

body{ -webkit-transform: rotate(45deg); }

こんな感じでbody全体を回転しちゃいましょう（笑）。

続きを読む]]> jdash