murashun.jp

2020.02.22 ／ 2020.02.23
CSS の書き方
CSS (Cascading Style Sheets) とは、HTML と組み合わせて使用する言語で、HTML をどのように表示（装飾）するかを指示するために使われます。本ページでは、CSS の基本的な書き方を解説します。
59 PV ｜ 2 SHARE
2020.01.28 ／ 2020.02.23
HTML & CSS サンプルコード集
HTML と CSS のサンプルコード集です。利用目的にあわせて逆引きでサンプルコードを探すことができます。
579 PV ｜ 2 SHARE
2020.01.13 ／ 2020.02.24
Python サンプルコード集
Python のサンプルコード集です。利用目的にあわせて逆引きでサンプルコードを探すことができます。
794 PV ｜ 5 SHARE
2019.11.10 ／ 2020.01.12
JavaScript サンプルコード集
JavaScript のサンプルコード集です。利用目的にあわせて逆引きでサンプルコードを探すことができます。
2,071 PV ｜ 9 SHARE
2019.10.13 ／ 2020.01.30
HTML タグ一覧
HTML 5で定義されている要素の一覧を掲載しています。
1,383 PV ｜ 8 SHARE
2019.10.08 ／ 2019.10.10
AWS (Amazon Web Services) 入門
Amazon.com が提供する AWS (Amazon Web Services) についてできること、サービスの一覧、パブリッククラウド・プライベートクラウドの違いについて説明します。
489 PV ｜ 6 SHARE
2019.10.05 ／ 2020.02.24
プログラミングとは
プログラミングとはどのような意味なのか、プログラミングの基礎と各プログラミング言語の種類と合わせて説明します。
362 PV ｜ 3 SHARE
2019.09.29 ／ 2020.01.08
ブログの書き方
高品質なブログを書くために、読みやすい文章の書き方、わかりやすい文章の書き方、文章を速く書くための方法について解説します。
767 PV ｜ 7 SHARE
2019.09.15 ／ 2019.09.18
sitemap.xml の作り方
サイトマップ (sitemap.xml) を作成することで Web サイトにどのようなページが含まれるのかを検索エンジンのクローラに提供できます。サイトマップの作り方、Google Search Console へ送信する方法について解説します。
519 PV ｜ 4 SHARE
2019.09.12 ／ 2019.09.17
Chrome DevTools の使い方
Google Chrome に標準で搭載されている DevTools (デベロッパーツール、開発者ツール) の使い方を体系的にまとめたリファレンスです。
3,768 PV ｜ 59 SHARE
2019.08.24 ／ 2019.10.14
JavaScript によるパフォーマンス計測
JavaScript によるパフォーマンス計測を行うために Navigation Timing API、User Timing API、Resource Timing API、Performance Observer、High Resolution Time について説明します。
719 PV ｜ 9 SHARE
2019.06.26 ／ 2019.09.17
カニバリゼーションとは
カニバリゼーションとは何かについて説明します。カニバリゼーションの原因、カニバリゼーションの確認方法、カニバリゼーションの解消方法について Google の公式ビデオやヘルプも参考に解説します。
2,163 PV ｜ 38 SHARE
2019.05.15 ／ 2020.02.23
HTML の書き方
HTML (HyperText Markup Language) を学ぶ方を対象に HTML の基本的な書き方、各タグの役割や書き方について解説します。
2,324 PV ｜ 16 SHARE
2019.05.09 ／ 2020.01.08
ブログの記事タイトルの決め方
ページタイトルは SEO でも重要な意味を持ちます。検索順位をアップしたりクリックされやすいページタイトルの付け方とはどのようなものかを、具体例を紹介して説明します。
713 PV ｜ 11 SHARE
2019.04.26 ／ 2020.02.24
Font Awesome の使い方
Font Awesome を使うための準備から基本的な使い方までを解説します。ブログに Web アイコンフォントを簡単に導入したい場合にオススメです。
1,724 PV ｜ 7 SHARE
2019.04.04 ／ 2020.02.23
CSS セレクタの種類と書き方
CSS セレクタの種類と書き方についてサンプルコードとともに分かりやすいリファレンスとしてまとめました。CSS セレクタのチートシートとしてご利用ください。
4,650 PV ｜ 11 SHARE
2019.04.01 ／ 2020.01.08
プログラミング JavaScript 入門
JavaScript を使ってこれからプログラミングの学習を開始される方を対象とした JavaScript の仕様をわかりやすく網羅的に解説した入門ページです。JavaScript を使ったプログラムの記述方法をサンプルコードと一緒に学習していきます。
2,385 PV ｜ 24 SHARE
2019.03.22 ／ 2020.02.04
プログラミング Python 入門
Python を使ってこれからプログラミングの学習を開始される方を対象とした Python の仕様をわかりやすく網羅的に解説した入門ページです。Python を使ったプログラムの記述方法をサンプルコードと一緒に学習していきます。
2,312 PV ｜ 20 SHARE
2019.03.16 ／ 2019.06.06
JavaScript で DOM を操作する方法
jQuery を使わずに JavaScript だけで DOM を操作 (要素の検索、親子兄弟へのアクセス、作成・追加、削除、属性の操作、スタイル関連の操作) する関数を一覧化しました。
1,635 PV ｜ 3 SHARE
2019.03.08 ／ 2019.10.14
Google Search Console の使い方
Google Search Console は Google 検索の唯一のサービスであり、SEO (検索エンジン最適化) において現状を把握し、改善のヒントを得ることができます。
6,381 PV ｜ 113 SHARE
2019.02.25 ／ 2019.10.14
Google アナリティクスの設定と使い方
Google アナリティクスの設定と使い方を詳細に解説します。標準的なレポートからカスタマイズされた詳細な分析や、サイト改善案を提案できるようになるヒントがアナリティクスには隠されています。
12,950 PV ｜ 155 SHARE
2019.02.16 ／ 2020.01.21
WordPress ブログの始め方
WordPress でブログを始めるにはどうすれば良いのかを詳細に説明します。何もないところからスタートしますので、各種設定方法の前に独自ドメインとレンタルサーバの契約方法についてもあわせて説明します。
626 PV ｜ 7 SHARE
2019.02.15 ／ 2019.06.25
基本的な正規表現一覧
正規表現についてのチートシートです。正規表現の書き方を忘れた場合にご活用ください。
245,035 PV ｜ 61 SHARE
2019.02.14 ／ 2020.01.08
ブログの生存戦略
ブログを始めるときには、将来的に困らないように考えなければならない点がたくさんあります。ここでは、ブログの戦略、文章の書き方、SEO 対策、ユーザビリティ、ブロガーとしての資質について考えていきます。
535 PV ｜ 12 SHARE
2019.02.11 ／ 2020.01.08
はてなブログの始め方
はてなブログは初めてブログを書く人には良いオンラインブログサービスです。はてなブログとはどのようなサービスか、ブログを書くためにはどうやって開設すれば良いのかなどを説明します。
15,669 PV ｜ 9 SHARE
2019.02.07 ／ 2019.09.04
独自ドメインの種類と取得方法
ドメインの種類と特徴、そしてお名前.comのサービスを使った独自ドメインの取得する方法についても分かりやすく解説します。
667 PV ｜ 13 SHARE
2019.02.01 ／ 2020.02.23
CSS 変数 (カスタムプロパティ) の使い方とルール
標準的なブラウザではCSSプリプロセッサを使わずに CSS変数 (CSS カスタムプロパティ) を使うことができます。CSS 変数の使い方とルール、そして calc 関数を組み合わせたときの使い方について説明します。
4,928 PV ｜ 6 SHARE
2019.01.30 ／ 2019.09.04
W3C 仕様書の読み方
W3C 仕様書について、どのような作業フローを経て勧告されるのか、仕様書を読むことでどんなメリットがあるのか、仕様書はどう読めばいいかなどを説明します。
978 PV ｜ 19 SHARE
2019.01.25 ／ 2020.01.08
ブログにおけるランチェスター戦略
個人ブロガーはどのようにすれば生き残ることができるのかランチェスター戦略を参考に考えていきます。弱者には弱者の戦略があり、どのようにして強者に対抗すれば良いのかのヒントがあります。
865 PV ｜ 36 SHARE
2019.01.17 ／ 2020.01.08
雑記ブログと特化ブログの選び方
ブログを始めるにあたって雑記ブログと特化ブログのどちらを選べば良いのかを説明します。雑記ブログと特化ブログのメリット・デメリット、そして雑記ブログと特化ブログの選び方についてを説明します。
1,547 PV ｜ 11 SHARE
2019.01.13 ／ 2019.11.17
画像最適化によるパフォーマンス改善
画像リソースはページを表示するダウンロード容量の大半を占めます。画像を最適化することでファイルサイズの削減とパフォーマンスの改善をするためには、どのような最適化戦略を行えば良いのかを説明します。
3,010 PV ｜ 20 SHARE
2018.11.25 ／ 2020.01.08
ブロガーの正しい資質とは
ブロガーの正しい資質とは何かを考えます。ブログを書くために私たちは何に気を付けなければならないのでしょうか。ブログにおける善と悪とは何か、それらに直面したときにどうすれば良いのか説明します。
2,864 PV ｜ 99 SHARE
2018.11.09 ／ 2019.10.30
コーディングの命名規則一覧
コーディングの命名規則において、よく使われる英単語について整理しています。ニュアンスの違いによって、どの英単語を使用すれば良いのか迷った場合の早見表としてご利用ください。
12,934 PV ｜ 47 SHARE
2018.10.18 ／ 2020.02.13
ユーザビリティとは
ユーザビリティという言葉はありふれたものになっていますが、具体的に説明しようとすると、その難しさに気付くはずです。ここでは「ユーザビリティとは何か？」という基本的な問いに対して掘り下げていき、ユーザビリティを理解していきます。
4,913 PV ｜ 24 SHARE
2018.08.17 ／ 2020.02.23
CSS 最適化によるパフォーマンス改善
CSS は HTML を整えるだけのファイルではありません。CSS におけるパフォーマンスチューニング方法や、クロスブラウザ対応まで、CSS の最適化戦略について考えます。
6,392 PV ｜ 30 SHARE
2017.12.10 ／ 2019.09.04
PWA (Progressive Web Apps) とは
PWA (Progressive Web Apps) とは、Google や Mozilla が推進するプロジェクトで、Web ページでネイティブなモバイルアプリのような UX を提供する仕組みです。PWA に必要な Web App Manifest や Service Worker について解説します。
9,861 PV ｜ 100 SHARE
2017.11.20 ／ 2019.10.19
ページネーションとユーザビリティ
ページを分割するページネーションとユーザビリティについて解説します。ページネーションの必要性、適切な情報を分割する単位、無限スクロールとの比較、ページネーションのデザインやユーザビリティをガイドラインを参考に見ていきます。
1,986 PV ｜ 19 SHARE
2017.08.06 ／ 2019.09.04
ライセンスと著作権について
著作権は著作物を保護するための権利です。著作権のすべての権利を手放さず作品を共有や配布したい場合、または商用での利用を許可したい場合など、条件付きで公開するためにはどのようなライセンスとすれば良いのかを説明します。
2,205 PV ｜ 14 SHARE
2017.07.29 ／ 2020.02.23
破綻しにくい CSS 設計手法と命名規則
大規模開発で簡単に破綻してしまうCSSについて、破綻する理由とそれらに対抗する設計手法と命名規則としてOOCSS、BEM、SMACSS、FLOCSSを説明します。
24,101 PV ｜ 94 SHARE
2017.07.22 ／ 2019.09.04
バズる記事の特徴
バズる記事には特徴があります。バズが発生する条件として、ユーザがシェアしたくなる心理や、シェアしたくなるコンテンツは統計的にどのようなものであるのかを探ります。
4,604 PV ｜ 47 SHARE
2017.07.16 ／ 2020.02.23
読みやすいフォントの CSS 設定例
美しいフォントはそれだけでコンテンツになります。ユーザが読みやすいフォントの設定とは何かをフォントの種類、サイズ、色、文字間隔、行間から考えていきます。
70,798 PV ｜ 672 SHARE
2017.05.15 ／ 2019.10.19
Web ユーザビリティとは
ユーザにとって使いやすいWebデザインとはどのようなデザインでしょうか。WebデザインにおけるWebユーザビリティについて網羅的に説明しています。
2,519 PV ｜ 78 SHARE
2017.05.05 ／ 2019.10.19
Web ページの目次と見出し
Webページに限らず目次と見出しは情報にアクセスするための手助けになるドキュメンテーション技法です。しかし、一方ではWebページには目次や見出しは不要であるとの意見もあります。Webページにおける目次や見出しはどうあるべきかを考えます。
5,375 PV ｜ 86 SHARE
2015.11.06 ／ 2019.10.19
Web ライティングとは
高品質なブログを書くために、Web ライティングの技術について解説します。また、良質なコンテンツの作成やユーザの集客やアクション率を向上させるための方法についても説明します。
3,458 PV ｜ 52 SHARE
2015.10.29 ／ 2019.10.23
PageSpeed Insights の使い方とパフォーマンス最適化
Google が提供するサイトのパフォーマンス測定ツールである PageSpeed Insights、および Lighthouse によって検出された問題点とその改善方法について解説します。
8,669 PV ｜ 54 SHARE
2015.10.01 ／ 2019.09.04
Perl モジュールのインストール方法
Perl のモジュールをインストールする方法について解説します。インストール環境は、さくらインターネットの共用レンタルサーバになります。また、さくらインターネットの標準モジュール一覧も掲載しています。
15,480 PV ｜ 4 SHARE
2015.09.20 ／ 2019.09.04
OAuth 2.0 の仕組みと認証方法
OAuth 2.0 の仕組みと認証方法について説明します。OAuth 1.0 の認証フローとそれらの問題点から、OAuth 2.0 の認証フロー、認可コード、アクセストークン、リフレッシュトークンまで網羅します。
181,086 PV ｜ 256 SHARE
2015.09.19 ／ 2019.10.14
キャッシュ最適化によるパフォーマンス改善
ブラウザのキャッシュを最適化し、サイトパフォーマンスを向上させる方法について説明します。.htaccess に設定する Expires ヘッダ、Cache-Control ヘッダ、FileETag の実例を挙げて紹介しています。
3,784 PV ｜ 5 SHARE
2015.09.18 ／ 2019.09.04
.htaccess の設定レシピ集
.htaccess の設定レシピを集めました。特に需要が高いと思われるリダイレクト関連、セキュリティ関連、パフォーマンス関連、エラー処理関連のレシピを紹介しています。
24,714 PV ｜ 66 SHARE
2015.09.14 ／ 2019.09.04
SSI (Server Side Includes) の書き方
Apache の INCLUDES フィルタにより実装されている Server Side Includes の書き方について説明します。SSI を使用するための設定から、各ディレクティブの説明、パフォーマンスとセキュリティの問題点も取り扱います。
9,874 PV ｜ 6 SHARE
2015.06.28 ／ 2019.09.04
SNS ボタンの設置とカスタマイズ方法
Twitter、Facebook などの色々なソーシャルボタンをWebページに設置してみましょう。また、オフィシャルのソーシャルボタンはそれぞれデザインが異なるため、オリジナルのボタンにカスタマイズする方法も紹介します。
24,971 PV ｜ 59 SHARE
2015.01.29 ／ 2019.10.14
検索エンジン最適化とは
SEO とは Search Engine Optimization の略であり、検索エンジン最適化を意味する言葉です。本ページでは Google の検索エンジン最適化対策について説明します。基礎知識から、コンテンツ SEO、内部対策、外部対策を中心に、パンダアップデート・ペンギンアップデートや、ランキングを作成するための 200 を超える要素についてもまとめています。
7,355 PV ｜ 157 SHARE
2015.01.14 ／ 2019.09.04
良質なWebページの作り方
有益な情報を分かりやすくまとめて、ユーザに良質なコンテンツを提供することを最優先に考えたユーザーファーストなページとはどのようなものかを考えます。
1,392 PV ｜ 11 SHARE
2014.12.29 ／ 2020.01.22
.htaccess の書き方
Apache の設定ファイル .htaccess について解説します。.htaccess の書き方から、各ディレクティブの解説、環境変数の用例まで網羅しています。
175,550 PV ｜ 1,628 SHARE
2014.12.23 ／ 2019.10.14
gzip 圧縮によるパフォーマンス改善
Webサイトのパフォーマンスを向上させるために、HTML, CSS, JavaScriptなどのテキストファイルをgzip圧縮してみよう。さくらインターネットのレンタルサーバで実装する方法や、mod_deflateが使えない場合の代替方法についても説明します。
40,599 PV ｜ 52 SHARE
2014.12.09 ／ 2019.02.05
Google Analytics APIを利用したアクセス解析
本サイトのアクセス解析はGoogle Analyticsを利用しています。Google Analytics APIを利用したアクセス解析結果の情報を本ページにて一部公開しています。
2,181 PV ｜ 25 SHARE
2014.12.04 ／ 2019.09.04
google-code-prettify によるシンタックスハイライト
ソースコードのシンタックス(構文)にカラーリングを行い、可読性を向上させるシンタックスハイライト。Webサイトにソースコードを記載する場合、自動でシンタックスハイライトをしてくれるgoogle-code-prettifyを使ってみよう。
3,452 PV ｜ 5 SHARE
2014.10.06 ／ 2019.09.04
iPhone で Gmail をプッシュ通知する設定方法
iPhone の標準メールアプリで Gmail をリアルタイムに受信するプッシュ通知を行う方法について説明します。この方法は Gmail 以外に icloud.com か Outlook.com のいずれかのメールアドレスが必要になります。
118,361 PV ｜ 16 SHARE

