z.ohnamiのラフロイグ。

自分のPCで仕事がしたい

z-ohnamiです。世間はGWムード満点ですね。

結論も何もなく、ただ今自分が思っていることに「自分のPC」で仕事がしたいというものがあります。

次のような状況になって、不快になったことないですか?

  • 会社で使っているPCが家よりもスペック低い
  • 他の人のお下がりを使うことになってしまう
  • 買うまでの手続き(稟議など)が面倒くさい または 通りそうにない
  • 会社の経営状況が悪くて、買いたくても買えない

自分の靴や服を着て仕事してるのと同じようにPCも自分で手に入れたものを持ち込めばそれでいいだろうと思うのです。自分で買って、持っていけばいい。好きなの買えるし。または自宅用に新しいの買うようなタイミングで、古い方のPCを会社で使うとか。

もちろん、どうして自分で買ったPCを仕事に使わないといけないの?という人もいるでしょう。そういう人もいるだろうから、経費で買えるルールも備えておきつつ、PCを持ち込むという選択肢も用意してくれているといい。そんな会社ってないですかね。私が知らないだけかもしれないけれど。

次に出てくる課題は社外での不正行為をどうするか。これは事前に覚書などを交わすことでなんとかならないすかね。故意に情報流したら相応の補償を要求する契約にするとか。

仕事してる人からすれば、パソコンはもう体の一部みたいなものなのだから企業側で用意するよりも、個人で備えるほうがしっくりする気がするんですけどどうなんでしょうね。

Easingのパターンを思い出せるEasing Function

Easingの名前とその動きについて、すぐに確認できる早見表です。 昨日のCSSに続き、Easingもすぐに忘れてしまうことがよくあります。

忘れたら、また覚えればいい と母校の歴史の先生が言ってました。

f:id:z-ohnami:20130421135217p:plain

横軸が時間で縦軸が位置ですね。マウスカーソルを乗せると赤い印が出てきて、指定したEasingの動きを再現してくれます。

f:id:z-ohnami:20130421135228p:plain

すでに日本語訳されているようです。

Easing function

うろ覚えなCSSの基本をすぐに確認できる「Learn CSS Layout」

CSSってたまにやろうとすると、前に覚えたことを忘れていてどうにも進まないときってないですか? このサイト、CSSの基本を学ぶというが本来の趣旨のようですが、にわかCSSコーダーにとって参考になります。

Learn CSS Layout

シンプルでわかりやすそうな印象をあたえる入り口。

f:id:z-ohnami:20130420143415p:plain

1ページに書いてある量が少なく、合計で19ページしかないので忘れたときでもすぐに頭にインストールすることができます。

f:id:z-ohnami:20130420143433p:plain

ああ、そうだったそうだった。floatね、という感じで。ハマりやすそうな部分をピックアップして書いてくれています。そもそもこの要素ってなんだっけというのを考えるのにいいです。

f:id:z-ohnami:20130420143448p:plain

わかりやすし。左上にある「Table of Contents」をクリックすると目次に飛べるのもいいですね。

f:id:z-ohnami:20130420143500p:plain

最後はCSSフレームワークの紹介で締めているようです。とはいえレガシーなサイトを保守する仕事などだと、CSSFWを華麗に採用できない事情もあるでしょうし、基本を抑えていることは大切ですね。

シンプルできれいな試合情報サイト

タイトルのまんま。色使いや構成が素敵です。 当日の野球の試合について、対戦カードが確認できるサイトです。

Is the roof open ?

自分は野球見ないのためコンテンツの中身自体は大して興味ないのですが、見ててWEB力を感じて楽しめました。

最初は灰色でモノトーンの世界。多くを語らないだけに凄みを感じる・・

f:id:z-ohnami:20130419201325p:plain

タペストリーの上にマウスカーソルを乗せると、色が入ります。きれいやー 色が入るのと同時に少しヌメッとアニメーションがさり気無く入るのもカッコイイ。

f:id:z-ohnami:20130419201335p:plain

試合が開催されている場合はこんな感じ。チームのロゴをタップすると、そのチームのオフィシャルサイトに飛びます。初めの画面が灰色というのもあるのでしょうけど色使いがぐっと目に飛び込んでくる気がします。

f:id:z-ohnami:20130419201344p:plain

開催していない場合はこんな感じ・・・

f:id:z-ohnami:20130419201351p:plain

ブラウザの表示サイズを縮めると、タペストリーが一列に並び直ししてくれてしっかりとレスポンシブな感じに仕上がっています。

近頃耳にする、情報がユーザーを選ぶ的なTwitterやFaceBookとかLINEとかなんかで流れてくる情報を受動的に受け止める仕組みがあるのも便利なことですが、自分からサイトを訪ねていって眺めてみるのもいいものですね。ユーザーも自分の趣味や好きな事となると、情報が欲しくて能動的に動くでしょうからこうした玄関的なサイトも力を入れておく必用があるのかもしれません。

パラパラ漫画がクールな自己紹介サイト

センスのよさに脱帽したので紹介。洒落とるわー

クリックしたらゆっくりスクロールしながら見ていこう

f:id:z-ohnami:20130416232001p:plain

このチーターくん(猫?)が

f:id:z-ohnami:20130416232008p:plain

スクロールに合わせて颯爽と走りだす!!DASH!!

f:id:z-ohnami:20130416232016p:plain

多くを語らず、的を絞って紹介するほうが内容もすんなりと入ってきますね。

f:id:z-ohnami:20130416232023p:plain

以上!!みたいな。ちなみに逆にスクロールするとチーターくんも巻き戻しの要領で逆走してくれますw

配色も気持ちがいいし、言葉少なめにスペースを広々と使っていてるのが実に気持ちいい。自分もこういうの作りたい!!キー。これをプロフィールや名刺なんかにリンクとして載せておくといいのでしょうね。