murashun.jp

2019.06.26 ／ 2019.06.26
カニバリゼーションとは
カニバリゼーションとは何かについて説明します。カニバリゼーションの原因、カニバリゼーションの確認方法、カニバリゼーションの解消方法について Google の公式ビデオやヘルプも参考に解説します。
1,126 PV ｜ 34 SHARE
2019.06.07 ／ 2019.06.07
日本語のフリーフォント一覧
日本語のフリーフォントをまとめました。個人サイト、商用サイト、同人誌や各種印刷物などにも利用できます。
263 PV ｜ 1 SHARE
2019.06.05 ／ 2019.06.06
リダイレクトの設定方法
Apache の設定ファイル .htaccess を使ったリダイレクトの設定方法について説明します。
236 PV ｜ 2 SHARE
2019.05.15 ／ 2019.06.14
HTML タグの基本と使い方
HTML (HyperText Markup Language) を学ぶ方を対象に HTML の基本的な書き方、各タグの役割や書き方について解説します。
1,214 PV ｜ 15 SHARE
2019.05.09 ／ 2019.06.05
ブログの記事タイトルの決め方
ページタイトルは SEO でも重要な意味を持ちます。検索順位をアップしたりクリックされやすいページタイトルの付け方とはどのようなものかを、具体例を紹介して説明します。
392 PV ｜ 11 SHARE
2019.04.26 ／ 2019.04.27
Font Awesome の使い方
Font Awesome を使うための準備から基本的な使い方までを解説します。ブログに Web アイコンフォントを簡単に導入したい場合にオススメです。
333 PV ｜ 5 SHARE
2019.04.04 ／ 2019.05.16
CSS セレクタの種類と書き方
CSS セレクタの種類と書き方についてサンプルコードとともに分かりやすいリファレンスとしてまとめました。CSS セレクタのチートシートとしてご利用ください。
639 PV ｜ 8 SHARE
2019.04.01 ／ 2019.06.22
プログラミング JavaScript 入門
JavaScript を使ってこれからプログラミングの学習を開始される方を対象とした JavaScript の仕様をわかりやすく網羅的に解説した入門ページです。JavaScript を使ったプログラムの記述方法をサンプルコードと一緒に学習していきます。
1,389 PV ｜ 16 SHARE
2019.03.22 ／ 2019.06.21
プログラミング Python 入門
Python を使ってこれからプログラミングの学習を開始される方を対象とした Python の仕様をわかりやすく網羅的に解説した入門ページです。Python を使ったプログラムの記述方法をサンプルコードと一緒に学習していきます。
1,191 PV ｜ 10 SHARE
2019.03.16 ／ 2019.06.06
JavaScript で DOM を操作する方法
jQuery を使わずに JavaScript だけで DOM を操作 (要素の検索、親子兄弟へのアクセス、作成・追加、削除、属性の操作、スタイル関連の操作) する関数を一覧化しました。
485 PV ｜ 3 SHARE
2019.03.08 ／ 2019.06.13
Google Search Console の使い方
Google Search Console は Google 検索の唯一のサービスであり、SEO (検索エンジン最適化) において現状を把握し、改善のヒントを得ることができます。
4,077 PV ｜ 113 SHARE
2019.02.25 ／ 2019.04.08
Google アナリティクスの設定と使い方
Google アナリティクスの設定と使い方を詳細に解説します。標準的なレポートからカスタマイズされた詳細な分析や、サイト改善案を提案できるようになるヒントがアナリティクスには隠されています。
6,040 PV ｜ 153 SHARE
2019.02.16 ／ 2019.06.26
WordPress ブログの始め方
WordPress でブログを始めるにはどうすれば良いのかを詳細に説明します。何もないところからスタートしますので、各種設定方法の前に独自ドメインとレンタルサーバの契約方法についてもあわせて説明します。
429 PV ｜ 6 SHARE
2019.02.15 ／ 2019.06.25
基本的な正規表現一覧
正規表現についてのチートシートです。正規表現の書き方を忘れた場合にご活用ください。
37,772 PV ｜ 19 SHARE
2019.02.14 ／ 2019.06.05
ブログの生存戦略
ブログを始めるときには、将来的に困らないように考えなければならない点がたくさんあります。ここでは、ブログの戦略、文章の書き方、SEO 対策、ユーザビリティ、ブロガーとしての資質について考えていきます。
389 PV ｜ 12 SHARE
2019.02.11 ／ 2019.04.08
はてなブログの始め方
はてなブログは初めてブログを書く人には良いオンラインブログサービスです。はてなブログとはどのようなサービスか、ブログを書くためにはどうやって開設すれば良いのかなどを説明します。
2,518 PV ｜ 5 SHARE
2019.02.07 ／ 2019.04.08
独自ドメインの種類と取得方法
ドメインの種類と特徴、そしてお名前.comのサービスを使った独自ドメインの取得する方法についても分かりやすく解説します。
374 PV ｜ 13 SHARE
2019.02.01 ／ 2019.05.30
CSS 変数 (カスタムプロパティ) の使い方とルール
標準的なブラウザではCSSプリプロセッサを使わずに CSS変数 (CSS カスタムプロパティ) を使うことができます。CSS 変数の使い方とルール、そして calc 関数を組み合わせたときの使い方について説明します。
1,322 PV ｜ 4 SHARE
2019.01.30 ／ 2019.04.08
W3C 仕様書の読み方
W3C 仕様書について、どのような作業フローを経て勧告されるのか、仕様書を読むことでどんなメリットがあるのか、仕様書はどう読めばいいかなどを説明します。
365 PV ｜ 12 SHARE
2019.01.28 ／ 2019.03.03
わかりやすいブログを書くための Web ライティング技術
技術ブログは新しい技術を説明したり、挑戦してみることに特化しています。それらのブログを分かりやすく伝えるためには、どのような構成で文章を組み立てれば良いのかを説明します。
412 PV ｜ 9 SHARE
2019.01.25 ／ 2019.04.08
ブログにおけるランチェスター戦略
個人ブロガーはどのようにすれば生き残ることができるのかランチェスター戦略を参考に考えていきます。弱者には弱者の戦略があり、どのようにして強者に対抗すれば良いのかのヒントがあります。
673 PV ｜ 36 SHARE
2019.01.17 ／ 2019.04.08
雑記ブログと特化ブログの選び方
ブログを始めるにあたって雑記ブログと特化ブログのどちらを選べば良いのかを説明します。雑記ブログと特化ブログのメリット・デメリット、そして雑記ブログと特化ブログの選び方についてを説明します。
612 PV ｜ 11 SHARE
2019.01.13 ／ 2019.04.08
画像最適化によるパフォーマンス改善
画像リソースはページを表示するダウンロード容量の大半を占めます。画像を最適化することでファイルサイズの削減とパフォーマンスの改善をするためには、どのような最適化戦略を行えば良いのかを説明します。
1,256 PV ｜ 17 SHARE
2018.12.16 ／ 2019.04.08
ブログを論理的に書くための Web ライティング技術
ブログを論理的に書くための文章術について説明します。ピラミッド構造、ロジックツリー、MECE、帰納法と演繹法、ロジカルライティング、仮説思考、論点思考について取り上げます。
1,250 PV ｜ 42 SHARE
2018.11.25 ／ 2019.06.05
ブロガーの正しい資質とは
ブロガーの正しい資質とは何かを考えます。ブログを書くために私たちは何に気を付けなければならないのでしょうか。ブログにおける善と悪とは何か、それらに直面したときにどうすれば良いのか説明します。
2,561 PV ｜ 94 SHARE
2018.11.09 ／ 2019.04.08
コーディングの命名規則一覧
コーディングの命名規則において、よく使われる英単語について整理しています。ニュアンスの違いによって、どの英単語を使用すれば良いのか迷った場合の早見表としてご利用ください。
3,585 PV ｜ 38 SHARE
2018.10.18 ／ 2019.06.13
ユーザビリティの定義とは
ユーザビリティという言葉はありふれたものになっていますが、具体的に説明しようとすると、その難しさに気付くはずです。ここでは「ユーザビリティとは何か？」という基本的な問いに対して掘り下げていき、ユーザビリティを理解していきます。
1,710 PV ｜ 20 SHARE
2018.08.17 ／ 2019.04.08
CSS 最適化によるパフォーマンス改善
CSS は HTML を整えるだけのファイルではありません。CSS におけるパフォーマンスチューニング方法や、クロスブラウザ対応まで、CSS の最適化戦略について考えます。
3,827 PV ｜ 23 SHARE
2018.08.11 ／ 2019.02.21
ブログを速く書くための Web ライティング技術
文章を書くことに苦手意識がある人は大勢います。しかし、文章を書くために文才のような特別な才能は必要ありません。誰にでも読みやすく、わかりやすい文章が書けるようになるための方法論について解説します。
1,951 PV ｜ 53 SHARE
2017.12.10 ／ 2019.06.23
PWA (Progressive Web Apps) とは
PWA (Progressive Web Apps) とは、Google や Mozilla が推進するプロジェクトで、Web ページでネイティブなモバイルアプリのような UX を提供する仕組みです。PWA に必要な Web App Manifest や Service Worker について解説します。
8,316 PV ｜ 93 SHARE
2017.11.20 ／ 2019.04.08
ページネーションとユーザビリティ
ページを分割するページネーションとユーザビリティについて解説します。ページネーションの必要性、適切な情報を分割する単位、無限スクロールとの比較、ページネーションのデザインやユーザビリティをガイドラインを参考に見ていきます。
1,719 PV ｜ 19 SHARE
2017.08.06 ／ 2019.06.07
ライセンスと著作権について
著作権は著作物を保護するための権利です。著作権のすべての権利を手放さず作品を共有や配布したい場合、または商用での利用を許可したい場合など、条件付きで公開するためにはどのようなライセンスとすれば良いのかを説明します。
1,161 PV ｜ 13 SHARE
2017.07.29 ／ 2019.04.08
破綻しにくい CSS 設計手法と命名規則
大規模開発で簡単に破綻してしまうCSSについて、破綻する理由とそれらに対抗する設計手法と命名規則としてOOCSS、BEM、SMACSS、FLOCSSを説明します。
18,388 PV ｜ 72 SHARE
2017.07.22 ／ 2019.04.08
バズる記事の特徴
バズる記事には特徴があります。バズが発生する条件として、ユーザがシェアしたくなる心理や、シェアしたくなるコンテンツは統計的にどのようなものであるのかを探ります。
3,745 PV ｜ 46 SHARE
2017.07.16 ／ 2019.06.09
読みやすいフォントの CSS 設定例
美しいフォントはそれだけでコンテンツになります。ユーザが読みやすいフォントの設定とは何かをフォントの種類、サイズ、色、文字間隔、行間から考えていきます。
59,593 PV ｜ 662 SHARE
2017.05.15 ／ 2019.06.05
Web ユーザビリティとは
ユーザにとって使いやすいWebデザインとはどのようなデザインでしょうか。WebデザインにおけるWebユーザビリティについて網羅的に説明しています。
2,088 PV ｜ 77 SHARE
2017.05.05 ／ 2019.04.08
Web ページの目次と見出し
Webページに限らず目次と見出しは情報にアクセスするための手助けになるドキュメンテーション技法です。しかし、一方ではWebページには目次や見出しは不要であるとの意見もあります。Webページにおける目次や見出しはどうあるべきかを考えます。
4,587 PV ｜ 85 SHARE
2015.11.06 ／ 2019.06.05
読みやすい文章を書くための Web ライティング技術
読みやすい Web ライティングを初心者にもわかりやすいように企画、執筆、編集、校正のフェーズで何をすべきか、SEO (検索エンジン最適化)に強くなるためには何をすべきかを説明します。良質なコンテンツの作成やユーザの集客やアクション率を向上させるための方法についても述べます。
3,027 PV ｜ 48 SHARE
2015.10.29 ／ 2019.06.13
PageSpeed Insights の使い方とパフォーマンス最適化
Google が提供するサイトのパフォーマンス測定ツールである PageSpeed Insights、および Lighthouse によって検出された問題点とその改善方法について解説します。
6,595 PV ｜ 53 SHARE
2015.10.01 ／ 2019.04.08
Perl モジュールのインストール方法
Perl のモジュールをインストールする方法について解説します。インストール環境は、さくらインターネットの共用レンタルサーバになります。また、さくらインターネットの標準モジュール一覧も掲載しています。
13,690 PV ｜ 4 SHARE
2015.09.20 ／ 2019.04.08
OAuth 2.0 の仕組みと認証方法
OAuth 2.0 の仕組みと認証方法について説明します。OAuth 1.0 の認証フローとそれらの問題点から、OAuth 2.0 の認証フロー、認可コード、アクセストークン、リフレッシュトークンまで網羅します。
157,947 PV ｜ 234 SHARE
2015.09.19 ／ 2019.04.08
キャッシュ最適化によるパフォーマンス改善
ブラウザのキャッシュを最適化し、サイトパフォーマンスを向上させる方法について説明します。.htaccess に設定する Expires ヘッダ、Cache-Control ヘッダ、FileETag の実例を挙げて紹介しています。
3,283 PV ｜ 5 SHARE
2015.09.18 ／ 2019.04.08
.htaccess の設定レシピ集
.htaccess の設定レシピを集めました。特に需要が高いと思われるリダイレクト関連、セキュリティ関連、パフォーマンス関連、エラー処理関連のレシピを紹介しています。
21,081 PV ｜ 60 SHARE
2015.09.14 ／ 2019.05.25
SSI (Server Side Includes) の書き方
Apache の INCLUDES フィルタにより実装されている Server Side Includes の書き方について説明します。SSI を使用するための設定から、各ディレクティブの説明、パフォーマンスとセキュリティの問題点も取り扱います。
8,124 PV ｜ 5 SHARE
2015.06.28 ／ 2019.06.05
SNS ボタンの設置とカスタマイズ方法
Twitter、Facebook などの色々なソーシャルボタンをWebページに設置してみましょう。また、オフィシャルのソーシャルボタンはそれぞれデザインが異なるため、オリジナルのボタンにカスタマイズする方法も紹介します。
23,781 PV ｜ 61 SHARE
2015.01.29 ／ 2019.06.16
検索エンジン最適化とは
SEO とは Search Engine Optimization の略であり、検索エンジン最適化を意味する言葉です。本ページでは Google の検索エンジン最適化対策について説明します。基礎知識から、コンテンツ SEO、内部対策、外部対策を中心に、パンダアップデート・ペンギンアップデートや、ランキングを作成するための 200 を超える要素についてもまとめています。
6,915 PV ｜ 148 SHARE
2015.01.14 ／ 2019.04.08
良質なWebページの作り方
有益な情報を分かりやすくまとめて、ユーザに良質なコンテンツを提供することを最優先に考えたユーザーファーストなページとはどのようなものかを考えます。
1,285 PV ｜ 8 SHARE
2014.12.29 ／ 2019.06.07
.htaccess の書き方
Apache の設定ファイル .htaccess について解説します。.htaccess の書き方から、各ディレクティブの解説、環境変数の用例まで網羅しています。
155,565 PV ｜ 1,618 SHARE
2014.12.23 ／ 2019.04.08
gzip 圧縮によるパフォーマンス改善
Webサイトのパフォーマンスを向上させるために、HTML, CSS, JavaScriptなどのテキストファイルをgzip圧縮してみよう。さくらインターネットのレンタルサーバで実装する方法や、mod_deflateが使えない場合の代替方法についても説明します。
37,269 PV ｜ 32 SHARE
2014.12.15 ／ 2019.06.24
XML サイトマップの作り方
XML サイトマップ (sitemap.xml) を作成することで Web サイトにどのようなページが含まれるのかを検索エンジンのクローラに提供できます。サイトマップの作り方、Googleウェブマスターツールへ送信する方法について解説します。
52 PV ｜ 0 SHARE
2014.12.09 ／ 2019.02.05
Google Analytics APIを利用したアクセス解析
本サイトのアクセス解析はGoogle Analyticsを利用しています。Google Analytics APIを利用したアクセス解析結果の情報を本ページにて一部公開しています。
1,940 PV ｜ 23 SHARE
2014.12.04 ／ 2019.04.08
google-code-prettify によるシンタックスハイライト
ソースコードのシンタックス(構文)にカラーリングを行い、可読性を向上させるシンタックスハイライト。Webサイトにソースコードを記載する場合、自動でシンタックスハイライトをしてくれるgoogle-code-prettifyを使ってみよう。
3,185 PV ｜ 5 SHARE
2014.10.06 ／ 2019.04.08
iPhone で Gmail をプッシュ通知する設定方法
iPhone の標準メールアプリで Gmail をリアルタイムに受信するプッシュ通知を行う方法について説明します。この方法は Gmail 以外に icloud.com か Outlook.com のいずれかのメールアドレスが必要になります。
112,868 PV ｜ 15 SHARE