I'm kubosho_

思想の固まり

Sassなどにあるルールセットを入れ子できる機能がいらないと感じる理由

CSS

Sassなどにはルールセットを入れ子できる機能がありますが、個人的にはいらない機能だと感じています。 理由は、詳細度の総計が分かりにくくなるので .foo .bar .baz .foobar みたいに上書きしにくいセレクタ宣言ができてしまうことが多いように感じるためで…

技術書典2にサークル参加して得られた知見

お釣りが足りなくなってきてこのままだと撤退の危機に… #技術書典— kubosho_ (@kubosho_) 2017年4月9日 これは本当に戦々恐々という感じで、あと5人くらい1000円札で出されたらお釣り不足で撤退、もしくはちょうど持っている人だけ手に入れることができるよ…

技術書典2 あ-04にて「Reset CSSフレンズ」を頒布します

2017/4/9(日)に秋葉原UDX内のアキバ・スクエアにておこなわれる「技術書典2」で「Reset CSSフレンズ」を頒布します。 サークル名は「O2 Project」、頒布場所は「あ-04」です。 頒布場所を画像で示すと次のとおりです。 入口からそのまま真っすぐ進んだら迷…

2016年買ってよかった・よくなかったものまとめ

完全に主観で買ってよかった・よくなかったものをまとめていきます。 買ってよかったもの ErgoDox EZ ErgoDox EZ: An Incredible Mechanical Ergonomic Keyboard 自然な体勢と好きなキーバインドで入力できる喜び。 Robin Robin. The smarter smartphone. – …

CSSを破綻させない

12/3(土)にCSSを破綻させないということをbuilderscon tokyo 2016で話しました(動画見ましたが「えっと」や「なんか」とか言い過ぎなのと、髪の毛触りすぎですね)。 そこで使った発表資料の内容を編集した上で、CSS Advent Calendar 2016 14日目の記事と…

若者?がCSSを覚えた方法

もうちょっと書こうかなと思って結局放置してしまったので公開していきます。 1年前、こんな記事を見ました。 若者はどうやってCSSを覚えたのか どうやってCSSを覚えたのか、その方法について書かれている記事をあまり見たことがない気がしたなと思ったので…

CSSをリファクタリングするためのテストツール選定

この記事は今年のはじめに公開しようと思っていたのですが、体裁を整えないままずっと下書きに残ってしまっていたので供養の意味も込めて公開します。 もしかしたら間違ったことが書かれているかもしれないのと、情報も若干古くなってしまったのでそれらを承…

エンジニア立ち居振舞い: 信用できる情報を見る

お題「エンジニア立ち居振舞い」 普段プログラミングをするときや、なにか記事や原稿を書くとき、信用できる情報を見ることを心がけています。 たとえばコンポーネントの構造を考えるとき、この要素で本当に良いのかと疑問に思ったときには、HTML 要素リファ…

人生に悩んでいる20代後半〜30代前半は夏アニメのReLIFEを見たほうがいい

録りためていた夏アニメのReLIFEをこの休日を使って一気見したのですが、ストーリーが自分にぶっ刺さり、また自分の人生を見つめ直し、これから後悔しない人生にするためにはどうしたら良いのか考えるきっかけになったので、ReLIFEは何がいいのかを一応ネタ…

Atomic Designの考え方と利点・欠点

この記事はAtomic Designの概要やAtomic Designを実際に適用して気づいた利点・欠点について書きます。 Atomic Designとは Atomic Designはデザインシステムを作る方法論となります。 デザインシステムというのはスタイルガイドやブランドのガイドラインなど…

Re:VIEW + RedPen + Travis CIの環境を構築できるboilerplateを作った

夏コミに向けての進捗どうですか。 ブーメランを投げたところで、「執筆環境を整えて自動校正やgh-pagesへのデプロイもしてくれる」Re:VIEW boilerplateを作ったので紹介します。 リポジトリ:https://github.com/kubosho/review-boilerplate Re:VIEW boiler…

ErgoDox EZを2週間使ってみた感想

最近夏コミに向けての執筆やTwitterクライアント作成に忙しいですが、それらを支える物として最近ErgoDox EZが加わりました。 ErgoDox EZが欲しすぎて買おうかどうかをErgoDox users meet upに行ってから決めようとしていたところを、行く前に購入してしまっ…

Googleフォトで写真に付与される推定の位置情報についてのまとめ

Google、Googleフォトで位置情報の無い写真に推定の撮影場所を表示開始 | juggly.cnの件です。 写真や動画の撮影場所 - パソコン - Google フォト ヘルプを参考に、推測された位置情報がどのように扱われるか自分の解釈を書いていきます。 Googleフォトで位…

GitHubでファイル差分を見るときに空白を自動的に無視するJavaScriptを書いた

GitHubではファイル差分を見るときにクエリ文字列として「?w=」を付けると空白を無視することができます。 ですが、いちいち「?w=」を付けるのは面倒なので、自動的に「?w=」を付けるようにしてみました。 前提 Chrome拡張のScriptAutoRunnerが必要となりま…

CSS in JSの資料やリポジトリまとめ

CSS in JSについて調べる必要が出てきたため、せっかくなので見ていた資料やリポジトリを共有しておきます。 資料 React: CSS in JS // Speaker Deck 原典(まだ読み切れてない) React.js + CSS - Qiita 原典の資料を元に、なぜCSS in JSがでてきたのかを解…

