OOCSS、BEM、SMACSS、FLOCSS、RSCSSを比較して自分にあった設計思想をみつける

フロントエンドエンジニアというポジションに就いて1年半、普段はJavaScriptを中心に開発している。しかし、いつまで経ってもCSSを思いどおりに使いこなせない。理由は、どんな粒度でクラスを分割し、それぞれにどんなスタイルを適用すれば良いのかわからないからだ。

以下が、CSSの闇にのまれ、筋肉に解決に糸口を見出そうとした哀れなフロントエンドエンジニアの心の叫びだ。

CSSで思いどおりにレイアウトできなくても、筋肉を鍛えればboxを動かせる気がする！

— ダーシノ (@bc_rikko) 2016年12月1日

CSS4から筋肉でレイアウト変えられるようにしてほしい。

— ダーシノ (@bc_rikko) 2017年3月1日

ということで、よく話題にされる5つのCSS設計を比較し、自分にあった設計思想を見つけようと思う。（CSSは苦手なので、おかしな点があったらご指摘ください）


今回比較するCSS設計思想は以下の5つ。

• OOCSS
• BEM
• SMACSS
• FLOCSS
• RSCSS

SQL Serverで先月、翌月、月初、月末の日付の求め方を解説する

SIer時代のメモを発掘したので、せっかくなので共有のためにここにまとめる。

SQL Serverを使っていて、伝票や請求情報、申請情報などを抽出するときに先月、翌月、月初、月末で検索したいときがある。その方法をなるべくわかりやすく解説する。

@TODAY = '2015/02/27'
-- 先月
SELECT DATEADD(MONTH, -1, @TODAY)

-- 翌月
SELECT DATEADD(MONTH, 1, @TODAY)

-- 月初 → 2015/02/01
SELECT DATEADD(DAY, 1-DATEPART(DAY, @TODAY), @TODAY)

-- 月末
SELECT DATEADD(DAY,-1,DATEADD(MONTH,1,DATEADD(DAY,1-DATEPART(DAY,@TODAY),@TODAY)))

先月と翌月の求め方は簡単で、DATEADD関数を使う。
第1引数がdatepart（YEAR、MONTH、DAY、HOURなど）を指定する。
第2引数が日付に対してどれだけ加算するかを指定する。
第3引数が基準となる日付。今回はTODAYという変数を使っているが、GETDATE関数を使えば今日のシステム日付が取得できる。

さくらのクラウドのVPCルータを使って学ぶVPN接続の基礎

パブリッククラウドを使うときに一番気になるのが「セキュリティ」だ。私自身、インフラやネットワークについてはド素人なので「とりあえずVPN接続ってやつをすればいいんでしょ？」程度の知識しかない。VPNについてなんとなくわかっているが、どのような仕組みでセキュアな接続ができるか知らない。

ちょうどさくらのクラウドの2万円クーポンが手元にあるので、VPCルータアプライアンスを使って、VPN接続について掘り下げて勉強しようと思う。目標は「VPCルータにVPN接続し、クラウド上のサーバにアクセスする」だ！

VPCルータ とは

VPCルータは、VPC(Virtual Private Cloud)環境を簡単に構築できる仮想ルータアプライアンスです。
VPCルータ | さくらのクラウドニュース

ちょっと何言ってるかわかんないっす。

なので、詳しく調べた。

【Node.js】amqplibをPromiseベースで利用する方法

RabbitMQのチュートリアルをやっていたとき、非同期処理はすべてcallbackで書かれていてコードがゴチャゴチャしてるな、Promiseとか使えないのかな、node-amqpのほうが良いかな、と感じていた。
が、そんなことはなくamqplibもPromiseベースで利用することができた。

CallbackとPromiseのそれぞれで実装した内容を比較しながら、使い方をまとめる。

Node.js+RabbitMQでメッセージの送受信をする6（RPC）

仕事でRabbitMQまわりの一部システムを担当することになった。フロントエンド畑の人なので、Node.jsをつかってRabbitMQのチュートリアルをテキトーに和訳し、他で得た知識で補足しながら勉強した内容をまとめていこうと思う。

今回はチュートリアル6「RPC」を学ぶ。

関連記事

• CentOS7.3にRabbitMQをインストールしてGUIで管理できるようにする
• チュートリアル1「Hello World」
• チュートリアル2「Work queues」
• チュートリアル3「Publish/Subscribe」
• チュートリアル4「Routing」
• チュートリアル5「Topics」
• チュートリアル6「RPC」 ←いまここ

今回学ぶこと

• Remote procedure call（RPC）
• Callback queue
• 非同期のCallbackを実行する

Node.js+RabbitMQでメッセージの送受信をする5（Topics）

仕事でRabbitMQまわりの一部システムを担当することになった。フロントエンド畑の人なので、Node.jsをつかってRabbitMQのチュートリアルをテキトーに和訳し、他で得た知識で補足しながら勉強した内容をまとめていこうと思う。

今回はチュートリアル5「Topic」を学ぶ。

関連記事

• CentOS7.3にRabbitMQをインストールしてGUIで管理できるようにする
• チュートリアル1「Hello World」
• チュートリアル2「Work queues」
• チュートリアル3「Publish/Subscribe」
• チュートリアル4「Routing」
• チュートリアル5「Topics」 ←いまここ
• チュートリアル6「RPC」

今回学ぶこと

• 高度なメッセージの振り分け
• Topic Exchange

集団の中で生きる人間として各々が過ごしやすい環境をつくる努力をすべし

Photo by DG EMPL

みなさんは満員電車の中でリュックを背負ったままの人、大股を開いたり足を組んだりする人、大音量で音楽を聞く人、大きな声でおしゃべりする人たちを見てどう感じるだろうか？
会議で攻撃的な言葉を吐く人、否定的な意見ばかり言う人、発言しないのに後で愚痴る人、マウンティングしたがる人たちを見てどう感じるだろうか？

そして、張本人たちはどう思っているだろうか？


私は先にあげた人たちが嫌いだ。
なぜなら、他人の善意にあぐらをかいて、自分だけが過ごしやすい環境をつくっているからだ。

Node.js+RabbitMQでメッセージの送受信をする4（Routing）

仕事でRabbitMQまわりの一部システムを担当することになった。フロントエンド畑の人なので、Node.jsをつかってRabbitMQのチュートリアルをテキトーに和訳し、他で得た知識で補足しながら勉強した内容をまとめていこうと思う。

今回はチュートリアル4「Routing」を学ぶ。

関連記事

• CentOS7.3にRabbitMQをインストールしてGUIで管理できるようにする
• チュートリアル1「Hello World」
• チュートリアル2「Work queues」
• チュートリアル3「Publish/Subscribe」
• チュートリアル4「Routing」 ←いまここ
• チュートリアル5「Topics」
• チュートリアル6「RPC」

今回学ぶこと

• RoutingKeyによるメッセージの振り分け
• Direct Exchange