「イマドキCSS設計」の解説 – 後編:BEMとSMACSSと実際の運用について

こんにちは!basara669です。

勉強会で使った「イマドキCSS設計」の資料の解説の最終回で、BEMについてもう少し具体的な例を書きました。また、SMACSSについても軽く触れ、実際にこれらの概念を取り入れて、どのように運用したか書きました。

他の記事はこちら

「イマドキCSS設計」の解説 – 前編:css設計の必要性


こんちは!basara669です。

先日、勉強会で話した資料がかなり反響があって、様々な人に閲覧していただきました。

イマドキCSS設計

ただ、これだけだとコードしか無かったりよくわからない部分も多いと思うのでその時の勉強会で話したところも含め、解説していこうと思います。

ただ、書いたら量がかなり多かったので、3つに分割しました。。

Apple製品に最適なロジクールのEasy-Switch Keyboard K811を買ってみた!

Apple Wireless Keyboardが突然死!同じものを購入しても良かったんですが、ちょっと気分を変えたいなと…。

少し探してみると操作感はAppleのワイヤレスキーボードと変わらず、iOS端末に対応している、ロジクールのk811というキーボードを発見したので購入してみました!

ホント今年はなんだか、物が壊れるな〜。。

【書評】エバンジェリスト養成講座 究極のプレゼンハック100

こんちは!最近人前で話すことが多くなっているbasara669です。

先日、プレゼンテーションの勉強として、「西脇 資哲」さんという方のプレゼンテーションのセミナーに参加してきました。
素晴らしいセミナーだったのですが、そのノウハウが詰まった本である「エバンジェリスト養成講座 究極のプレゼンハック100」も良かったので紹介します。

abrAsusの「小さい財布」を半年ほど使ってみて

こんにちは!basara669です。

今日は、半年くらい使ってきた「小さい財布」の使用して半年後のレビュー記事を書きたいとと思います。

<!–more–>

小さい財布の今!:革がいい感じになってきた

僕はブッテーロレザーのタイプを選んだのですが、これが非常にいい感じにエージングされてきました。
傷がは少し目立ちますかね?

買った当初はこんな感じでした↓

裏面はこんな感じです。テカリ感がいい感じです。

中を開けたところは、それほど触れてないのか、そこまで変化はないです。

壊れてきたところ

