こんにちは 大場 です。 前回、前々回と以下の記事を紹介させていただきました。 "AWSにWordPress3.8をインストールしてみた – その1" "AWSにWordPress3.8をインストールしてみた – その2" 今回は、上記の手順で作った環境から StaticPress プラグインを使って静的 HTML を生成して、Amazon S3 で公開する手順を試してみましたので紹介します。 WordPress で紹介される記事は、動的サイトとして公開されますが、StaticPress プラグインで静的 HTML を作成して Amazon S3 のホスティング機能で公開することで S3 のメリットを活かした堅牢で高可用性の Web ページを実現することができます。静的サイトに Amazon S3 を使うことのメリットは、以下の通りです。 データがなくならない（堅牢性99.9999）バック

実は WordPress サイトを静的 HTML に変換するプラグイン StaticPress をリリースしていました。 ダウンロードは、WordPress 公式プラグインディレクトリからお願いします。 WordPress › StaticPress « WordPress Plugins このプラグインを使用することで WordPress で作成されたサイトを丸ごと静的ファイルに変換することができます。 また、変換時にサイトのパーマリンク構造を変換することができるため、http://wp.example.com/ というオリジナルサイトを http://www.example.com/static/ というサイトとして公開するための html を作成することも可能です。 完全に静的ファイルを作成するため、コメントやサイト内検索・コンタクトフォームの設置などはできません。 それらについては

WordPressを停止させたい時や WordPressをサイト作成ツール化するときに便利なプラグイン2つを紹介します 1 国産のプラグイン StaticPress http://wordpress.org/plugins/staticpress/ このプラグインは、日本の方が作っています WordPressの全てのページをHTML化してくれるものです ちゃんと画像等も取り込んで出力されるので、設置していた場所にファイルを置けば サイトとして見れます 強みは スラッグやURLに日本語が入っていても正しくHTMLが出力されて動作するというところです 弱みは Windowsには対応してません（現在）、なのでローカルにWordPressを設置して作ったものを スタティクなサイトとして出力して、Webサイトを公開するという事が出来ません 2 Windowsでも使えるプラグイン WP Static

コーポレートサイトを制作する際、お知らせはお客さん側で更新していくのでWordPressの導入を決めました。今まで、会社概要や事業概要などは固定ページを利用して組んでいましたが、メンテナンス性が良くないなぁと思っていたので思い切ってWordPressから切り離し、普通のHTMLでコーディングして外に出してしまうことにしました。 indexは拡張子がhtmlのままでphpを動かせるようにするのですが、さくらインターネットでは少し手間がかかるとのことで、その辺もふまえてのメモ。 目次 私がやりたかったこと静的ページをコーディングするWordPressをインストールするhtmlファイルでphpが動くようにする参考ページ 私がやりたかったこと WordPressはお知らせを更新するためだけに使用し、その他のページは静的ページとして運用したい。 （↑WordPressのページと静的ページのヘッダー・

オープンソースのWeb開発向けスクリプト言語「PHP」の文法を一から学ぶための入門連載「Web業界で働くためのPHP入門」。前回の「初心者がPHPプログラミングを始めるための基礎知識とXAMPPのインストール」では、PHPの概要や特徴を紹介し、環境構築や「Hello World!」までの手順などを解説しました。 今回からは環境がセットアップできている前提で進めますので、まだの方は前回を参照して準備をしておきましょう。 PHPタグでPHPのコードを埋め込む PHPでは、テキストファイルにコードを書けば、それをそのまま実行できます。このような言語は、他にPythonやRuby、Perl、JavaScriptなどがあります。ただ、PHPの場合はテキストファイルに一定の形式で書くことが必要です。 それは、コードは「<?php」と「?>」というPHPタグの間に書かなくてはならない、ということです。例

WEBライティングを正しく学び実践することで検索エンジンからの流入が加速する。 webを閲覧するユーザーにとって最適な形でライティングを施すとユーザーからの支持が得られ、それが結果として検索エンジンの評価に繋がるということだ。 スマートフォンの普及に伴って「読みやすいライティング」と「読みにくいライティング」の差が浮き彫りになっている。 あなたも、テキストがぎっしり詰まったwebページに遭遇した経験はないだろうか？たくさんスクロールしても、なかなか答えに辿り着かないストレスフルな経験を味わったことはないだろうか？ このようなユーザー体験を損ねるライティングは最悪だ。ユーザーに嫌われるし、検索エンジンからも嫌われる。たくさんのユーザーに読まれる記事にはならないだろう。 しかし、改行や段落、見出しを上手に活用するなどの適切なWEBライティングを施すことで、このようなストレスをユーザーに与えるこ

作成：2014/01/27 更新：2015/08/07 Web制作 > 前回、Web制作の一連の流れを書きましたが、今回は少し掘り下げて「コーディング」についてのフローをまとめます(HTML5+レスポンシブ+WordPress)。会社によって違うと思いますが、ざっくりとしたコーディングの流れと気をつけておきたいことをメモしています。 エンジニア速報は Twitter の@commteで配信しています。 もくじ コーディング前の準備 １．仕様書の確認 ２．入稿データの確認・スケジューリング HTML5 マークアップ ３．テンプレート作成 ４．条件付きコメント ５．GCF＋キャッシュクリア ６．OGP記述 ７．ファビコン ８．アウトライン作成 ９．バリデーターをチェック CSS の設定 １０．ノーマライズスタイル レスポンシブデザイン設計 １１．モバイルファーストを基準に設計 １２．プログレッ

ちょうどいくつかプレゼン用の資料を作らなきゃと思っていてなんかいいテンプレートないかな〜って探していたらのでreveal.jsが超絶に良かったのでメモ reveal.js htmlで綺麗でカッコいいプレゼンテーションを作れるフレームワークです。 3Dでグィングィン動きます デモ画面見ればどんな風にグィングィン動くかわかります（開いたら右スクロールボタンを押してみてください） Escキー押すとプレゼンテーションのドキュメント一覧が見れます それがまたカッコよく3Dでみれます。 PDFへのエキスポートが楽チンです 書いたドキュメントをプリントしてメンバーに配布とかってシーンがあるとおもいますが reveal.jsなら綺麗にできます。 使い方 zipパッケージで落としてくる hakimel/reveal.jsにいって 「Download ZIP」をポチッと押します。 書きたい内容をindex.h

HTML5 Conference 2013 において発表したスライドです。 Knockout.js について簡単に説明しています。Read less

サイトを運営していると、サイト内のページの移動や削除、またはサイト自体の移転をすることがあります。その場合、リダイレクトという処理を用いて新たなページに転送を行いますが、正しい知識と手順を以って対応しなければ、検索順位の下降、ページランクやドメインエイジの喪失といったSEO的なペナルティを招いてしまいます。 そこで、そのようなペナルティを受けないために、ページ移動・サイト移転時の正しいリダイレクトの設定方法と、代表的なリダイレクトの種類やその実装方法をご紹介します。 リダイレクトの種類 リダイレクトには、HTMLやJavaScriptといったクライアントサイドプログラム、PHPやPerlといったサーバサイドプログラム、あるいは.htaccessの設定変更を行う等、様々な対応方法があります。そのうちのいくつかを、実際のサンプルソースとともに解説します。 metaタグによるリダイレクト hea