Category : 雑記

id名やclass名はcamelCaseが好きだなー。個人的には好きだなー。

Category
Bookmark
この記事をクリップ!

下記を読んでの雑記です。

個人的には、uupaa さんの、

簡単にハイフンを含むワードが選択できないという問題

私が使っているエディタでは、ハイフンを含むワードはダブルクリックで選択できません。
しかし、アンダーバーで連結されたワードはダブルクリックで一気に選択できます。

に凄く同意です。
更に個人的な話だと、エディタのcurrent行にアンダーライン表示をしていると、アンダースコアが見づらくなる場合があるので、camelCase が好みです。

とあるエディタでの表示例

「設定変えろよ!」って言われたら、まーそれはそうなんですけど。

モレスキン:アクション ダイアリーを自分仕様にカスタマイズした

Category
Bookmark
この記事をクリップ!

2012年の手帳は、モレスキンのアクションダイアリーにしました。

去年まではウィークリーダイアリー ホリゾンタルのポケットプロジェクトランナーを使っていたのですが、これらを一つにまとめられないかと考えた結果、アクションダイアリーが最適という結論に達しました。

で、例によって年始恒例のカスタマイズを施したので、それのレポートです。

ペンホルダーはトラベラーズノート

サイドに取り付けているペンホルダーは、ミドリのトラベラーズノート用ペンホルダーのものです。安いわりに質感が良くて気に入っています。

二色の蛍光ペン

表紙には赤系と青系の蛍光ペンを挟んでいます。クリップ部分が分厚いものだと上手く挟めないことがあるので注意が必要です。

しおりを増やす

ほぼ日手帳でとても便利だったのが、しおりが複数付いていることでした。モレスキンには残念ながら一本しか付いてないので、無印良品のしおり付きシールを使って3本に増やしています。
一本づつ、年カレンダー・月カレンダー・週カレンダーに使用しています。

このしおり付きシール、とても便利だったのですが、ネットストアでは見つからなかったので、取り扱いが終わってしまったのかもしれません。。
参考:やじうまミニレビュー - 無印良品「しおり付シール」 - 家電Watch

切り離せる小さなメモ

モレスキンシリーズの、切り離せる小さなメモ(正式名称失念)をクリップで止めています。ちょっとしたメモを誰かに渡したい場合なんかに良いなって思ったんですが、まー実は去年は一枚も使ってなかったり。

余計なページを省く

モレスキンには、各国都市の国番号や時差など、日常生活を送る上では不要な情報が載っているページがあります(※個人の感想です)。仕事で手帳を開く際にはこれらのページが邪魔なので、クリップで止めて開かないようにしてあります。

土日祝を色で塗る

モレスキンは様々な国で販売されている関係もあってか、休みの日に色が付いていません。これは分かりづらいので、蛍光ペンで塗り分けています。


月カレンダーや週カレンダーも同様です。週カレンダーには小さな祝日表記はあるのですが、視認性が悪いのでやっぱり塗っています。

付箋紙を仕込んでおく

拡張ポケット周辺には、付箋紙を入れてあります。ちょっとしたメモを書き込んだ際に、それの備忘手段として貼ったりします。

振り返れば2011年、向き直れば2012年

Category
Bookmark
この記事をクリップ!

雑記です。
新年明けたので、去年の振り返りと今年の抱負を書こうと思います。わりと自分用です。

2011年の振り返り

ディレクションもやるようになった

2011年、ライブドアのマークアップエンジニアは、フロントエンドのスペシャリストかディレクション方面かの、どちらかを選択する必要がありました。僕は上司から勧められたこともあって、ディレクション方面(ただし引き続きマークアップ関連も担当する)という進路になりました。

2011年中では、ロケタッチマップライフログビューワーを担当しました。これらはディレクションとコーディングの両方をやったんですが、ちょっと無茶でした。プロジェクト後半にディレクションタスクとコーディングタスクが素でかぶって無理ゲーに。

人材的な仕事をするようになった

組織図的には部下では無いっぽいのですが、プロジェクトをアサインしたり技術的な監督を担当する部下的存在ができました。
あと、人事採用の際に、応募作品のコードレビューを担当するようになりました。去年の秋以降に10人以上は見たのですが、コードから読み取った「こういう人」像が結構当たっていて、興味深かったです。
人事採用の際のコードレビューに関しては、どこか別の機会で書いてみたいと思っています。