ボタンの部分のメッキが剥げてきてしまってます。
ここは財布の顔なので若干気になっちゃいます(;´Д`)

せっかく革の方はいい感じなのに、このボタンの状態は残念なポイントだなと思いました。

次に、ボタンの部分の革の部分なのですが、革同士の接着部分が割れてきちゃってます。

今は何でも無いですが、このあたりからほころび始めて壊れたりしないかな?という心配になります。

半年使ってみての感想

半年間使ってきて、特別使いづらいということはありませんでした。
お札を入れるところも十分なスペースがありますし、小銭を入れる部分も小さいように見えますが他の財布とそこまで大きく差があるという感じはありません。
口も大きく開くので、小銭を入れ損ねるということもありませんでした。

収納できるカードは若干少ないですが、どちらかというと、この枚数で大丈夫になるように自分の生活を変化させればいいのかなと思います。
実際考えてみれば、免許証、保険証、Suica、クレジットカードで生活は成り立つので、この財布しか持ち歩かなかったとしても、「困った!」というシチュエーションにはなりません。
その恩恵として、この財布とケータイだけで済むので、手ぶらで会社に行くことが出来るようになりました。

手ぶら出社いいですよ〜!!満員電車でもかばん引っかかることありませんし、軽快に街を歩けますからね!
思っていた以上に手ぶらで過ごすのは良かったですw

ただ会社行く時にはセキュリティカードとかもあるので、別でカードケースを持っていたりします。

クーポンもらった時とか突然会員カードを作るということがあったりしますが、たいていそういうのって使いませんよね。
なので、そういった無駄なものをもらわずに済んでシンプルに生活出来るようになりました。

革は色々な種類があるのですが、ちょっと高くてもブッテーロが良いと思います。
エージングの楽しみもあるので、長く使いたくなります。

スマホと財布だけのシンプル生活してみたい方には超オススメです。

MAMPで「Could not connect to MySQL server!」と出た場合

これは自分メモ投稿です。

MAMPを起動した際に「 Could not connect to MySQL server!」と出てしまいました。。
その場合の対処方法を書きます。

最近は「anvil」や「Sublime Sever」、phpStormのサーバの機能を使ってしまって、出番がかなり減ってしまったMAMPなんですが、久しぶりに起動したら、こんなエラーが・・。

Could not connect to MySQL server!

え?なにこれww

でも、ググったらすぐ出てきましたw

MAMP Forum • View topic – Error: Could not connect to MySQL server!

MAMPを起動した状態で、ターミナルから下記のコマンドを売ってください。

[javascript]
killall -9 mysqld
[/javascript]

これで起動するようになります。

エラー画面見ると焦るわ〜。
ではでは

iPhoneやスマホの保護シートはフィルムがいいのか、ガラスがいいのか

こんちは!!basara669です。

これまで、スマートフォンやiPhoneの保護シートはフィルムが中心だったのですが、昨年くらいからどんどんガラス製のものが出てきた気がします。
ガラスタイプとフィルムタイプのメリット・デメリットをまとめてみました。

フィルムタイプの特徴

まず最初にメリットを書くとこんなことがあげられることあげられると思います。

  • アンチグレアがある
  • 安価である
  • 張りやすい(複数枚入っていることも多い)
  • 軽量
  • 薄い

ポイントになるところを赤字にしました。
アンチグレアが好きな人はフィルムを選ばざるを得ませんね。

また薄くて軽量なので、使い心地が変わりません。

では、メリットの方はこんな点があげられると思います。

  • 傷が付く
  • 指が引っかかったりする
  • (ガラスと比べ)画面が汚い。

性能が上がってきているとは思いますが、ガラスほどは鮮やかにはなりません。
また、フィルムの方が触り心地が変わってしまう部分はあります。

ガラスタイプの特徴

続いて、ガラスタイプですが、こちらもメリットから上げていこうと思います。

  • 鮮やか
  • ガラスなので、触り心地がかなり滑らか
  • 傷がつきづらい

やはり圧倒的に滑らかですよね〜。
だって、ガラスからガラスですもん!
フィルムは逆立ちしても勝てませんw

最後にガラスタイプのデメリットです。

  • 高価
  • 貼るのが難しい!
  • 重い
  • ボタンの押し心地などが変わってしまう

やっぱりガラスタイプは貼るのが難しいです!失敗しやすいのに高価なんです!
AppBankさんなどでは代わりに貼ってくれるそうなので、苦手な人はそういうところにお願いするのが良いかも

あと1つ強調したいのは重さです。
スマホであればそれほど気にならないのですが、タブレットだとかなり重量があります。

ipad miniなどの7インチ〜8インチのもので、100gほどあります。
iPad miniがちょっと重くなるのは気になっちゃうのに、これを貼っちゃうと全然意味なくなっちゃいますw

結局どっちを選べばよいか!?

まず最初に考えるべきはアンチグレア好きかどうかだと思います。
ガラスタイプにはアンチグレアが無いので、この場合、フィルムタイプを選ばざるをえません。

次にスマホで使うのかタブレットで使うのかが問題になるかな?と思います。
スマホならそれほど重量も増えませんし、今ならかなり薄くなっているので、ボタンの押し心地なども変わりません。

そして、貼るのもスマホだったらそれほど難しくないですし、安いものも出てきました〜!
個人的にはスマホにはオススメです。

最後にタブレットなのですが、これは持ち歩くのであれば保護フィルムの方が良い気がします。
やはり、持ち歩くとなると軽いことは正義なので、軽さを追求したほうが良いと思います。

逆に、家でしか使わないのであれば、ガラスタイプは鮮やかですし、とてもオススメです!

basara669の感想

重さは自分の中で結構盲点でした!
フィルムの時には重量については全く意識してなかったです。
ガラスになって実は結構色々変わっていたのに、フィルム時代の思考のままでしたね〜。

個人的にはiPhoneやスマホはガラス、iPadなどのタブレットはフィルムが良い気がします。
皆様の選択の参考になれば幸いです。 
ではでは

オススメ保護フィルム

Venue8とThinkPad 8 のスペックを比べてみた!これはWindows8タブレット祭だ!

こんにちは! basara669です。

先日、DellのVenue8 proが気になると書いたのですが、CES2014の発表で次々と色々なWindows8タブレットが発表され、気になる端末が続々と・・・。

Dell Venue 8 Proがマカーの僕でもとても気になる! | gadget | basara669.com

気になった端末の紹介と、venue8とThinkPad 8 のスペックを比べてみました。

ThinkPad 8

レノボ ThinkPad 8 発表、8.3型1920 x 1200液晶 Windows 8.1 タブレット。399ドルから – Engadget Japanese
ThinkPad 8 …

フルHDキタ━━━━(゚∀゚)━━━━!!

フルHDですってよ、奥さん!
すごいな〜。

Venue 8 pro とスペックを比べてみました。

仕様 Dell venue 8 Pro ThinkPad 8
CPU インテル Atom プロセッサー Z3740D (1.8GHz 2MB) インテル Atom Z3770 (4コア最大2.4GHz)
メモリ 2GB DDR3L-RS 1600MHz 2GB
ストレージ 64GB 最大128GB
ディスプレイ 8.0インチIPSディスプレイ(1280 x 800、10点タッチ対応 電容量式タッチ) 8.3インチ 1920 x 1200(10点タッチ対応)
Office Microsoft Office Home and Business 2013 (日本語版) Microsoft Office Home アリ(バージョン不明)
OS Windows 8.1 32Bit Windows 8.1 (32bit)とWndows 8 Pro から選択可能
バッテリ 2セル 18Whr、4830mAh(約8時間) 最大8時間
サイズ 216 x 130 x 9 mm 395 g 224.3 x 132 x 8.8mm WiFi モデル:430g WWAN モデル:439g。
価格 41,980円 399ドル〜

うわぁぁ!!スゴイスペックや!!
※買っている点を赤字にしてみました。

そして安い!
日本で出るときは4万5000円くらいになるのかな〜。どうなんだろうな〜
まだ、日本での発売未定となっていますが、ぜひ日本でも売って欲しい端末だと思います!

でも、8.3インチのタブレットでフルHDってどうなんでしょうかね?
タブレットモードは問題ないでしょうけど、Excelとか開いたら全く見えなさそうww

文字サイズ上げればいいのかな?心眼で文字を見ればいいのかな?w

実機が見てみたい〜!!

Transformer Book Duet TD300

ASUS Transformer Book Duet TD300 発表、Windows と Android を切り替え可能なタブレット/ノートPC – Engadget Japanese

これは、OSが2つ入っていて、AndroidとWindows8.1のどちらも使えるものです!

やっぱりWindowsって、タブレット的に使うのは難しい気がするのと、アプリがまだまだ少ないです。
それをAndroidがうまいこと補ってくれる!

で、仕事をしたくなったら、Windowsに切り替える!
キーボードも付属しているので、かなり本気の仕事も出来そう!

かなり理想系に近いのではないでしょうか?

ただ、こいつの大きな欠点が1つ

重い

なんとキーボードとの合体時は約1.9kgもあります!!
MacBookProと同じくらいあるやないかーい!

惜しい!!実に惜しい!!

basara669の感想

まだ2014年になって間もないのに、こんなにたくさんのWindows8タブレットが出るなんて!!
今年はもしかしたら、タブレット戦争で第三極であるWindows勢が盛り返すかもしれないです!

絶対今年1台くらい買っちゃいそうだなw

「Color Sublime」ならSublimeText2のテーマが色々楽しめるぞ!

やっぱりなんだかんだSublime Text2を使っているbasara669です。

SublimeText2はthemeを変えてカラーリングを変更出来るのですが、いちいちインストールして、確認するのって意外とめんどくさいのと、どんなのがあるのかわかりづらいと思います。
Sublime Text2のカラーリングを探すのにとても便利なColor Sublimeを紹介します。

Scroll to top