hiramas’s blog

気になったことをちゃんと調べてみようってブログ

Web開発

『HTTPプロトコル』とは?

先日はインターネットの大まかな全体像を見てきました。 今回はアプリケーション層に属している『HTTPプロトコル』について解説します。 developer.mozilla.org HTTPプロトコルの活躍例 HTTPプロトコルの機能 最もコアな機能 HTTPプロトコルであることの明示…

ルールで見る『インターネット』という技術

この間、4年?5年ぶりぐらいに Socket 通信について振り返る機会があったり、漫画で似た構造を見たのもあって、 最近この辺のレイヤーの処理はほぼほぼブラックボックス化してるなと思い至り、備忘録的な意味も含めてまとめてみました。 本記事では、なん…

『Koala』のオプションについて

Sass、便利ですよね。 構文的に、イケテル、スタイルシート その名に負けず、圧倒的な速度と利便性を誇っています。 今回はその陰でひっそりと頑張ってくれている コンパイラのKoala君のオプションをひとつづつ解説します。 Compass Mode Source Map Line Co…

タイポグラフィーで『視線』を集める。

Webデザインをしていると、 「意味を持ってデザインせよ」とお叱りをよく受けるので 自分への備忘録としても。。 皆さんサイトを見るとき、 どんなところについつい目が行っちゃいますか? 今回は「タイポグラフィーで『視線』を集める。」ということで、 タ…

HTTP:X-SAKURA-FORWARDED-FORってなんだ?

httpからhttpsにリダイレクトさせるこの処理 RewriteEngine OnRewriteCond %{HTTP:X-Sakura-Forwarded-For} ^$RewriteRule ^(.*)$ https://domain/$1 [R=301,L] は、さくらのレンタルサーバーを利用している人の間ではあまりにも有名なおまじないです。 また…

『.htaccess』とは?

リダイレクトやら、Basic認証を掛けるときによく使う『.htaccess』 フロントエンジニアであれば一度は目にしたことがあると思いますが、 いざ、必要となるタイミングで、『.htaccess』がなんなのか? 手持ちのヒントが足りない状態で出会うことが多いと思う…

Bootstrapすごい

こないだ友人がやっていたので追随。 最近、コーディング案件が多くて、時間当たりのタイピング量的に理論限界値が遠くに見えてきたので、このまま手打ちじゃ厳しいなとbootstrapを遅ればせながらいじってみました。 作りながら学べるのがあったらよかったん…

これだけはやっておきたいカーニング

Webサイトと呼ばれる表現技法に占めるテキストの割合は少なくありません。そんなテキストをよりユーザーに分かりやすく、ストレスなく読んでもらうため、カーニング(文字詰め)は重要なポイントになります。特に大きな級数の文字が文字詰めされていと、違和…

Git③:Gitが見ている世界

エンジニア界隈にいて聞く日のない日はないと言っても過言ではない「Git」そもそもGitとはなんぞや?と周回遅れでもいいところですが、見ていきます。 この記事はgitの公式ドキュメントをベースに自分なりの補足を加えたものになります。厳密な情報がほしい…

Git①:Gitというシステムが作られたワケ

エンジニア界隈にいて聞く日のない日はないと言っても過言ではない「Git」そもそもGitとはなんぞや?と周回遅れでもいいところですが、見ていきます。 この記事はgitの公式ドキュメントをベースに自分なりの補足を加えたものになります。厳密な情報がほしい…

BEMが思いのほか難しいって話

ボクにプログラミングを教えてくれた超頭の良かった師匠は言いました。ープログラミングで一番悩むのは関数名であるーと。 目次! 命名規則は何をもたらしてくれるのか。 BEMってなぁに? BEMを使ってみての個人的感想 命名規則は何をもたらしてくれるのか。…

cssクラスの命名規則について

cssのクラス名を「公開されている」命名規則に則って付けようって話。自分で制作して、自分で管理して、そのソース自分しかいじらないよ! って人は存分に僕の考えた最強の命名規則を使うなり、好きにすればいいと思うんだけど、別に制作部があったり、保守…