CSS の書き方

HTML & CSS サンプルコード集

Python サンプルコード集

JavaScript サンプルコード集

HTML タグ一覧

AWS (Amazon Web Services) 入門

プログラミングとは

ブログの書き方

sitemap.xml の作り方

Chrome DevTools の使い方

JavaScript によるパフォーマンス計測

カニバリゼーションとは

HTML の書き方

ブログの記事タイトルの決め方

Font Awesome の使い方

CSS セレクタの種類と書き方

プログラミング JavaScript 入門

プログラミング Python 入門

JavaScript で DOM を操作する方法

Google Search Console の使い方

Google アナリティクスの設定と使い方

WordPress ブログの始め方

基本的な正規表現一覧

ブログの生存戦略

はてなブログの始め方

独自ドメインの種類と取得方法

CSS 変数 (カスタムプロパティ) の使い方とルール

W3C 仕様書の読み方

ブログにおけるランチェスター戦略

雑記ブログと特化ブログの選び方

画像最適化によるパフォーマンス改善

ブロガーの正しい資質とは

コーディングの命名規則一覧

ユーザビリティとは

CSS 最適化によるパフォーマンス改善

PWA (Progressive Web Apps) とは

ページネーションとユーザビリティ

ライセンスと著作権について

破綻しにくい CSS 設計手法と命名規則

バズる記事の特徴

読みやすいフォントの CSS 設定例

Web ユーザビリティとは

Web ページの目次と見出し

Web ライティングとは

PageSpeed Insights の使い方とパフォーマンス最適化

Perl モジュールのインストール方法

OAuth 2.0 の仕組みと認証方法

キャッシュ最適化によるパフォーマンス改善

.htaccess の設定レシピ集

SSI (Server Side Includes) の書き方

SNS ボタンの設置とカスタマイズ方法

検索エンジン最適化とは

良質なWebページの作り方

.htaccess の書き方

gzip 圧縮によるパフォーマンス改善

Google Analytics APIを利用したアクセス解析

google-code-prettify によるシンタックスハイライト

iPhone で Gmail をプッシュ通知する設定方法