世代別 カラオケに行って盛り上がる曲
カラオケでの一幕。
「どうぞどうぞ」
「いえ、僕はいいので、お先にどうぞ」
「ほらキミ、早く曲入れて入れて」
「あ、あ、ハイ(汗)」
(心の声)……あああ、どの曲にしよう？ コレならうまく歌えるけど、今日は上司の●●さんもいるし……●●さんこの曲知らないだろうな。あーモウ！ 何を歌えばいいノダーー!?
世代の違う人とカラオケに行くと、選曲に頭を抱える人は少なくないはず。選曲をミスったときのあの微妙な空気。そんな空気を背負いつつ歌いきるときのむなしさときたら……。
このような悲劇を避けるべく、10代から50代まで、年代別の盛り上がるカラオケ曲を調査しました。これで、若いギャルの熱い視線も、上司のハートもガッチリつかめる！……とイイネ。
2010/9/22～2010/9/27
アンケート対象：COBS ONLINE会員
有効回答数 578件(ウェブログイン式)
【10代とカラオケに行って盛り上がる曲ベスト3】
1位 AKB48の曲(「会いたかった」、「ヘビーローテーション」など) 13.8％
2位 嵐の曲(「Happiness」、「Troublemaker」など)8.3％
3位 GReeeeNの曲(「キセキ」、「愛唄」など)3.3％
次点 西野カナの曲(「会いたくて 会いたくて」など)2.6％
やはりか、と思わず納得の結果になりました。会いたかったり、会いたくて震えたり、と10代に人気の曲はとにかくストレートな歌詞が印象的。そのほかには「EXILE」や「RADWIMPS」なども票を集めていました。20代以上の皆さんは、万が一10代の若いギャルやメンズとカラオケに興じる機会に恵まれた際は、上記の鉄板曲が強い味方となるはずです。
【20代とカラオケに行って盛り上がる曲】
1位 モーニング娘。の曲(「LOVEマシーン」など)8.5％
2位 嵐の曲 5.8％
3位 SPEEDの曲(「White Love」など)3.5％
次点 大塚愛の曲(「さくらんぼ」など) 3.1％
世代を感じさせる結果です。10代の「AKB48」、20代の「モーニング娘。」、言い換えれば、2010年代のAKB48、2000年代のモー娘。、といったところでしょうか。ランク外では、10代でも人気だった「GReeeeN」のほか、「Mr.Children」、「浜崎あゆみ」、「GLAY」などが20代の琴線に触れる模様。
ちなみに私はこの世代に入りますが、アーティスト名を羅列するだけで青臭い時代の思い出が走馬灯のように駆けめぐります。小学校の教室で、「私、絵理子ちゃん役！」と言いながら女の子4人で「SPEED」ごっこをした、そんな思春期一歩手前。
【30代とカラオケに行って盛り上がる曲】
1位 Mr.Childrenの曲(「Tomorrow never knows」、「シーソーゲーム ～勇敢な恋の歌～」など)5.7％
2位 SMAPの曲(「世界に一つだけの花」など)4.5％
3位 モーニング娘。の曲 2.6％
次点 サザンオールスターズ(「TSUNAMI」、「マンピーのG★SPOT」など)1.7％
いよいよここで、ランク上位の座が「嵐」から「SMAP」に取って代わられたところに感慨深いものがあります。ランク外では、「DREAMS COME TRUE」、「スピッツ」、「THE BLUE HEARTS」、「広瀬香美」などとかなり票が割れました。
【40代とカラオケに行って盛り上がる曲】
1位 サザンオールスターズの曲 4.3％
2位 松田聖子の曲(「赤いスイートピー」など)2.1％
3位 ピンク・レディーの曲(「UFO」、「ペッパー警部」など)1.7％
次点 THE BLUE HEARTS(「リンダリンダ」など)1.0％
昭和を代表するアイドル、「松田聖子」、「ピンク・レディー」のおでましです。以前、40代前半の知人女性とカラオケに行った際、一緒に「UFO」や「ペッパー警部」の振り付けを踊ったらえらく喜ばれました。カラオケの約束をしてからというもの、夜な夜なPVを見て練習したのです。人生、時には分かりやすくこびることも必要です、たぶん。ランクインはしませんでしたが、「津軽海峡・冬景色」、「天城越え」(ともに石川さゆり)という意見も。
【50代とカラオケに行って盛り上がる曲】
1位 サザンオールスターズの曲 2.8％
2位 松田聖子の曲 1.6％
3位 山口百恵の曲 1.0％
次点 ピンク・レディーの曲 0.9％
ほぼ40代と似通っていますが、特筆すべきは山口百恵の登場。そのほか、中島みゆき(特に「地上の星」が人気)や、「車屋さん」(美空ひばり)、「木綿のハンカチーフ」(太田裕美)、「僕は泣いちっち」(守屋浩)、といった声も上げられました。40代同様、「津軽海峡・冬景色」、「天城越え」も揺るぎない人気です。
そして、すべての世代で必ず安定した票を獲得していたのがアニメソング。10代～30代までは「創聖のアクエリオン」(AKINO) 、「残酷な天使のテーゼ」(高橋洋子)。そして、「タッチ」(岩崎良美)にいたっては、全世代の支持を受けていました。"星屑ロンリネス"は永遠に不滅です。
「どうぞどうぞ」
「いえ、僕はいいので、お先にどうぞ」
「ほらキミ、早く曲入れて入れて」
「あ、あ、ハイ(汗)」
(心の声)……あああ、どの曲にしよう？ コレならうまく歌えるけど、今日は上司の●●さんもいるし……●●さんこの曲知らないだろうな。あーモウ！ 何を歌えばいいノダーー!?
世代の違う人とカラオケに行くと、選曲に頭を抱える人は少なくないはず。選曲をミスったときのあの微妙な空気。そんな空気を背負いつつ歌いきるときのむなしさときたら……。
このような悲劇を避けるべく、10代から50代まで、年代別の盛り上がるカラオケ曲を調査しました。これで、若いギャルの熱い視線も、上司のハートもガッチリつかめる！……とイイネ。
2010/9/22～2010/9/27
アンケート対象：COBS ONLINE会員
有効回答数 578件(ウェブログイン式)
【10代とカラオケに行って盛り上がる曲ベスト3】
1位 AKB48の曲(「会いたかった」、「ヘビーローテーション」など) 13.8％
2位 嵐の曲(「Happiness」、「Troublemaker」など)8.3％
3位 GReeeeNの曲(「キセキ」、「愛唄」など)3.3％
次点 西野カナの曲(「会いたくて 会いたくて」など)2.6％
やはりか、と思わず納得の結果になりました。会いたかったり、会いたくて震えたり、と10代に人気の曲はとにかくストレートな歌詞が印象的。そのほかには「EXILE」や「RADWIMPS」なども票を集めていました。20代以上の皆さんは、万が一10代の若いギャルやメンズとカラオケに興じる機会に恵まれた際は、上記の鉄板曲が強い味方となるはずです。
【20代とカラオケに行って盛り上がる曲】
1位 モーニング娘。の曲(「LOVEマシーン」など)8.5％
2位 嵐の曲 5.8％
3位 SPEEDの曲(「White Love」など)3.5％
次点 大塚愛の曲(「さくらんぼ」など) 3.1％
世代を感じさせる結果です。10代の「AKB48」、20代の「モーニング娘。」、言い換えれば、2010年代のAKB48、2000年代のモー娘。、といったところでしょうか。ランク外では、10代でも人気だった「GReeeeN」のほか、「Mr.Children」、「浜崎あゆみ」、「GLAY」などが20代の琴線に触れる模様。
ちなみに私はこの世代に入りますが、アーティスト名を羅列するだけで青臭い時代の思い出が走馬灯のように駆けめぐります。小学校の教室で、「私、絵理子ちゃん役！」と言いながら女の子4人で「SPEED」ごっこをした、そんな思春期一歩手前。
【30代とカラオケに行って盛り上がる曲】
1位 Mr.Childrenの曲(「Tomorrow never knows」、「シーソーゲーム ～勇敢な恋の歌～」など)5.7％
2位 SMAPの曲(「世界に一つだけの花」など)4.5％
3位 モーニング娘。の曲 2.6％
次点 サザンオールスターズ(「TSUNAMI」、「マンピーのG★SPOT」など)1.7％
いよいよここで、ランク上位の座が「嵐」から「SMAP」に取って代わられたところに感慨深いものがあります。ランク外では、「DREAMS COME TRUE」、「スピッツ」、「THE BLUE HEARTS」、「広瀬香美」などとかなり票が割れました。
【40代とカラオケに行って盛り上がる曲】
1位 サザンオールスターズの曲 4.3％
2位 松田聖子の曲(「赤いスイートピー」など)2.1％
3位 ピンク・レディーの曲(「UFO」、「ペッパー警部」など)1.7％
次点 THE BLUE HEARTS(「リンダリンダ」など)1.0％
昭和を代表するアイドル、「松田聖子」、「ピンク・レディー」のおでましです。以前、40代前半の知人女性とカラオケに行った際、一緒に「UFO」や「ペッパー警部」の振り付けを踊ったらえらく喜ばれました。カラオケの約束をしてからというもの、夜な夜なPVを見て練習したのです。人生、時には分かりやすくこびることも必要です、たぶん。ランクインはしませんでしたが、「津軽海峡・冬景色」、「天城越え」(ともに石川さゆり)という意見も。
【50代とカラオケに行って盛り上がる曲】
1位 サザンオールスターズの曲 2.8％
2位 松田聖子の曲 1.6％
3位 山口百恵の曲 1.0％
次点 ピンク・レディーの曲 0.9％
ほぼ40代と似通っていますが、特筆すべきは山口百恵の登場。そのほか、中島みゆき(特に「地上の星」が人気)や、「車屋さん」(美空ひばり)、「木綿のハンカチーフ」(太田裕美)、「僕は泣いちっち」(守屋浩)、といった声も上げられました。40代同様、「津軽海峡・冬景色」、「天城越え」も揺るぎない人気です。
そして、すべての世代で必ず安定した票を獲得していたのがアニメソング。10代～30代までは「創聖のアクエリオン」(AKINO) 、「残酷な天使のテーゼ」(高橋洋子)。そして、「タッチ」(岩崎良美)にいたっては、全世代の支持を受けていました。"星屑ロンリネス"は永遠に不滅です。
スマートフォン向けサイトのサイズや画像について
iPhoneとAndroid両方に対応するスマートフォン向けサイトの作り方をまとめてみました。
まずスマートフォン向けサイトを作成する際に最初に気になる点は横幅や画像の扱いだったりするとおもいます。
まず横幅ですが、縦向きで320px～640pxとなります。横向きで480px～960pxとなります。
解像度は機種によって様々ですが、大方縦横320px/480pxが標準となります。
※iPhone4は640px/960pxの解像度ですが、Safariの内部CSSで320px/480pxと解釈してくれるため。
ですので、デザインカンプなどを作成する際も縦を標準とする際は320pxで作成すれば問題ないといえます。
ただし、横向きにも対応しようとするのであれば、極力CSS3の角丸やグラデーション、ドロップシャドウなどを利用したリキッドレイアウトのデザインにするのがベターをいえます。
横幅一杯を使うメイン画像などはPNGをうまく使って背景をリピート画像で用意しておくなどのテクニックが有効になります。
==========================================================================
スマートフォン独自の仕様 viewportについて
viewportの各プロパティ
width(幅)
可視領域の幅。デフォルト値は980px。
200pxから10000pxまでの範囲を指定できる。
height（高さ）
高さ。デフォルト値はwidthの値とデバイスのアスペクト比から算出される。
233pxから10000pxまでの範囲を指定できる。
initial-scale（ズームの詳細設定）
ページが可視領域内にフィットするように計算された値がデフォルト値となる。
minimum-scaleからmaximum-scaleによって定義された範囲の値が指定できる。
最初にページが表示されるviewportの値のみが指定可能。
user-scalableにnoを指定していなければズーム操作が可能になる。
ズームの範囲はminimum-scaleとmaximum-scaleの範囲内に制限される。
minimum-scale（最小縮小比率）
viewportの最小scale値。
デフォルト値は0.25。
0から10.0までの範囲を指定できる。
maximum-scale（最小拡大比率）
viewportの最大scale値。
デフォルト値は1.6。
0から10.0までの範囲を指定できる。
user-scalable（ズームの有無設定）
ユーザーがズーム操作できるかどうかをyesとnoで指定する。
デフォルト値はyes。
noを指定するとテキスト入力フィールド内でのスクロールも制限される。
解像度や画像表示比率について
携帯サイトでVGAとQVGAでディスプレイの解像度が違うので画像サイズを比率の数値で出力を制御するツールなどがありますが、iPhone3G-3GS1（480×320ドット）とiPhone4（960×640ドット）では4倍の解像度の違いがあります。また、Android端末も機種によって解像度は異なります。iPhoneやAndroidのWebKit系のブラウザはdevicePixelRatioというプロパティが定義されているようです。この要素の値によって画像の1pxが何pxで表示されるかを知る事ができます。
==========================================================================
ＨＴＭＬ5 ＋ ＣＳＳ3
また勉強し直しですが頑張りましょう。
まずスマートフォン向けサイトを作成する際に最初に気になる点は横幅や画像の扱いだったりするとおもいます。
まず横幅ですが、縦向きで320px～640pxとなります。横向きで480px～960pxとなります。
解像度は機種によって様々ですが、大方縦横320px/480pxが標準となります。
※iPhone4は640px/960pxの解像度ですが、Safariの内部CSSで320px/480pxと解釈してくれるため。
ですので、デザインカンプなどを作成する際も縦を標準とする際は320pxで作成すれば問題ないといえます。
ただし、横向きにも対応しようとするのであれば、極力CSS3の角丸やグラデーション、ドロップシャドウなどを利用したリキッドレイアウトのデザインにするのがベターをいえます。
横幅一杯を使うメイン画像などはPNGをうまく使って背景をリピート画像で用意しておくなどのテクニックが有効になります。
==========================================================================
スマートフォン独自の仕様 viewportについて
viewportの各プロパティ
width(幅)
可視領域の幅。デフォルト値は980px。
200pxから10000pxまでの範囲を指定できる。
height（高さ）
高さ。デフォルト値はwidthの値とデバイスのアスペクト比から算出される。
233pxから10000pxまでの範囲を指定できる。
initial-scale（ズームの詳細設定）
ページが可視領域内にフィットするように計算された値がデフォルト値となる。
minimum-scaleからmaximum-scaleによって定義された範囲の値が指定できる。
最初にページが表示されるviewportの値のみが指定可能。
user-scalableにnoを指定していなければズーム操作が可能になる。
ズームの範囲はminimum-scaleとmaximum-scaleの範囲内に制限される。
minimum-scale（最小縮小比率）
viewportの最小scale値。
デフォルト値は0.25。
0から10.0までの範囲を指定できる。
maximum-scale（最小拡大比率）
viewportの最大scale値。
デフォルト値は1.6。
0から10.0までの範囲を指定できる。
user-scalable（ズームの有無設定）
ユーザーがズーム操作できるかどうかをyesとnoで指定する。
デフォルト値はyes。
noを指定するとテキスト入力フィールド内でのスクロールも制限される。
解像度や画像表示比率について
携帯サイトでVGAとQVGAでディスプレイの解像度が違うので画像サイズを比率の数値で出力を制御するツールなどがありますが、iPhone3G-3GS1（480×320ドット）とiPhone4（960×640ドット）では4倍の解像度の違いがあります。また、Android端末も機種によって解像度は異なります。iPhoneやAndroidのWebKit系のブラウザはdevicePixelRatioというプロパティが定義されているようです。この要素の値によって画像の1pxが何pxで表示されるかを知る事ができます。
==========================================================================
ＨＴＭＬ5 ＋ ＣＳＳ3
また勉強し直しですが頑張りましょう。
カレー味噌牛乳ラーメン
カレー味噌牛乳ラーメン
東川口のラーメン屋さん
で青森のB級グルメだそうです。
あまり重くなかったので
食べれました。
さらに
マウンテンデュー
グレープ味(まずい)
が店の隣に売ってたので
飲みました。
Android携帯からの投稿
風邪をひきました! 『アンドロイド+Iphoneモバイルセキュリティ』
おはようございます。
風邪をひきました。
風邪と言えばウイルス
ウイルスと言えばWEB業界の自分にとって興味深いのは
早くも【アンドロイド・アプリウイルス】
です。
内容はアプリのダウンロードサイトを偽装して
ウイルスアプリをダウンロードさせ
個人情報（電話帳）などのデータを吸い出すものです。
本来携帯電話などでは砂場対策『サンドボックス』で
ウイルスと言う概念が無かったのですが
簡単に言うと 電話帳 と アプリ は全く別もの
だったのが
電話帳の機能を使用するアプリが出てきたので
アンドロイドOSによって境界線が無くなったことが
スマートフォンにウイルスとなった理由
これはユーザーによって回避できますが（不明なアプリは落とさない）
一般的対応
ウイルスソフト
IPHONE用（マカフィー）
http://mb.softbank.jp/mb/smartphone/service/smartsecurity/
カスペルスキーモバイルセキュリティ 9 for アンドロイド
http://support.kaspersky.co.jp/mobile/kms9and
で上記のカスペルスキーはやっぱりすごい！
http://antivirus.server-ing.com/2011/04/15/583/
現在、公式サイトとして以下より入手が可能です。
http://www.androidsecurity.jp/
参考：Androidマーケット
https://market.android.com/details?id=com.kms
お勧めは
「AVGがアンドロイドスマートフォン向け無料ウィルス対策ソフト「AVG Antivirus Free for Android」をリリース」
http://antivirus.server-ing.com/2011/03/09/400/
F-Secureからアンドロイド等スマートフォン対応盗難紛失対策アプリ「Free Anti-Theft for Mobile」が無料リリース
http://antivirus.server-ing.com/2011/03/06/360/
この二つの無料版で
カスペルスキーの有料版と同じくらいの性能はあるかと
無料の期間に落としましょう
でもお金を賭けてでも
カスペルスキーの有料版をオススメします。
参考サイト
http://antivirus.server-ing.com/2011/04/15/583/
風邪をひきました。
風邪と言えばウイルス
ウイルスと言えばWEB業界の自分にとって興味深いのは
早くも【アンドロイド・アプリウイルス】
です。
内容はアプリのダウンロードサイトを偽装して
ウイルスアプリをダウンロードさせ
個人情報（電話帳）などのデータを吸い出すものです。
本来携帯電話などでは砂場対策『サンドボックス』で
ウイルスと言う概念が無かったのですが
簡単に言うと 電話帳 と アプリ は全く別もの
だったのが
電話帳の機能を使用するアプリが出てきたので
アンドロイドOSによって境界線が無くなったことが
スマートフォンにウイルスとなった理由
これはユーザーによって回避できますが（不明なアプリは落とさない）
一般的対応
ウイルスソフト
IPHONE用（マカフィー）
http://mb.softbank.jp/mb/smartphone/service/smartsecurity/
カスペルスキーモバイルセキュリティ 9 for アンドロイド
http://support.kaspersky.co.jp/mobile/kms9and
で上記のカスペルスキーはやっぱりすごい！
http://antivirus.server-ing.com/2011/04/15/583/
現在、公式サイトとして以下より入手が可能です。
http://www.androidsecurity.jp/
参考：Androidマーケット
https://market.android.com/details?id=com.kms
お勧めは
「AVGがアンドロイドスマートフォン向け無料ウィルス対策ソフト「AVG Antivirus Free for Android」をリリース」
http://antivirus.server-ing.com/2011/03/09/400/
F-Secureからアンドロイド等スマートフォン対応盗難紛失対策アプリ「Free Anti-Theft for Mobile」が無料リリース
http://antivirus.server-ing.com/2011/03/06/360/
この二つの無料版で
カスペルスキーの有料版と同じくらいの性能はあるかと
無料の期間に落としましょう
でもお金を賭けてでも
カスペルスキーの有料版をオススメします。
参考サイト
http://antivirus.server-ing.com/2011/04/15/583/
画像のWEBデバイス
ご購読ありがとうございます。
今回はWEB用の画像について
そもそも何のためにイラレとフォトショに分かれているのか少し考えればわかるのですが
近年紙媒体が衰退してどの業界でも紙の広告屋さんがWEBに進出しています。
そこでデザインだけと言う業者がいます。
WEBの知識が無くてもイラレが使えるから良いと緩い考えです。
JPGデータをWEB用に保存しないため→
右の写真のようにCMYKで送ってきてUPしてから
綺麗に見えないのはエンコードのせいだ！とクレーム
ホント怖いです。
正しくWEB用にJPG（画像データ）を保存すればこんな事にはなりません。
小生はかれこれWEBの仕事をして１０年
プロの意見は聞くべきだと思います。
で右の写真が本来の写真です。
まとめ
ホームページを作る時は【フォトショップで作ろう！】
と言うことです。
今回はWEB用の画像について
そもそも何のためにイラレとフォトショに分かれているのか少し考えればわかるのですが
近年紙媒体が衰退してどの業界でも紙の広告屋さんがWEBに進出しています。
そこでデザインだけと言う業者がいます。
WEBの知識が無くてもイラレが使えるから良いと緩い考えです。
JPGデータをWEB用に保存しないため→
右の写真のようにCMYKで送ってきてUPしてから
綺麗に見えないのはエンコードのせいだ！とクレーム
ホント怖いです。
正しくWEB用にJPG（画像データ）を保存すればこんな事にはなりません。
小生はかれこれWEBの仕事をして１０年
プロの意見は聞くべきだと思います。
で右の写真が本来の写真です。
まとめ
ホームページを作る時は【フォトショップで作ろう！】
と言うことです。
とりあえず初投稿
初の投稿です。
とりあえずブログとか続かないので気が向いたら書きます。
われわれWEBマスター（ホームページ製作）の仕事をしていると
一番大変（めんどくさい）のがブラウザチェック！
IE9なんかでてきて迷惑です。
HTML5やスマートフォンのおかげで
全ブラウザ 対応はもう無理！！
最近ファッションとか飲食とかのホームページの製作のお仕事来ないかなぁ・・・
と思ってます。
とりあえずブログとか続かないので気が向いたら書きます。
われわれWEBマスター（ホームページ製作）の仕事をしていると
一番大変（めんどくさい）のがブラウザチェック！
IE9なんかでてきて迷惑です。
HTML5やスマートフォンのおかげで
全ブラウザ 対応はもう無理！！
最近ファッションとか飲食とかのホームページの製作のお仕事来ないかなぁ・・・
と思ってます。