GitHubのissueから:+1:が含まれたコメントを消すブックマークレット

Dear Open Source Maintainers by bkeepers · Pull Request #115 · dear-github/dear-githubのような、意味もなくただ単に流れに乗りたくて :+1: をした人達がたくさんいるissueを見ると「なんだかなー」と思うことが多々あったので、:+1: が含まれているコ…

C89(東ム-39b)で新刊「サイト制作のSTART:DASH!!」を頒布します(追記あり)

(2015/12/31 14:59追記)無事新刊・既刊・委託本全て完売しました。本当にありがとうございます!! C89の3日目に「ラブライブ!参加者募集サイトの構成と作り方を具体的に説明する」をテーマにした「サイト制作のSTART:DASH!!」という同人誌を頒布します。 …

Nicoのこれまでとこれから

Bootstrap Advent Calendar 2015 8日目の記事です。 ここではBootstrapのテーマの1つである、Nicoのこれまでとこれからについて書きます。 これまで まずはNicoができてから、現時点の最新バージョンであるv3.3.6-1.1.0までの軌跡を振り返ります。 はじめにN…

なぜ CSS や Grunt はつらいと言われるのか

少し主語を大きく書いてしまいましたが、*.css と gruntfile.js についての話です。 「CSS に死を!」と言われたり、「CSS 勉強するのはだるい」と言われたりしますが、これらを見ていると「Grunt がつらい」という話と共通項があると感じました。 どちらも…

fs.exists() が deprecated になった理由

はじめに wearefractal/vinyl-fs の dest(folder, [opt]) が出力先のディレクトリが無い場合でも、そのディレクトリを作ってくれないということで、自分で「ディレクトリの有無を確認して、無い場合はディレクトリを作る」という処理を作る必要がでてきまし…

CSS イベント「Back to Basics」に行ってきた

CSSイベント「Back to Basics」というのが昨日(2015/8/30)あって、そのイベントに発表者として参加してきました。 自分の発表資料は以下のものとなります。 background-(image|size) の深みへようこそ from Shota Kubota CSSイベント「Back to Basics」2015/…

CSS イベント「Back to Basics」で話します

今度の日曜日(8/30)にCSSイベント「Back to Basics」という勉強会があるのですが、そこで話します。 このイベントは、CSS アニメーションであんなことやこんなことができるといったものや CSS の新しいプロパティでこんなことができるようになった!という発…

同人誌の勉強会で「技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例」を話した

この前の日曜日に同人誌の勉強会というものがあり、そこでSteins;Gitをコミックマーケット86やコミケットスペシャル6で頒布した時の経験を元に気づいた点を発表しました。 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例 from Shota Kubota …

μ's のメンバーの名前が付いたソフトウェア一覧

OSS の名前での μ's の状況 Honoka, Rin, Maki -> すでにある Nozomi -> 自分が作った Kotori -> 少し違うけど名前的にはある Hanayo, Umi, Eli, Nico -> まだない— イカ: kubosh0 (@kubosho_) 2015, 6月 29 ということで、一覧化してみました。 名前 URL 概…

「技術系同人誌を作ってコミケで頒布しよう」というテーマで YAPC::Asia Tokyo のトークに応募した

まだ話せるかどうかは分からないですが、YAPC::Asia Tokyo のトークに「技術系同人誌を作ってコミケで頒布しよう」という内容で応募しました。 技術系同人誌を作ってコミケで頒布しよう - YAPC::Asia Tokyo 2015yapcasia.org なぜ応募したか 技術系の同人誌…

Visual Studio でも Gulp が使いたい!

Visual Studio でも Grunt もしくは Gulp が使いたいと思い、いろいろ試行錯誤した結果 [Task Runner Explorer](https://visualstudiogallery.msdn.microsoft.com/8e1b4368-4afb-467a-bc13-9650572db708) に落ち着いたので利用方法やなぜそれを選んだかを書…

MindBEMding の Modifier は元のクラス名と一緒に指定するべきか否か

MindBEMding の Modifier を定義する際、単一のクラスセレクタで書く方法と、複数のクラスセレクタで書く方法があると思います。 実際の HTML で示すと以下のような感じです。 複数クラス <table class="mod-table-01 mod-table-01--line-color-green"> <tr> <th>foo</th> <th>bar</th> </tr> <tr> <td>baz</td> <td>foobar</td> </tr> </table> 単一クラス

コンテッサとエンボディチェアの座り比べ

職場では、今はエルゴヒューマンを使っているけど、今の会社には入社して3ヶ月経てば好きな椅子を上限20万円までで選べるという制度がある。 もうすぐ今の会社に入って2年が経つのに、その制度を使ってなかったので、いい加減使おうと思って、コンテッサとエ…

GitHub の Contributions を Ingress の Resistance 色にする Chrome 拡張を作った

GitHub の Contributions を眺めていて「これって Enlightened の色だよね」と思ったので、Resistance の色に置き換えるような Chrome 拡張を作ってみました。 Resistance Contributions - Chrome ウェブストア ソースはこちらにあります。 kubosho/resistan…

GitHub for Macのインストール後の設定と使い方

Gitはコマンドライン上での操作も良いですが、例えばコミットログを見る時やdiffを見る時などはGUIのほうが見やすいと感じます。 なので、今までGUIでGitが扱えるソフトウェアとしてSourceTreeを使っていましたが、もう少し要素があまりないすっきりとした見…