2015年 6月 の投稿一覧

[PHP] 静的HTMLサイトの共通部分をPHPによるパーツ化する方法

  HTML, WEB, WordPress , ,

PHP パーツ化 静的サイト HTML

一般的なサイト構成として、ヘッダー・グローバルナビゲーション・サイドメニュー・コンテンツ・フッター部分などから構成されている。
例えばサイトの中でもブログにおいて、コンテンツ部分以外はヘッダー・フッターなどを共通部分とする場合があり、一つ一つ修正することは面倒であり、非効率に感じていました。そこで今回は、WordPressまでとはいかないが初期段階として、静的HTMLサイトの共通部分をパーツ化することで管理し易い方法をご紹介したいと思います。

続きを読む

[Google API] Google AJAX Feed APIによるRSSフィードの新着情報の表示

  CSS, HTML, javascript, WordPress , , ,

google feed api 新着情報 RSS

静的HTMLサイトにWordPressなどのRSSフィードを「Google AJAX Feed API」を用いて新着情報を表示させることで、記事を投稿するだけで新着情報に反映させることができます。そこで今回、静的HTMLであるチュートリアルサイトに、WordPressによる当ブログの新着情報を表示させる方法をご紹介したいと思います。

続きを読む

[WEB] WEB制作に役立つ・学べるおすすめ国内ブログ厳選10個~コーディング編~

  CSS, HTML, javascript, jQuery, WEB, WordPress , ,

厳選 WEB コーディング ブログ 役立つ 学べる タイトル

コーディングするにあたり、多くの学べるブログが存在します。
私も多くの有益な情報を発信されているブログをRSS・Feedlyを用いて70以上のブログを閲覧し、日々勉強させていただいています。
そこで今回は、その中でも選りすぐりのコーディングに関する有益な情報を提供してくださっている国内のブログを厳選してご紹介したいと思います。

続きを読む

[WEB] WEB制作に役立つ・学べるおすすめ国内ブログ厳選8個~SEO編~

  SEO, WEB , ,

厳選 WEB SEO ブログ 役立つ 学べる タイトル

SEO対策するにあたり、多くの学べるブログが存在します。
私も多くの有益な情報を発信されているブログをRSS・Feedlyを用いて70以上のブログを閲覧し、日々勉強させていただいています。
そこで今回は、その中でも選りすぐりのSEO対策に関する有益な情報を提供してくださっている国内のブログを厳選してご紹介したいと思います。

続きを読む

[CSS] CSSの詳細度による「適用順(優先順位)」と「上書き」

  CSS, WEB

CSS 詳細度 id class 上書き 適応 優先順位 タイトル

WEBサイトをコーディングしている際に、複数のCSSのスタイルを書き込みますが、それらにはセレクタの詳細度・固有性によってCSSのスタイルの適用される優先順位が存在します。
優先順位によって、先に定義された記述を上書きすることができる場合・できない場合が存在します。
そこで、今回は詳細度によるCSSのスタイルの適用順についてご紹介したいと思います。

続きを読む

[Google API] 手軽にGoogle Maps APIをカスタマイズできる「gmaps.js」の使い方

  javascript, jQuery , , , , , ,

Google Maps API タイトル

Google Maps APIを使えばオリジナルの画像を使ったマーカーを地図上への設置やルートを地図上に描くことが可能です。しかし、Google Maps API V3はAPI Keyが必要だったりなかったり、導入が面倒だったので何かいいのないかなと探していると良さそうな「gmaps.js」を見つけたので、gmaps.jsの使い方をご紹介したいと思います。

続きを読む

Google Mapsの埋め込み・小技まとめ

  javascript , , ,

google map タイトル

2回にわたって、会社やお店などの所在地を表すために多くのサイトで使用されているGoogle Mapsの埋め込みから使い方・オプション・小技を扱っていきたいと思います。第1回目はGoogle Mapsの埋め込み・オプションなどをご紹介したいと思います。

続きを読む

[HTML5] HTML5のarticle・sectionによるアウトライン

  HTML, SEO ,

HTML5 アイコン

HTML5を使用したサイトも多くなってきて、HTML5を用いて構築する方も多いと思います。そこで、前回ご紹介させていただいた「HTMLコーディングの基本のアウトラインとは」の続編になる、HTML5においてarticle・sectionを用いたアウトライン(階層構造)についてご紹介していきたいと思います。

続きを読む