この辺は、人材的な仕事に結構興味があったので、楽しくやれています。

さよなライブドア

経営統合につき。
「ライブドア」はどうなるの?って疑問に関しては、941さんのエントリ、法人格「ライブドア」変遷を1枚の画像にまとめてみた & livedoorブランドについて - 941::blogが良いかも。

色々と不安はあるのですが、まーサラリーマンだしがんばります(なぞ

2012年の抱負など

ディレクション関連

ディレクションタスクの進め方を、自分の中でもっと定着させたいなと。各タスクをリストアップして、それぞれをどんなツールを使うかとかどんな進め方をするかとかをブラッシュアップしていく。

コード関連

ロケタッチは納期の短さとかすぐリニューアルするとか諸々あって非常にアレなコードになっているので、ちゃんとコンポーネント化したい。人も増えたし。この辺はデザイナーとも協力して進めたいなあ。

あと、名著の呼び声高いずど本を読んだので、jQuery 力をもう一段階上げたい。

アウトプット関連

hamashun.me を、もう少し更新したい。告知でも良いので月イチは更新する。

Sugamo.css でたまに LT をするんですが、もうちょいネタの引き出しを増やしたい。

HTML5 社内勉強会が望まれているので、時間作りたひ。

記事執筆のスピードを上げたい。超忙しい時期は脱したから多分いけますきっと・・・!

最近、Twitter や Facebook であんまり発言してないので、もうちょいなんか喋る。

GWにやる事リスト

Category
Bookmark
この記事をクリップ!

更新:GWにやった事リストに結果を書きました。

GWにだらけないように、やる事リストを作っておこうと思います。

  • 入門 HTML5を読む
  • ゲーミフィケーションに関するリソース読む
  • ゲーミフィケーションに関するブログ書く
  • ソードアートオンラインとアクセルワールドの最新刊を読む
  • 関西旅行に行く
  • 原稿書く
  • 別の原稿の仕様を詰める
  • Androidを入手したので、ひととおり使う
  • 遊ぶ時はしっかり遊ぶ

スマフォなのかスマホなのかはっきりしろし

Category
Bookmark
この記事をクリップ!

雑記です。

世は Smartphone 戦国時代(てきとう)なわけですが、気になったのが「Smartphone」の日本語表記と言うかつまるところ「フォン」なのか「ホン」なのかどっちなんだという事です。

略称でググってみた

スマフォ - Google 検索

約 607,000 件 (0.08 秒)

スマホ - Google 検索

約 27,200,000 件 (0.05 秒)

圧倒的に「スマホ」の方が多いんですね。

略さずググってみた

スマートフォン - Google 検索

約 29,500,000 件 (0.06 秒)

スマートホン - Google 検索

約 338,000 件 (0.04 秒)

こちらは「フォン」の方が多いという結果に。

Wikipediaを見てみた

スマートフォン - Wikipedia

スマートフォン(英: smartphone)は、携帯電話・PHSと携帯情報端末(PDA)を融合した携帯端末。日本では、アップル製のiPhoneや、HTC製のDesire、サムスン製のGalaxyなどが販売されている。略称は、「スマホ」。

略称は、「スマホ」。

そ、そうだったのかー。
と言うわけで、略さないと「スマートフォン」。略すと「スマホ」となっているようです。

おわりです。

LDRの登録フィードのレートを考え直した。それとソーシャルメディアでFeed購読を代替する件について。

Category
Bookmark
この記事をクリップ!

雑記です。

LDRのレートについて

LDRに登録しているフィードはレートで管理していて、「★5は毎日読みたい」「★4は時間が空いたら読む」と決めていました(★3以下は未整理のフィード)。
本来なら★5は毎日読んでいて★4は手がちょっと空いた時間などに読む、というのが理想なのですが、最近は仕事が増えていて平日に★5を読みきるのすら難しくなっていました。

そこで休日を使って未読を読みつつ、レートの付け替えを行いました。 新しいレートの使い分けはこんな感じです。

「★5は人気エントリー・はてブのタグなど、ニュース的にとりあえずチェックしておきたい物」「★4は好きなブログ・友達のブログなど、積極的に読みたい物」
★3以下が未整理なのはこれまで通りです。 こっちもその内なんとかしたい。。

ソーシャルメディアはFeedの代替たるか?

ところで(まだ雑記が続きます)、ここ暫くたまに目にするのが「Twitterを使い出したらフィード読まなくなった」的な話なのですけど、個人的にはそうはなってないなーと。
と言うか、そもそもそういう意見がいまいち理解できませんでした(この記事を書くにあたってググってみたんですけど、その辺を解説した記事を見つけられませんでした)。

そうしている人たちは、仕事や作業をしている時に気になるTweetが流れてきたら手を止めてそっちを読み出す、って使い方なんでしょうか。 仕事や作業の種類にもよるだろうけど、僕はコードを書く時も考え事をする時もそっちに集中したいので、それはちょっと無理だなあと(そもそもTwitterを常には見てないし)。

或いは、気になるTweetが流れてきたらとりあえず別タブを開いておくのかもしれないですけど、ブラウザが重くなるし(これはWindowsでFirefox使ってるから余計にかも)読むタイミングを逃したら面倒だしで、そっちも微妙かなとか。

その辺が問題ない人にとっては、タイムラインに流れてくる=読む価値を判断しやすい 的なフィルタリング効果が期待できるのかもしれないとは思います。

なお、後半の内容はfacebookの某投稿を元に作成されました(facebookってクローズドだから、こういう時にちょっと困る)。

Instagram やってます

Category
Bookmark
この記事をクリップ!

Instagramをはじめてしばらく経つので、お気に入り写真が溜まってきました。 ので、撮った状況など交えつつ載せてみます。

新宿スカイ

会社の会議室から新宿の空を撮ったもの。 フィルターはLOMO-fiを使用。 LOMO-fiは空のグラデがキレイに出るのでお気に入りです。

ディズニーツリー

ディズニーシーにあったクリスマスツリー。 海風が超強くて、この日は夕方には退散する事に。 フィルタは1977。 このフィルターも結構好きです。

いるみね!

表参道のイルミネーション。 これもフィルターは1977かな。

モレスキンとプレスマン

Instagramのスーパースター、こもりさん風を意識して撮ってみたものw フィルタは多分Walden。

新宿の空

これも会社から新宿の空を撮ったもの。 Instagramには珍しいフィルター未使用の写真。 「映画のワンシーンみたい」というコメントが付いたのだけど、確かにそんな感じがするかも。

該当者なし

タイトルで遊んでみた系。 日付が変わる頃に帰宅する時に、ビルの1Fで見かけた光景。 作品が一つも並んでないのがちょっと異様だったので、撮影してみた。フィルタはGotham。
ちなみに、翌朝出社した時にはこの物体は既に撤去されていて、その後も一度も見かけていない。 一体これは何だったんだろうか。。。

背骨チック

こちらもGothamを使用。 会社の会議室にあるケーブルをまとめるやつ? が背骨っぽかった。

看板

ゴミを捨てるな的な看板があるすぐ近くにゴミが捨てられていたのが、印象的だった。 フィルタは1977かな。

地下通路

新宿駅の端っこに、まるで女神転生みたいな地下通路がある。 通路は緩いRがかかっていて、向こう側が見えないのが想像力を刺激すると言うか。
無人の風景を撮るつもりだったけど、撮影の瞬間に偶然向こうから人が来た。 当初の思惑とは違ったけど、これはこれで良い感じかなとか。 こういう不意の出来事がある所がスナップの好きなところでもあったり。

Instagram は ID hamashun でやってるので、見かけたらよろしくどうぞー。

クリスマス~年末年始~2011 Ver.のアイコン!

Category
Bookmark
この記事をクリップ!

僕のアイコンは@citrocubeこと輝竜さんに描いていただいてるんですが、その輝竜さんから12月24日に謎のURLが送られてきました。


開いてみたら、なんと驚きのクリスマスVer.アイコンでした! 突然のサプライズ!


しかも、頭装備部分のレイヤーを切り替えると、年末年始以降にまで対応しているというサービス満点ぶり!

実は、更にもう一つのVer.があるのですが、これは年が明けてから使おうと思っています。
本当に突然のサプライズだったので、嬉しすぎて耳が生えるかと思いました! ありがとうございました!

ほぼ日手帳をやめてモレスキンにしました

Category
Bookmark
この記事をクリップ!

今年からモレスキンにしました。 ほぼ日手帳をやめた理由は、自分にとってはオーバースペックすぎたからです。 1日1ページはいらないなあと。

代わりに使っているのが、モレスキンのウィークリーホリゾンタル。 これのポケットサイズです。 薄くてシャレオツで気に入っています。

P9121106_s
ゴムバンドをナナメかけにして、無印良品のシャープペンを挟んでいます。 本体が歪むのがちょっと不満なので、ペンホルダーで何か良いものがないか探し中。

ウィークリーホリゾンタルには、3つのカレンダー表示があって、それぞれを使い分けています。

P9121110_s
まず、これがいわゆるカレンダー的な表示。 ここには、特別な予定(飲み会とか、勉強会とか)がある日に○を付けています。

P9121112_s
で、日ごとのページには、詳細な予定を書いています。

P9121114_s
月ごとに日付が縦に並んでいるページには、主に仕事のスケジュールを記入しています。 日数を見える化しやすいです。

カスタマイズ

モレスキンはカスタマイズも楽しみの一つらしいのですが、僕もいくつかやっています。

ちょっとしたメモ

P9121108_s
ウィークリーホリゾンタルには、自由に書けるスペースが少ないので、同じくモレスキンのヴォラン(XS)を切り離して、クリップで止めています。 ちょっとしたメモを渡したい時なんかにも便利です。

不要なページが開かないように

P9121117_s
ウィークリーホリゾンタルには(他のシリーズにも)、世界地図とか様々な単位とか、資料的なページが含まれているのですが、個人的には不要であり、もっと言えば余計なだけなので、まとめてクリップで止めて、誤って開かないようにしています。

しおりを増やす

P9121119_s
ほぼ日手帳で便利だったのが、しおりが複数ある事でした。 そこで無印良品のしおりシールを使って、前述の3種のカレンダーそれぞれにしおりを挟んでいます。 これは各ページへのアクセス性が凄く良くなって、とても便利です。

拡張ポケット

P9121122_s
拡張ポケットには付箋を忍ばせていますが、あまり使ってないです。 拡張ポケットの上手い使い方は今後の課題だなあ。

そろそろ来年の手帳を選ぶシーズンになってきましたが、引き続きウィークリーホリゾンタルで、もうちょっと工夫を増やしてやっていく予定です。

hamashun.com のリニューアルについて

Category
Bookmark
この記事をクリップ!

hamashun.comをリニューアルしました。 これまではブログがメインコンテンツだったんですが、今後はブログは切り離して、単純にポートフォリオ的な扱いにします。

と言う訳で、リニューアルのメモ書きです。

デザイン

Twitterでもちょろっと言ったんですが、大沖さんという人のイラストがデザインを思いついた元ネタです。
そしてあんまり深く考えてないです。 思いついたままに筆を滑らせた的な。 とか言ったら怒られそう。

太い矢印がキャラクターを指してるのとか、何かのイラストか表紙で見た記憶があるんですけど、具体的には覚えてないです。 なんだったかなー。

ページ遷移は、最近流行りらしいワンページ(シングルページ)です。 JavaScriptで切り替える的な。

HTML

HTML5です。 このタイミングでリニューアルするならHTML5しかないかな的な。

新しいセクションで登場する見出し

(ワンページサイトでの)一ページ分の最初の見出しはh1要素で、以降はh2, h3 ... となってます。

新しいセクションごとに全てがh1要素でも良かったんですけど、SEOスパムと誤認されたら嫌だなという消極的な理由と、コンポーネント化するとしても(多分しないけど)、(ワンページサイトでの)一ページ分が最小単位かなと思ったのが理由です。

あとXFN使ってみたりなんかしちゃったりして。

CSS

ちょこちょことCSS3を使っています。 今の所は

  • border-radius
  • transform
  • text-shadow
  • Web Fonts
  • rgba
  • Multiple background

くらいかな。 そんなに突飛な事はやってないです。 Web FontsはGoogle Font APIを使ってみました。

あとは :before疑似要素とcontentプロパティとか使ってます。

JavaScript

JSなしでも情報は得られるようにしてます。

  • 長い一つのページのコンテンツを非表示にして、ワンページサイト(シングルページサイト)にしてる
  • フラグメント識別子付きのアドレスでアクセスすると、そのコンテンツが表示される
  • ウィンドウの縦幅が狭い場合、それに合わせたデザインになる

みたいな。

リニューアルしたとは言っても、突貫工事だったので気に入ってない点がいくつかあります。 今後修正していきたい感じ。