最新の開発ブログ一覧

最新の開発ブログ記事です。HTML, CSS, Git, SEO, ウェブに関する豆知識、
忘れやすいコマンド覚書など、なにかと役に立ちそうな事を、気ままに共有します。

HTML要素の選択を禁止するCSSプロパティ「noselect」

HTMLページで、予期せず要素が選択されてしまい、テキストや要素が意図せず選択されてしまいますが、これを禁止するCSSが存在します。...
2017-08-17
HTML

CSS：input要素のplaceholderの色を変更する方法

CSSで、input要素や、textarea要素のplaceholderの色を変更する方法についてです。...
2017-08-17
CSS

CSSで、マウスカーソルを指マークに変更する方法

CSSで、マウスカーソルを指マークに変更する方法です。...
2017-08-17
CSS

HTML：textareaの拡大/縮小を禁止し、サイズを固定する方法

HTMLにおいて、フォーム要素のテキストエリア（textarea）の領域の拡大、縮小などのリサイズを禁止したり、サイズ変更に関する振る舞いを...
2017-08-17
HTML

HTML：フォームの作成、徹底ガイド。サンプル集

HTML5における、form（フォーム）要素と、関連するGUIとなるinput, select, button要素の使い方についてまとめます...
2017-08-18
HTML

WordPressとは？３分でよく分かる「超」入門まとめ。

WordPressとは？についてシンプルに、かみ砕いて分かりやすく解説します。タイトルの通り「超」入門者に向けていますので、すでにWordp...
2017-08-14
WordPress

git pull を徹底攻略。基本的な使用例と関連オプション。

git pull の動作仕様と、オプションを使ったpull コマンドの具体的な使用例についてまとめます。 通常は「リモートレポジトリでの更新...
2017-08-12
Git

HTML：チェックボックスの実装方法、徹底ガイド。

HTMLを使って、チェックボックスを実装する方法です。フォームを使って、実際にPOSTリクエストを送信する所までやってみます。...
2017-08-18
HTML

JPEG圧縮の仕組みと、おすすめオンラインツール。

JPEG圧縮の仕組みについてです。JPEG, PNG、GIFは、いずれも画像ファイルのサイズを圧縮し、データを効率よく保存する方法です。 T...
2017-08-16
Web開発

HTML：ラジオボタンの実装方法、完全ガイド。

HTMLを使って、ラジオボタンを実装する方法の解説です。HTMLのフォームを使って、実際にデータを送信する所までやってみます。...
2017-08-18
HTML

Chromeのキャッシュを完全に削除する方法。

よくウェブ開発で問題になる、Google Chromeのキャッシュを完全に削除する方法をまとめました。...
2017-08-06
Google Chrome

Vim：改行コードを可視化し、置換する方法、まとめ。

Vimで、改行コードが意図しないものになってしまった時、変換して修正するための方法です。 いったん覚えると、結構簡単です。２通り紹介しますね...
2017-08-03
VIM

PHP：特定の文字列を含むかチェックする方法、決定版。

PHPで「対象の文字列が、特定の文字（文字列）を含むかどうか」の判定するための方法です。一緒に、PHPの文字列関数に関して、簡単にまとめまし...
2017-07-23
PHP

WordPress：アイキャッチ画像を表示する方法、徹底まとめ。

WordPressでアイキャッチ画像を表示する方法です。 幾つかの関数があります。特に、WordPress ver4.4 で追加された便利な...
2017-07-21
WordPress

WordPressで投稿を表示。正しいループの書き方徹底まとめ。

WordPressの投稿を表示するループの記述方法についてです。 WordPressで「loop（ループ）」と呼ばれる投稿の表示方法には、い...
2017-07-16
WordPress

CSS animationの書き方と、コピペして使えるCSSサンプル。

CSS アニメーションの書き方、使い方とCSSサンプルをまとめます。CSS animationは、プロパティが多く、また名前が複雑なせいか、...
2017-07-07
CSS

git commit のオプションと基本操作のまとめ。

git で最も基本的なコマンド「」の動作仕様とオプションをおさらいしつつ、使用事例をかんたんにまとめます。そもそも はトリッキーなコマンドで...
2017-07-10
Git

git merge を git revert で取り消す方法と、注意点。

git でコミットを打ち消すコミットを作成する「git revert」。でも、直前のコミットが git merge により作られたマージコミ...
2017-07-13
Git

git rebaseで過去のコミットを削除。履歴を書き直す。

ブランチの履歴や、過去のコミットを修正するために用いる方法です。...
2017-07-03
Git

gitで、リモートブランチを削除する方法。

Git でのリモートブランチを削除する方法です。 ローカルブランチの削除は比較的容易ですが、リモートブランチの取扱は、覚えておかないと少し厄...
2017-08-18
Git

git resetを取り消して、元に戻す方法。

ブランチの歴史を書き換えるgit reset。間違って閉まっても、取り消して、元に戻す方法がgitにはあります。...
2017-07-03
Git

git push の取り消し方法。

Gitで勢い余って間違ったコミットを git push してしまった時、それを取り消す方法です。...
2017-07-09
Git

Chromeでウェブ開発：301転送キャッシュの対応。

Google Chromeを使った開発と、３０１リダイレクトのキャッシュの影響による、陥りやすい罠についてです。...
2017-08-06
Google Chrome

よく分かる！git rebaseとmergeの違いと、使い分け。

git rebase とgit mergeの違いと、使い分けについてです。...
2017-07-03
Git

git mergeでの競合（コンフリクト）の解決方法のまとめ。

git merge のコンフリクトの解決方法についてです。 gitでブランチを利用し、git mergeを使うようになったら、競合（コンフリ...
2017-07-05
Git

CSS：Flexboxとは？グリッドレイアウトの解説とCSSサンプル。

CSSを使ってグリッドレイアウト（格子）が必要だけど、Flexbox関連のプロパティはなんだかたくさんあって、複雑でよくわからない、もう覚え...
2017-07-26
CSS

Chromeの使えるショートカット、厳選１０選。爆速仕事術。

Google Chromeのイケてるショートカット集です。ひとたび覚えればかなり仕事の効率に違いがでるはずです。 基本的にMacのショートカ...
2017-08-17
Google Chrome

gitで、ブランチ名を変更するコマンド。

gitでの、ブランチ名の変更方法です。作成したブランチの名前を変更したくなった時によく使います。...
2017-07-03
Git

Google Chromeでのキャッシュの保存場所は？

Mac版のGoogle Chromeのキャッシュの保存場所についてです。...
2017-06-11
Google Chrome

正規表現：ｎ桁の数字を含む文字列の表現。

基本的な正規表現。２桁、３桁、４桁・・、と桁数を指定して数字を探します。...
2017-07-15
正規表現