レスポンシブデザインに対応するCSSフレームワーク「NuLTS.4W」alpha版公開

Nults 4w

元々は自分が仕事で使うテンプレート用のCSSだったのですが、汎用性を持たせ、いろいろなシーンで使えるものにしたいこともあり、CSSフレームワークとして継続的にお見せできるような形を取りました。

大まかな構造は所謂リキッドデザインをベースにメディアクエリを使い、レスポンシブデザインに対応させるような形を取っています。

また、CSS自体の記述を簡略化するためにless.jsを使用しています。

詳しくはページを作ったのでこちらを見ていただければと思います。

まだ仕様が甘かったり、方向性が曖昧なところはありますが、意見や要望などを受けつつ、更に進化させていきたいと考えていますのでよろしくお願いいたします。

ノマドをはじめる前に知っておきたいツールなどまとめ

実際やるために必要な ネット環境、ノートパソコンとスマートフォン(タブレット)それぞれに役に立つTipsとガジェット、アプリをまとめました。

インターネットの環境

  • 日本通信+LTE対応+標準SIM+b-mobile+4G+カメレオンSIM+BM-CLFL-3W+【定額21日間パッケージ】
  • 日本通信+b-microSIM+(データ通信専用)+U300+6+ヶ月(185日)パッケージ+BM-U300-6MM

linked by blog-tools

スマートフォンを使ったテザリングが少々話題になっているものの、数時間使うこと&通話・バッテリー残量を考えると公衆無線LANや3G/WiMAXなどのモバイルルーターを使うのが現実的です。公衆無線LANも増えているものの、途中で普通のルーターなどを介している場合はデータを見られることがあるのでメールや仕事の内容をやり取りする場合は避けておくのがベスト。

ノートパソコン

  • Apple+MacBook+Air+1.4GHz+Core+2+Duo%2F11.6"%2F2G%2F64G%2F802.11n%2FBT%2FMini+DisplayPort+MC505J%2FA

linked by blog-tools

自分はMacなのでWebブラウザーの確認のためにInternet Explorerが必要なのでBootCampでWindows7、それ以外に別途VMWAREでWindowsXPを使ってIE6などのブラウザー確認をしています。あと会計周りのソフトもWindows。物書きの人ならタブレットのみでいいかもしれません。
仕事のデータのやり取りについては後述。

電源はコンセントがあるときはACアダプター、コンセントの確保が難しく長じ関する場合はHyperJuiceという外部バッテリーを用意。HyperJuiceは停電したときのための予備電源的アイテムでUSBポートもあり、iPhoneや普通のAndroid端末なら数日使えてしまう容量。

スマートフォン

  • Samsung+Galaxy+S3+16GB+GT-I9300 SIMフリー

linked by blog-tools

iPhone向けは探せば探すほど出てくると思うのでここはMac + Androidユーザー向けに。

メールやスケジュールはGoogleAppsのGmailとCalendarとToodledoというタスクツールを主にパソコンから入力、スマートフォンでチェックできるようPocket Informantというアプリケーション(iOS、Android対応)をインストールしてGoogle CalendarとToodledoの同期を取り使っています。一つのアプリケーションでタスクスケジュールを確認できるのでここ2、3年使っています。

スマートフォンでネックになるのがバッテリー。iPhoneはバッテリーを取り外しできない構造になっていますが、Android端末は取り外しが可能な機種が多いので、外付けのバッテリーよりも薄い純正のバッテリーやサードパーティから出ている大容量の互換性のあるバッテリーを持っておくと、嵩張らずバッテリー切れの心配なく仕事ができます。そして、充電用のmicroUSBケーブルは機種によって出来る出来ないがあるので店員さんに聞いて実際に試すのがベスト。また外付けバッテリーは500mA出力の場合、充電されないものがあるので出来れば1A以上の出力が出来るものが好ましいです。

Webサービス / クラウドサービス

  • Pogoplug+Series4+パーソナル+メディア+クラウド+スマホからも+[並行輸入品]

linked by blog-tools

クラウドサービスを使えば、会社に、自宅にデータを忘れることもほとんどなくなるのですが、大容量のデータ、例えばWebサイトのデザインに使っているPSDデータなどを保管しようとすると月数百〜数千円の有料プランなどにはいる必要がありコストが嵩んでしまいます。

もし、家のルーターに空きがあるならPogoPlugがおすすめです。USB接続のHDDをつけることでネットを介してアクセスできるディスクをセットアップすることが出来ます。よく使うデータはDropBoxに、やり取りの頻度が低いファイルの保管にはPogoplugといった使い分けをすることで仕事のやり取りが外出先でも楽に行えます。

一度ノマドが出来る環境が整えば、都市圏であればどこでも仕事が出来るようになるので、自宅で仕事をしているという人は外の違う環境で仕事をしてみてはどうでしょうか? コンプライアンスさえしっかり守ることが出来ればより生産性の高い充実した仕事が出来るかもしれません。

  • ノマドライフ+好きな場所に住んで自由に働くために、やっておくべきこと
  • 仕事するのにオフィスはいらない+(光文社新書)
  • 新時代のワークスタイル+クラウド「超」活用術
  • 本田直之式 ハッピー・ワークスタイル+~秘訣はiPhoneとMacの連携にあり~
  • クラウド活用テクニック100―Evernote+Gmail+Dropboxを使いこなそう!+すぐに使える実用的+(超トリセツ)
  • できるポケット+ Dropbox+(できるポケット%2B)

linked by blog-tools

Multimon – Delve Systems

インタラクティブなアクションを簡単に使えるjQueryプラグイン「mini.js」

Minijs

ウェブサイトでよく使う文字カウンターやTip、画像スライダー、アラートといったインタラクティブな要素を簡単に追加できるjQueryのプラグイン「Minijs」を紹介。

20120513現在β版ではあるものの、JSのコードを数行追加するだけでそれらの機能を追加することが出来ます。

Minijs02

Minijs01

ブログや簡単なランディングページなどにも使えそうなので手早くアクションを追加したいときに役立ちそうです。

http://minijs.com/

20120428-20120504 review from instagram

NewImage

4月28日、友達の結婚式の2次会が恵比寿であった日に見つけたビル。

NewImage

4月29日、実家の自分の部屋の温度。前が屋根で日差しが照りつけると暑い。

NewImage

4月30日、実家近くの駐車場で見つけた車。

NewImage

5月1日、神戸のハーバーランドで行われているビール祭へ行った。

NewImage

三宮にあるworld系列のファッションブディックのビル。

NewImage

10年ぶりぐらいに行った「明石焼」

NewImage

5月2日、宇治川のほとりにある中村藤吉平等院店

NewImage

うどんのセット。ラーメンみたいな食感のおうどん。甘味の抹茶ゼリーもおいしかった。

NewImage

カフェアンデパンダンにて

NewImage

夕方の先斗町

NewImage

5月3日、京都駅ビルのバルコニーから

NewImage

その2

NewImage

SOU・SOUで買った靴。

NewImage

駅ビルのなか

ここ数日間に撮った写真をまとめました。