はてなブックマーク

はじめに、デフォルトCSSについて HTMLのタグには、デフォルトCSSが設定されています。 例えば<h1>タグはfont-sizeを設定したわけでもないのに大きくボールドで表示されます。 <p>タグも同様にmargin系のプロパティを設定していないのに下に空きができます。 CSSでスタイルを設定しようとすると、思ったとおりの見栄えが実現できないことがよくありますが、理由の1つがこのデフォルトCSSです。 デフォルトCSSの挙動は把握する必要はありますが、一方でデフォルトCSSはブラウザごとに微妙に設定が違います。 これをある程度揃える目的でリセットCSS、ノーマライズCSS、サニタイズCSSが存在します。 デフォルトCSSを揃えるCSS 下記のHTMLを表示させることを考えます。 <h1>&lt;h1&gt;でマークアップされた見出し</h1> <h2>&lt;h2&gt;でマークアップ

条件分岐と言えば、プログラム言語にあるif文が代表格です。ところが、SQL文の中でも条件分岐を実現できます。CASE式を使うのですが、最初に知ったときは感動しました。プログラムのif文とSQLのCASE式、使い分けることで全体的にコードをスッキリさせることができます。 CASE式とは 以下の書式で書かれた文法をCASE式と呼びます。 CASE式には単純CASE式と検索CASE式があります。 単純CASE式は等価条件が真であるかの評価しかできませんがクエリをシンプルにできます。 検索CASE式の方が応用が効きますし、検索CASE式で単純CASE式の内容を表すことができます。 私もほとんど検索CASE式を使用しています。 ただし、可読性のために単純CASE式を採用するのはアリでしょう。 以下の単純CASE式と検索CASE式の意味は同じです。

動作確認はMacにphpをインストールしてローカルで行っています。 しかし、本番環境のphpバージョンと同じバージョンで動かしたいこともあるので、複数のphpバージョンを切り替えたいときがあります。 Homebrewを使う、phpのバージョン切り替え方法です。 コマンドラインで動作するphpとWebサーバー（Apache）で動作するphpのバージョンを変更します。 まずは複数バージョンのphpをインストール 違うバージョンのphpをインストールする前に、今動いているバージョンのphpをunlinkします。 ※下記の記述は古いバージョンです。 brew install php56 php56-apcu php56-imagick php56-intl php56-mcrypt php56-opcache php56-xdebug --with-httpd24 --with-libmysql

はじめに この記事は「実践Vim」を読んで得られた気付きや考え方を書籍の内容に沿ってまとめています。 何度かに分けて書いていますので関連記事も是非！ 「実践Vim」を読んで得られた考えをまとめてみた1（ドットコマンド・ノーマルモード） 「実践Vim」を読んで得られた考えをまとめてみた2（挿入モード・ビジュアルモード） 「実践Vim」を読んで得られた考えをまとめてみた3（コマンドラインモード） 各TIPのまとめ 第3章 挿入モード TIP13： 挿入モードで簡単修正 →挿入モードからコマンドで文字削除 挿入モードで打った文字を削除するときに、Backspaceの代わりにコマンドが使えます。 実はVim特有のコマンドではなく、シェルでも使えるコマンドです。 ※他のテキストエディタで試したら、別のショートカットに邪魔されて使えませんでした。 <C-h> → 直前の1文字削除 <C-w> → 直前

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 私はHTMLコーディングにもプログラムの記述にも、Vimを使うことが当たり前になりました。 通常のエディタを使うこともありますが、開発においてはVimのキーストロークをよく使います。 （今はQiitaの投稿フォームで書いてますが・・・） 昔からVimを使いこなせたわけではなく、すぐには覚えられませんでした。 お決まり？ですが操作が全くできずイライラしていたのを覚えています。 「そういえば、どうやって覚えていったのか」とふと思ったので駄文を書いてみました。 俺の歴史 Lv.1: 大学時代、先生の説明が全く理解できずムカつく（笑） OSが何

最近になって、ATOMを使うようになりました。 ATOMもパッケージの仕組みが整備されているのですが、おすすめのパッケージが何か分からないので、 紹介しているサイトを色々見回って、自分でも試してある程度入れてみました。 ※下記の貢献度は個人的な指標です。 （2017/05/23） 数が増えてきた（重くならんかな・・・）ので、カテゴリ分けしました。 今後、できるだけスクリーンショットなども載せていきたいと思います。 （2018/04/02） 久しぶりにナイスなパッケージ（atom-ide-ui）を見つけました。 入れているパッケージ一覧 エディタの操作を効率化するパッケージ atom-ide-ui 貢献度：A 去年の9月ごろリリースされていたにも関わらず、全く気づいていませんでした。。 IDE（統合開発環境）によくある、 定義元ジャンプ エラーチェック アウトラインビュー スマートな自動補完

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに Vimは敷居の高いエディタで、習得に時間がかかります。 しかし、一度習得してしまえば編集効率・速度は劇的にアップします。 数年前に購入した書籍に「実践Vim」があります。 Vimレベルアップの大きな手助けとなりました。 ここでは一通り読んで、得られた考えをまとめています。 長いので何度かに分けます。また、全てはやりません。 「実践Vim」を読んで得られた考えをまとめてみた1（ドットコマンド・ノーマルモード） 「実践Vim」を読んで得られた考えをまとめてみた2（挿入モード・ビジュアルモード） 「実践Vim」を読んで得られた考えを