murashun.jp

2018.10.16
人間中心設計とは
ユーザビリティの基礎となった人間中心設計とは何かを解説します。アメリカの認知工学者である Donald Arthur Norman が提唱したユーザ中心設計との違いや、人間中心設計の誤解や批判についても取り上げます。
34 PV ｜ 7 SHARE
2018.10.13
ユーザビリティの定義
ユーザビリティという言葉はありふれたものになっていますが、具体的に説明しようとすると、その難しさに気付くはずです。ここでは「ユーザビリティとは何か？」という基本的な問いに対して掘り下げていき、ユーザビリティを理解していきます。
109 PV ｜ 9 SHARE
2018.08.17
CSS パフォーマンス最適化
CSS は HTML を整えるだけのファイルではありません。CSS におけるパフォーマンスチューニング方法や、クロスブラウザ対応まで、CSS の最適化戦略について考えます。
656 PV ｜ 12 SHARE
2018.08.11
ブログを速く書くための文章術
文章を書くことに苦手意識がある人は大勢います。しかし、文章を書くために文才のような特別な才能は必要ありません。誰にでも読みやすく、わかりやすい文章が書けるようになるための方法論について解説します。
995 PV ｜ 29 SHARE
2017.12.10
Progressive Web App を始めよう
Google や Mozilla が推進する PWA について解説します。PWA に必要な Web App Manifest や Service Worker など、発展的な内容を含みます。
4,847 PV ｜ 58 SHARE
2017.11.20
ページネーションとユーザビリティ
ページを分割するページネーションとユーザビリティについて解説します。ページネーションの必要性、適切な情報を分割する単位、無限スクロールとの比較、ページネーションのデザインやユーザビリティをガイドラインを参考に見ていきます。
1,278 PV ｜ 19 SHARE
2017.09.29
ブロガー概論
ブロガーとは何か。プロブロガーとアマチュアの違い、ブロガーの倫理観、ブログで収入を得ること、ブログの生存率、ブロガーの社会的地位などについて考えます。
580 PV ｜ 30 SHARE
2017.08.06
Copyright とクリエイティブ・コモンズ・ライセンス
著作権は著作物を保護するための権利です。著作権のすべての権利を手放さず作品を共有や配布したい場合、または商用での利用を許可したい場合など、条件付きで公開するためにはどのようなライセンスとすれば良いのかを説明します。
460 PV ｜ 12 SHARE
2017.07.29
破綻しにくい CSS 設計手法と命名規則
大規模開発で簡単に破綻してしまうCSSについて、破綻する理由とそれらに対抗する設計手法と命名規則としてOOCSS、BEM、SMACSS、FLOCSSを説明します。
10,354 PV ｜ 61 SHARE
2017.07.22
バズる記事の特徴
バズる記事には特徴があります。バズが発生する条件として、ユーザがシェアしたくなる心理や、シェアしたくなるコンテンツは統計的にどのようなものであるのかを探ります。
2,278 PV ｜ 35 SHARE
2017.07.16
読みやすいフォントの CSS 設定例
美しいフォントはそれだけでコンテンツになります。ユーザが読みやすいフォントの設定とは何かをフォントの種類、サイズ、色、文字間隔、行間から考えていきます。
40,174 PV ｜ 455 SHARE
2017.05.15
Web ユーザビリティ
ユーザにとって使いやすいWebデザインとはどのようなデザインでしょうか。WebデザインにおけるWebユーザビリティについて網羅的に説明しています。
1,651 PV ｜ 72 SHARE
2017.05.05
Web ページの目次と見出し
Webページに限らず目次と見出しは情報にアクセスするための手助けになるドキュメンテーション技法です。しかし、一方ではWebページには目次や見出しは不要であるとの意見もあります。Webページにおける目次や見出しはどうあるべきかを考えます。
3,292 PV ｜ 86 SHARE
2015.11.06
Webライティングの基本
Webライティングを企画、執筆、編集、校正のフェーズに分けて、それぞれのフェーズで何をすべきかの基本を説明します。良質なコンテンツの作成、ユーザの集客やアクション率を向上させるために何をすれば良いかを解説します。
2,155 PV ｜ 23 SHARE
2015.10.29
PageSpeed Insights によるパフォーマンス測定と改善方法
Google が提供するWebサイトのパフォーマンス測定ツールであるPageSpeed Insightsについて説明します。また検知された問題点の改善方法についても解説します。
3,239 PV ｜ 15 SHARE
2015.10.01
Perl のモジュールをインストールする方法
Perl のモジュールをインストールする方法について解説します。インストール環境は、さくらインターネットの共用レンタルサーバになります。また、さくらインターネットの標準モジュール一覧も掲載しています。
10,868 PV ｜ 8 SHARE
2015.09.26
Perl でフィード (Atom) を作成する方法
Perl でフィード (Atom) を作成する方法について解説します。また、さくらインターネットの標準モジュールではインストールされていない Data::UUID のインストール方法ついても説明します。
838 PV ｜ 4 SHARE
2015.09.20
OAuth 2.0 の仕組みと認証方法
OAuth 2.0 の仕組みと認証方法について説明します。OAuth 1.0 の認証フローとそれらの問題点から、OAuth 2.0 の認証フロー、認可コード、アクセストークン、リフレッシュトークンまで網羅します。
121,506 PV ｜ 207 SHARE
2015.09.19
ブラウザのキャッシュによるサイトパフォーマンスを向上させる方法
ブラウザのキャッシュを最適化し、サイトパフォーマンスを向上させる方法について説明します。.htaccess に設定する Expires ヘッダ、Cache-Control ヘッダ、FileETag の実例を挙げて紹介しています。
2,458 PV ｜ 6 SHARE
2015.09.18
.htaccess の設定レシピ集
.htaccess の設定レシピを集めました。特に需要が高いと思われるリダイレクト関連、セキュリティ関連、パフォーマンス関連、エラー処理関連のレシピを紹介しています。
16,479 PV ｜ 59 SHARE
2015.09.15
PubSubHubbub の使い方
Google に更新情報を伝える PubSubHubbub について解説します。Perl を利用してコンテンツの更新情報をクローラーが巡回するよりも速く Google に通知することで、インデックスの登録をリアルタイムに行います。
3,535 PV ｜ 16 SHARE
2015.09.14
SSI (Server Side Includes) の書き方
Apache の INCLUDES フィルタにより実装されている SSI (Server Side Includes) の書き方について説明します。SSI を使用するための設定から、各ディレクティブの説明、パフォーマンスとセキュリティの問題点も取り扱います。
6,338 PV ｜ 5 SHARE
2015.06.28
SNSボタンの設置とカスタマイズ方法
Twitter、Facebook、Google+などの色々なソーシャルボタンをWebページに設置してみましょう。また、オフィシャルのソーシャルボタンはそれぞれデザインが異なるため、オリジナルのボタンにカスタマイズする方法も紹介します。
21,090 PV ｜ 42 SHARE
2015.01.29
Google 検索エンジン最適化
Google の検索エンジン最適化手法について説明します。基礎知識から、コンテンツ SEO、内部対策、外部対策を中心に、パンダアップデート・ペンギンアップデートや、ランキングを作成するための 200 を超える要素についてもまとめています。
3,623 PV ｜ 67 SHARE
2015.01.18
Google アナリティクスの導入手順
無料で高機能なアクセス解析サービスである Google アナリティクスの仕組みから導入までの手順を説明します。Webサイトの問題点を分析するツールとして、是非導入してみましょう。
1,433 PV ｜ 6 SHARE
2015.01.14
良質なWebページの作り方
有益な情報を分かりやすくまとめて、ユーザに良質なコンテンツを提供することを最優先に考えたユーザーファーストなページとはどのようなものかを考えます。
1,122 PV ｜ 10 SHARE
2014.12.29
.htaccessの書き方
Apache の設定ファイル .htaccess について解説します。.htaccess の書き方から、各ディレクティブの解説、環境変数の用例まで網羅しています。
127,533 PV ｜ 942 SHARE
2014.12.23
gzip 圧縮によるサイトパフォーマンスを向上させる方法
Webサイトのパフォーマンスを向上させるために、HTML, CSS, JavaScriptなどのテキストファイルをgzip圧縮してみよう。さくらインターネットのレンタルサーバで実装する方法や、mod_deflateが使えない場合の代替方法についても説明します。
31,097 PV ｜ 35 SHARE
2014.12.15
サイトマップ (sitemap.xml) の作り方
サイトマップ (sitemap.xml) を作成することで Web サイトにどのようなページが含まれるのかを検索エンジンのクローラに提供できます。サイトマップの作り方、Googleウェブマスターツールへ送信する方法について解説します。
3,340 PV ｜ 11 SHARE
2014.12.09
Google Analytics APIを利用したアクセス解析
本サイトのアクセス解析はGoogle Analyticsを利用しています。Google Analytics APIを利用したアクセス解析結果の情報を本ページにて一部公開しています。
1,555 PV ｜ 18 SHARE
2014.12.04
google-code-prettifyによるシンタックスハイライト
ソースコードのシンタックス(構文)にカラーリングを行い、可読性を向上させるシンタックスハイライト。Webサイトにソースコードを記載する場合、自動でシンタックスハイライトをしてくれるgoogle-code-prettifyを使ってみよう。
2,573 PV ｜ 9 SHARE
2014.10.06
iPhoneでGmailをプッシュ通知する設定方法
iPhone の標準メールアプリで Gmail をリアルタイムに受信するプッシュ通知を行う方法について説明します。この方法は Gmail 以外に icloud.com か Outlook.com のいずれかのメールアドレスが必要になります。
103,141 PV ｜ 18 SHARE