5000164 is here
My writing is my life.
No results for undefined
Powered byAlgolia
Webデザインについて考える(http://alcepixel.com/)

このサイトのデザインについて考える。

alcePixel

全体

トップ画像が自然をぼかして奥行きがあってきれい。

文字の配置のバランスがきれい。

といったことはあるのですが、一番素敵だと思ったのはこのサイトのスクロールです。

一回スクロールするだけでちょうどいいスクロール位置までナビゲーションしてくれます。

パララックスサイトなどを見てる時に、スクロールがやりづらいなあと常々思っていたのですが、このサイトでは気付いたらスムーズにスクロールしていて、最初は自動でスクロール位置を合わせているということに気付きませんでした。

気持よくスクロールできるおかげでサイトのUXが格段に向上していると思います。

Webデザインについて考える(http://www.wearegrand.com/)

このサイトのデザインについて考える。

GRAND : 416.977.3831 - Digital, Interactive, Mobile & Social

テクスチャ

ヘッダとトップにはザラザラとした質感のテクスチャが。

次は線が交差したテクスチャが。

そしてまたザラザラしたテクスチャを使用。

フッタには等高線のようなテクスチャが。

テクスチャを複数種類使うことでサイト全体に質感が生まれている。

それでいて主張しすぎないように白黒のテクスチャ使用していて全体の調和は保たれている。

アイコン

丸いアイコンと彩度が高めの色を用いることでアイコンを際立たせている。

アイコンには斜線とノイズが入ったテクスチャを使用して質感を出している。

ヘッダの下に影がついている。

文字にも影がついている。

アイコンにも影がついている。

画像の下にも影がついている。

影をつけることでサイトに奥行きが生まれている。

全体

全体的に細部に渡ってディティールにこだわっているのでサイトに雰囲気が生まれている。

マーケティングから開発まで請け負うとのことなので、細かい気配りや細部まで行き届いたデザインなどが提供されることを期待することができるWebデザインとなっている。

Webデザインについて考える(https://jypg.net/)

このサイトのデザインについて考える。

JAYPEG

トップ画像

背景に様々な画像をタイル状に配置している。

ここで様々な作品の上に成り立つものだと伝えている。

ホワイトスペースとテクスチャ

サイトに空白が多いおかげですっきりしたスタイリッシュな印象を受ける。

テクスチャでのあっさりとした質感もあいまっておしゃれな感じが演出できている。

モノクロベースの色合い

全体的にモノクロベースのカラーとなっており、コンテンツに色がついている。

これはコンテンツが主役だということを意味しているように思える。

iPad miniを触ってみたら思ったよりも良かった

iPad miniを触ってみた
触る前は「実際どうなの?」って思っていたけれど、実際触ってみたら思ったよりもよかった。

iPad miniを触ってみた

ディスプレイ

まず一番に言われていたRetinaじゃないディスプレイについて。
これは実際にそんなに気にならなかった。
たしかにRetinaよりはジャギジャギしているが、それでも普通に見る分には問題なさそう。
iPad miniを使うユーザはそこまで鮮明さを求めていないはず。
miniって名前の通り小回り重視のはずだから。
それにRetinaディスプレイにすると電池の消費が多くなってあのサイズで長時間の動作は難しいように思える。
Retinaにしなかったのは妥当な判断だと思えます。

操作

次に操作感について。
iPad 4th genには敵わないものの、問題なし。
さすがiOSというところで、全くもって快適だった。
ただアプリケーションによっては、画面のサイズが小さくなったことによって使いづらくなっている可能性はある。

サイズ

本体のサイズや重量感について。
サイズは、まあよくわかんないけども、持った感じ薄いのがいい。
薄い、そして軽い。
そして、ディスプレイの周りの幅が横幅の部分が狭くなってるのが非常にいい。
思ってるよりもずっと持ちやすい。

見た目

iPhone5風の質感。
色は白と黒がありますけど、せっかくのminiなので収縮色の黒の方がかっこいいと思います。(個人的な感想)

ついでにNexus 7を触ってみた

ディスプレイ

ちょっと幅がせまい気がする。
期待してたよりも使いづらそうな印象を受けてちょっとがっかり。

比較

値段

  • iPad 4th gen(16GB Wi-Fi)
    4万2800円

  • iPad mini(16GB Wi-Fi) 2万8800円

  • Nexus 7(16GB Wi-Fi) 1万9800円

総評

小型のタブレットが欲しいならiPad miniですかね。
個人的には、タブレットはむしろ画面が大きい方がいいのと、Retinaの美しさからはもう戻れないのでiPad 4th gen一択ですが。
あんまりがっつり使い込む予定でなければiPad miniがちょうどいい解答なのではないかと思いました。
あと、子供にiPadを与えるのはすごくいいことだと思うので、サイズ的にも値段的にも子供に与えるのにはちょうどいい気がしました。

Androidはタブレットだとまだ使いづらい印象。
画面が大きい分タッチの操作性は大きな影響として操作の気持ちよさに関わってくる。
iOSは使ってて気持ちいいです。

まあなんにしても、自分で触ってみてキュピーンとくるかどうか確かめて見るのがいいと思います。

今、おれの中でこれが熱い!VOCALOIDランキング 10/15日版

早いもので前回のランキングから約1ヶ月ですね。

時が変われば聴く曲も変わるというもの。

では、ランキングをどうぞ

3位:Escape☆=Velocity/PSGO-Z

[nicodo display=”player” width=”640″ height=”360″]sm16594273[/nicodo]

Nsenでたまたま知ったPSGO-Zさん。

この人の曲センスいいですねー。

他の曲もマイリストに入ってます。

その中でもこの曲がかっこいい。

夜空とか流れ星とかそんな音がします。

いや、流星群かなー。

2位:ワンホット・ミニッツ/ショミ

[nicodo display=”player” width=”640″ height=”360″]sm16482252[/nicodo]

ショミさんですね。

ショミさんの曲はかっこいいのばっかりですね。

この曲は一回マイリストから外れたのですが、どうしてもサビを聴きたくなりもう一回もう一回と聴いてるうちにマイリストに定着。

そしてそのままおれの中で熱さ2位にまでなりました。

この音のノリノリな感じがかっこいいですねー。

1位:みんなみくみくにしてあげる♪/ika, MOSAIC.TUNE

[nicodo display=”player” width=”640″ height=”360″]sm19069321[/nicodo]

原点にして頂点。

この言葉がこれほど似合う曲もないでしょう。

この曲は5年前のみくみくにしてあげる♪のフルバージョンです。

VOCALOIDの文化はみくみくにしてあげる♪から始まったと言っても過言ではありません。

そんなみくみくにしてあげる♪から5年を経て投稿されたフルバージョンがこのみんなみくみくにしてあげる♪です。

動画にこの5年間の成長が詰まってます。

これはクリエイターなら目頭が熱くなること必須。

初音ミク含めVOCALOIDという文化は多くのクリエイターによって支えられているんだと再認識します。

おれも消費者側から製作者側に回りたい。

おれも初音ミクという文化を創りあげたい。

ミクはまさにアイドルですね。

みっくみくにされました!!!!1

以下、現時点のマイリスト

[nicodo]sm14476037[/nicodo][nicodo]sm14564166[/nicodo][nicodo]sm14709473[/nicodo][nicodo]sm15307196[/nicodo][nicodo]sm12071713[/nicodo][nicodo]sm8228650[/nicodo][nicodo]nm15742836[/nicodo][nicodo]nm16012790[/nicodo][nicodo]sm15938520[/nicodo][nicodo]sm16613114[/nicodo][nicodo]sm16793142[/nicodo][nicodo]sm16896636[/nicodo][nicodo]sm17241020[/nicodo][nicodo]sm17274025[/nicodo][nicodo]sm4141643[/nicodo][nicodo]sm13292706[/nicodo][nicodo]sm17235354[/nicodo][nicodo]sm17574798[/nicodo][nicodo]sm4487356[/nicodo][nicodo]sm17917917[/nicodo][nicodo]nm17917154[/nicodo][nicodo]sm13974660[/nicodo][nicodo]sm11819157[/nicodo][nicodo]sm7556559[/nicodo][nicodo]sm8365796[/nicodo][nicodo]sm10589810[/nicodo][nicodo]sm17637208[/nicodo][nicodo]sm12908777[/nicodo][nicodo]nm6971638[/nicodo][nicodo]sm18258211[/nicodo][nicodo]sm9251026[/nicodo][nicodo]sm18408895[/nicodo][nicodo]sm15187219[/nicodo][nicodo]sm17969073[/nicodo][nicodo]sm14456127[/nicodo][nicodo]sm16483227[/nicodo][nicodo]sm16594273[/nicodo][nicodo]sm18485361[/nicodo][nicodo]sm16482252[/nicodo][nicodo]sm14317611[/nicodo][nicodo]sm15663997[/nicodo][nicodo]sm16802960[/nicodo][nicodo]sm19069321[/nicodo]

以上

iOS のブラウザで数字のみのキーボードを出す

iOS のブラウザにおいて数字のみのキーボードを出したいときがあります。
しかし、 input type="number" ってやっても数字以外のキーがでてきてしまう。
そうだ、 input type="tel" ってやれば数字のみになる、しかしセマンティックではない。

そこで、 input type="text" pattern="\d*"

HTML5 からは入力文字を pattern で正規表現を利用して制御できるようになりました。
そこで入力可能文字を数字のみにすると iOS で数字のみのキーボードを出してくれるというものです。
賢いですね。

というわけで、実演

<input type="number">

<input type="tel">

<input type="text" pattern="\d*">

以下、参考

車の何とも言えない違和感のある走り方について考えた

品のない行動が嫌いです。

自分も他人も含めて。

車で走ってると、嫌な走り方を目にすることがあります。

交通ルールは破ってないけど、違和感のある走り方。

例えば、交差点に隣接してるコンビニの駐車場を利用して赤信号を回避する、とか。

それで、ずっと違和感を感じてた走り方について考えてみました。

その走り方はこれ。

直進するためには左の車線にいないといけない。

でも左の車線は混む。

右の車線は右折限定なので空いてる。

右の車線で車をたくさん抜く。

交差点の直前で左の車線に入る。

この走り方です。

交通ルールは破ってません。

ただの車線変更ですからね。

右の車線は追い越し車線ですし。

追い越すことになんの問題もありません。

ただ、ずっと気持ち悪いなと感じていました。

そしてその原因は、品がない走り方だからと、自分の中で納得しました。

左側の車線にずっといる人も直進したいから左の車線にいます。

できるなら早いほうが嬉しい。

それは当たり前のことです。

でも、ちゃんと後ろについて進むのを待ってます。

そこに追い越す車が来て、どんどん追い抜いてく。

そして隙間があれば左車線に入る。

そのせいで、ちゃんと待ってた人はもっと遅くなる。

右の車線から追い抜いた人は行動が卑しい。

貧しい行動です。

自分のことしか考えてない。

品がない。

だから、嫌いです。

まあ並列で進んだほうが全体としては早く進めることもあるでしょう。

それに、そもそもの問題は路上駐車が多すぎてまともに車線が確保できないということが根本の原因かも知れません。

だからと言って、なにをしてもいいというわけではありません。

もちろんいろんな人がいますから、すべてを一概に品がないとは言えません。

交通ルールより大事なことがあるなら、それが尊重されるべきでしょう。

親が死にそうで早く病院にいかなきゃいけないなら、全然追い抜いてもらっていいです。

大事なのは、もっと想像力が必要だということです。

追いぬく側も、追い抜かれる側が実直に待ってるのを馬鹿だと思って抜くのか、素直におれより先にいたんだからこの人が先に行くべきだと考えるのか。

追い抜かれる側も、ふざけんなと思うのではなくて、子供が急病で急がなきゃならないのかもしれないと考えるのか。

心の持ちようでだいぶかわるもんです。

車の運転は性格がでると言われるのは、あの閉鎖空間のせいでしょうか。

車がもっと安全なものでありますように。

話は変わりますが、Googleなどが研究してる自動車運転の自動化に期待してます。

参考

品位 (人品) - Wikipedia

FuelPHP 1.3 で Profiler を有効にしたら最初から展開した状態で表示されるようにする

FuelPHP Profiler

最近 FuelPHP を使っています。
バージョン 1.2.1 を使っていたのですが、 1.3 がでたということで 1.3 を使い始めました。
そこでデバッグをするときに、 'profiling' => true とかしてプロファイラを表示させるんですが、プロファイラが最小化状態で表示されます。
1.2.1 のプロファイラは展開した状態で表示されてたのに。
true ってしたらプロファイラは常に表示されてて欲しいです。
ということで、常に表示されるようにします。

fuel/core/vendor/phpquickprofiler/display.php

を開きます。
305 行目の

$return_output .='<div style="clear:both;"></div><div id="pqp-container" class="pQp tallDetails" style="display:none;position:inherit;">';

$return_output .='<div style="clear:both;"></div><div id="pqp-container" class="pQp tallDetails" style="display:block;position:inherit;">';

にします。 (display:none;display:block; に変更)
661 行目の

$return_output .='</div></div><div id="openProfiler"><a href="#" onclick="openProfiler();return false" title="Open Code Profiler">Code Profiler</a></div>';

$return_output .='</div></div><div id="openProfiler" style="display: none;"><a href="#" onclick="openProfiler();return false" title="Open Code Profiler">Code Profiler</a></div>';

にします。 (style="display: none;" の追記)
以上で常時表示されるようになったはずです。
検索して見つけた要素のスタイルを適当に変更してるだけなので、なんか他に方法があるのかもしれませんけども。
とりあえず、これでちょっとだけ快適になった。
常時表示されなくなったことにはなにか理由があるんですかねえ。

プログラミング用フォントのSource Code Proフォントが新しくリリースされたので他のフォントと比較してみた

Adobeから新しいプログラミング用フォントがリリースされたので、他のフォントと比較してみました。

表示しているフォントの大きさは全て12pt、表示している環境はMacType使用中のWindows7です。

早速比較する

Inconsolata

まずは私が普段使っているRictyフォントの英字フォントであるInconsolataから。

表示するスペースが少ないのに可読性が非常に高いのが特徴だと思います。

画面に表示できる文字数が多いほうが何かと有利ですよね。

Consolas

次にWindowsにプリインストールされているConsolas。

少しまるっとしていて非常に読みやすいフォントです。

Windowsにプリインストールされているので、とりあえず表示するフォントはこれにしておきましょう。

Source Code Pro

そして新しくリリースされたSource Code Pro。

他の2つに比べて少し大きく文字間と行間が広めなのが特徴だと思います。

スペースがしっかりとられていて可読性ではこの3つの中では一番ではないでしょうか。

比較した感想

新しくリリースされたSource Code Proですが、正直個人的には文字の間隔を取り過ぎだと感じました。

たしかに可読性は非常に高いのですが、逆に隙間が気になってしまうような気がします。

1行の高さは文字の高さの1.5倍が読みやすいと言われているので合ってはいるのですが・・・。

フォントサイズなどを調整すればもっと見やすくなるかも知れません。

とりあえず私はRictyをこれからも使用する予定です。

おまけ

以下歴代のWindowsでソースを表示する際に(たぶん)使われていたデフォルトのフォントたちです。

MS UI Gothic

Meiryo UI

Segoe UI

今、おれの中でこれが熱い!VOCALOIDランキング 9/18日版

突然ですが新企画です。

おれの独自のVOCALOIDランキングを発表します。

今、おれの中でこれが熱い!と思う曲をBEST3形式で紹介したいと思います。

ジャンルが非常に偏っていますが、それはおれの好みなのでしょうがないです。

VOCALOID以外の曲も入ってたりするのでその辺はご了承を。

機械音声が苦手だと言う人はご注意を。

やろうと思った理由

  • VOCALOID文化を理解してもらい広げていくという「大義名分」

    • 今の自分がどういう曲を聴いていたのかという「備忘録」

      • こんなことやったら面白そうという「実験」 が主な理由です。

      ランキング

では早速ランキングを発表します。

第3位

    [nicodo display=&#8221;player&#8221; width=&#8221;320&#8243; height=&#8221;180&#8243;]sm18408895[/nicodo]

    今、おれの中でこれが熱い!VOCALOIDランキング第3位は「[CRYSTAL MICROPHONE UNDERGROUND/tysP](http://www.nicovideo.jp/watch/sm18408895 "鏡音リン・レンオリジナル曲 CRYSTAL MICROPHONE UNDERGROUND - ニコニコ動画:Zero")」です。

ラップの曲でリズム感がいいです。

音もかっこいいしボーカルもきれいです。

かっこよくてノリノリな感じでとてもいい曲です。

    この人の前曲である「Stayin&#8217; Alive」も一時期おれのマイリストに入ってました。

第2位

    [nicodo display=&#8221;player&#8221; width=&#8221;320&#8243; height=&#8221;180&#8243;]sm17969073[/nicodo]

    今、おれの中でこれが熱い!VOCALOIDランキング第2位は「[-ERROR/cillia](http://www.nicovideo.jp/watch/sm17969073 "【波音リツキレ音源】-ERROR 【UTAUカバー】 - ニコニコ動画:Zero")」です。

この曲は「niki」さんの原曲を「cillia」さんがカバーしたものです。

原曲も非常にいいのですが、カバーのボーカルが圧倒的すぎる。

衝撃です。

これは魂こもってます。

一度聴く価値があります。

というか今知ったのですが、このカバーした作者はカリフォルニア在住のアメリカ人で16歳だそうで。

日本語歌わせるのうまいですね。

にしても「niki」さんもいい曲つくりますね。

「niki」さんの「HYBRID」という曲も一時期おれのマイリストに入ってました。

第1位

    [nicodo display=&#8221;player&#8221; width=&#8221;320&#8243; height=&#8221;180&#8243;]sm16483227[/nicodo]

    今、おれの中でこれが熱い!VOCALOIDランキング第1位は「[テトロドトキサイザ2号/ギガP](http://www.nicovideo.jp/watch/sm16483227 "【GUMIさん】テトロドトキサイザ2号【オリジナル】 - ニコニコ動画:Zero")」です。

この曲は聴いていて気持ちいい。

リズムも音も声もすごく好みです。

曲が素敵すぎるんですが、うまく説明できない。

たぶん大衆受けする感じではなくて、ハマる人はハマる、つまりおれにピンポイントでドストライクな感じの曲です。

ズンズンピコピコドンシャンファ~ンって感じです。

聴いてもらえばわかってもらえると思います。

ギガPはVOCALOIDの調声が非常にうまいということで有名なのですが、オリジナル曲を聴いたのはこれが初めてでした。

他の方の曲の調声を行ったり、カバーしたり、mixしたりして主に活動しているようです。

    第3位の「CRYSTAL MICROPHONE UNDERGROUND/tysP」も調声はギガPが担当しています。

カバーもmixも好きですし、オリジナル曲も非常によかったのでこれからの活動に期待してます。

    # 総評

やはり最近マイリストに追加した曲がBEST3になりました。

追加したばかりで今、熱い!ですからね。

あとNsenサービスが始まったことにより最新の曲だけではなく昔の曲も発掘できるようになったのが嬉しいです。

にしても曲の批評って思ったより難しい。

全部同じコメントになりそう。

そして紹介するって形を取ることで今までとは違った角度からVOCALOIDという文化に触れることができて新鮮でした。

    # 以下、現時点でのおれのmusicマイリスト

[nicodo]sm14476037[/nicodo][nicodo]sm14564166[/nicodo][nicodo]sm14709473[/nicodo][nicodo]sm15307196[/nicodo][nicodo]sm12071713[/nicodo][nicodo]sm8228650[/nicodo][nicodo]nm15742836[/nicodo][nicodo]nm16012790[/nicodo][nicodo]sm15938520[/nicodo][nicodo]sm16613114[/nicodo][nicodo]sm16793142[/nicodo][nicodo]sm16896636[/nicodo][nicodo]sm17241020[/nicodo][nicodo]sm17274025[/nicodo][nicodo]sm4141643[/nicodo][nicodo]sm13292706[/nicodo][nicodo]sm17235354[/nicodo][nicodo]sm17574798[/nicodo][nicodo]sm4487356[/nicodo][nicodo]sm9205429[/nicodo][nicodo]sm17917917[/nicodo][nicodo]nm17917154[/nicodo][nicodo]sm13974660[/nicodo][nicodo]sm11819157[/nicodo][nicodo]sm7556559[/nicodo][nicodo]sm8365796[/nicodo][nicodo]sm10589810[/nicodo][nicodo]sm17637208[/nicodo][nicodo]sm12908777[/nicodo][nicodo]nm6971638[/nicodo][nicodo]sm18258211[/nicodo][nicodo]sm9251026[/nicodo][nicodo]sm18408895[/nicodo][nicodo]sm15187219[/nicodo][nicodo]sm10999542[/nicodo][nicodo]sm17969073[/nicodo][nicodo]sm14456127[/nicodo][nicodo]sm16483227[/nicodo][nicodo]sm16594273[/nicodo][nicodo]sm18485361[/nicodo]

以上