WordPressと静的ファイルを共存させて部分CMS化する
Posted: 2010.12.03 / Category: WordPress / Tag: テンプレートカスタマイズ Wordpressを使用してコーポレートサイトを制作&運営する場合、「新着情報」や「よくある質問」など、よく更新するページをWordpressで制作（CMS化）して、ほとんど更新のない「会社概要」や作り込みをするページを静的ファイル（html）にしたいなというケースがあると思います。 この記事ではWordpressと静的ファイルを共存させる方法と、それに伴った変更すべき設定などをご紹介します。 WordPressをインストールする たとえばこんな感じですでにルートにhtmlファイルやフォルダがあるとします。 index.html sitemap.html about.html service.html Wordpressはかなりのファイル数があるのでルートにインストール
コードリーディングに最適！たった200行で作れるHTML5製テトリスのプログラミング学習ムービー - Chrome Life
みなさんは、フルスクラッチでテトリスを作ることができますか？ プログラマーといってもゲームを作る機会が少ないと、なかなかすぐには作れないと思います。 JavaScriptでなんとか作れそうな感じもしますが、すんなり実装はできない感じがします。 特にグラフィックやアニメーションをうまく使ったものを作るには、それなりの経験値が必要だと思います。 そこで、今回ご紹介するのが、教育目的で作られたHTML5製テトリスのプログラミング学習ムービーです。 HTML5 tetris - making of HTML5 tetris - making of 驚くべきことに、 たったの４５分でテトリスが完成！ それもフルスクラッチで、jQueryなどのライブラリーを一切使っていません。 Youtubeのムービーは早送りしていますが、動きを確認しながら実装しているのが分かります。 実際に、こちらでテトリスをプレ
グーグル製のJavaScript MVCフレームワーク「AngularJS」、正式版が公開 − Publickey
グーグルは、JavaScriptでMVCアーキテクチャのアプリケーション開発をする際に便利な機能を備えたライブラリ「AngularJS 1.0」のリリースをブログで発表しました。 MVCアーキテクチャとは、ソフトウェアがデータモデル（Model）の部分とユーザーインターフェイスの部分（View）、そしてビューとモデルのあいだで制御する部分（Controller）に分離された構造のことを指します。 これらが分離されているとプログラムの見通しがよくなり変更にも対応しやすく、テストも容易になるため、何種類ものユーザーインターフェイスと複雑なロジックなどから構成される大規模なアプリケーションではMVCアーキテクチャの採用が望ましいものと考えられています。 しかしWebアプリケーションをMVCアーキテクチャで実現しようとすると、ビューの役割を果たすHTMLのコードの中に、どうしても複雑なJavaSc
間違っていると知りながらも雰囲気ローマ字読みしがちなIT用語(A〜Hまで) - 三等兵
ここに1つでもあてはまるものがあればりっぱなふんいきITせんしである。 Adobe(アドビ) IT用語というか企業名。Adobe DreamWeaverやAdobe PhotshopなどITせんしとは馴染み深いので入れた。 間違い例 アドベ かるいジャブである。初見でアドベと読んでしまうあたり日本人の性だろう。ローマ字読みは悪魔の読みだ。アルファベットの文字列を目にすれば我々日本人は日本式ローマ字読みから始めようとしてしまう。我々は悪魔に唇とベロを握られているに等しい。よくわからないがガブリエルのせいだろう。そのあたりで裸になって飛んでいる大天使ガブリエルのせいである。 Aero(エアロ) Windows 7のユーザインタフェース。ガラスっぽい質感のウィンドウとか、フリップ3Dの機能とかがAeroにあたるらしい。そしてWindows 8で廃止になるらしい。 間違い例 アエロ ローマ字読みと
［Interop 2012］「HTML5は大きなイノベーションを引き起こす」、W3CのCEO
「次世代のWeb技術がイノベーションを引き起こす」---W3C（World Wide Web Consortium）のCEO ジェフリー・ジャフェ氏は2012年6月14日、ICT分野の総合展示会「Interop Tokyo 2012」で講演。最新のWeb技術がビジネスに与えるインパクトを展望した。 W3CはWeb技術の策定や標準化を手がける非営利団体。次世代Web技術「HTML5」の標準化作業を進めている。「標準の勧告は2～3年後（2014年～2015年）を予定している」（ジャフェ氏）。HTML5では、機能性の高いWebアプリを実現する仕組みや、ブラウザやデバイス間の互換性を確保する仕組みなどが強化されている。仕様の一部はすでに主要なWebブラウザが取り入れており、HTML5を使ったWebサイトも増えている。 「過去20年間を振り返ると、Webを通じて産業界に大きな変革が起きた。HTML5
BrowseEmAll - The Most Secure Cross Browser Testing since 2012
Enables your developers and testers to locate and fix browser specific problems right on their machine. . Run the browsers your customers use for quick and painless testing. Do live, regression & visual testing without network delays or usage limits on any major operating system. All major browsers are supported out of the box.
PhotoshopのレイヤースタイルをCSSで再現してリアルタイムに出力してくれるプラグインCSS Hat - WebDelog
2012/09/06追記： 現在 Windows版も対応されています。 fontのプロパティ各種にも対応されています。 詳しくは最新の記事にて確認して下さい。 最近はCSS3によってリッチなUIを作成できるようになりましたが、 Photoshopで作成されたデザインを元に CSSを作成するのはなかなか手間で、 PhotoshopでCSSを書き出せたら楽なのに… と思う方も多いのではないかと思います。 それを実現してくれたPhotoshopプラグインがあったので紹介します。 CSS Hat 先日このページを見つけて、 サイト内に設置してあるフォームにメールを送って そのまま何も無かったので忘れかけていたところ、 『CSS Hat is launching』 というメッセージが届いていて、 購入するためのリンクが届いていました。 30%オフの$19.90(通常は$29.99)で購入出来るとのこ
5分でできるPHPセキュリティ対策 - ぼくはまちちゃん！
こんにちはこんにちは！！ Webプログラミングしてますか！ よく「PHPはセキュリティがダメ」とか言われてるよね。 でもそれって、べつにPHPが悪いんじゃなくて、 たぶん、セキュリティとかが、まだよくわからない人が多いだけなんじゃないかな。 がんばって勉強しようと思っても、なんだか難しい理屈が並んでいたりするしね…。 なので今日は、セキュリティ対策について、 「これだけやっとけば、わりと安全になるよ」ってことを、初心者むけに、大雑把に書いてみます！ 理屈がわからなくても、最初はコピペでも、 なにもやらないより、やったほうがきっとマシになる！ 1. XSS対策 動的なものを表示するとき、全部エスケープすればokです！ (NG) あなたの名前は <?= $name ?> ですね！ ↓ (OK) あなたの名前は <?= htmlspecialchars($name, ENT_QUOTES) ?>
13時になったら Web サイトをカチっとリニューアルする作法とか方法
Web サイトをリニューアルする。例えば、明日の13時から切り替えたいという場合に、13時前にファイルを全部削除して新しいファイルを上げなおすっていうのは、とてもナンセンスだと思います。 13時になったら、ファイルの記述をちょっと変更するだけでカチッとサイトを切り替える方法を紹介します。 1. mod_rewrite を使ってルートへのアクセスを before ディレクトリへ書き換える 通常、http://example.com/index.html へのアクセスは、http://example.com/index.html のファイルを表示しますが、mod_rewrite を使って、http://example.com/index.html へのアクセスされた場合に、http://example.com/before/index.html ファイルの処理結果を返すようにします。やり方とし
Webデザイナーに最適。WordPress環境を解凍するだけで構築·WordPress Portable MOONGIFT
WordPress PortableはポータブルなWordPressです。WAMP環境をZipファイルで提供しています。 WordPress PortableはZipファイルを解凍するだけで使えるWordPress環境です。環境構築の手間なくすぐにWordPress関連の開発に入れます。 解凍したファイル一覧です。WP-Portable.exeを実行します。 MySQLのセキュリティ警告が出ます。 Apacheも出ます。 タスクトレイに常駐します。既にこれで立ち上がっている状態です。 Webブラウザからアクセスしました。localhostでApacheが立ち上がって、/wordpressにインストールされています。 管理画面にログインします。デフォルトはadmin/adminです。 管理画面に入りました。既に新しいバージョンが出ているようです。 オートアップデートも問題なく完了しました。
お問合わせ・資料請求フォームのデザイン集 │ モノづくりブログ 株式会社8bitのスタッフブログです
株式会社8bitのスタッフブログです。おはようございます。8bitデザイナーの森島です。 すっかりと夏の陽気ですが皆様いかがお過ごしでしょうか。 私はオフィスの冷凍庫にﾁｭｰペットを忍ばせるべく週末の予定を早くも練っておりました。夏バテを起こしそうな週ナカですが、張り切って行きましょう！ 今日はフォームのデザインを集めました。 フォームってたくさんのサイトで作りますが、どうしてもワンパターンになってしまいがちですよね。 今回は美しいものから風変わりなものまで。皆様のご参考になれば幸いです。 （※画像はクリックで拡大します） △株式会社 西京味噌(http://www.e-miso.co.jp/) フォーム：http://www.e-miso.co.jp/contact/ △株式会社シーエッチ建築工房(http://www.ch-wood.co.jp/) フォーム：htt
Web制作の見積もりの出し方について改めて考えてみました。 │ モノづくりブログ 株式会社8bitのスタッフブログです
株式会社8bitのスタッフブログです。こんにちは。株式会社8bitの高本です。 最近見積りを作る機会が多く、「フリーランスのための全国Webサイト制作料金表まとめ25個」というまとめ記事をたまたま見ていて、Web制作における見積もりの適正価格と算出方法というものについて考えていました。 Web制作業界はフリーランスの方も多く、価格もそれぞれかなりの差があり、何を持ってして適正価格なのかもよく分からなくなってきています。見積もりの算出方法も異なります。 価格のばらつきもさることながら、Webサイト制作は実際にものがあるわけではなく、無形の状態から完全にオリジナルで作るわけで、お金を出して依頼する方も不安はあるかと思います。 結局、費用に対して割りにあった成果物があれば、依頼者は文句ないわけですが、見積もり段階ではどんなものが出来るのか頭の中にあるだけなので、見積もりが適正なのかも判断
[JS]ページ遷移にフェードやスクロールのアニメーションを加えるスクリプト -Pageswitch
リンクをクリックしてページを遷移する際に、フェードやスクロールのアニメーションを加えるスクリプトを紹介します。 デモページ Pageswitchの実装 実装は簡単です。 HTML 既存のHTMLに、特に手を加える必要はありません。 idに使用している「example」は適当なものに変更できます。 <div id="example"> <a href="//coliss.com/">Example #1</a><br /> <a href="http://www.example.com">Example #2</a><br /> </div> [ad#ad-2] JavaScript PageswitchはjQueryのプラグインのため「jquery.js」と当スクリプトを外部ファイルにし、下記のように各リンクにエフェクトを指定することができます。 $(document).ready(fun
Pure CSS3 typing animation with steps() • Lea Verou
steps() is a relatively new addition to the CSS3 animations module. Instead of interpolating the values smoothly, it allows us to define the number of “frames” precisely. So I used it to create headers that have the well-known animated “typing effect”: As you can see, the number of characters is hardcoded in the steps() function, but that’s the only place. Everything else is totally flexible. Apar
最近のWebサイトがハイレベルすぎて、正直これからデザイナーとしてやっていけるか不安です。皆さんはそんな時、どのようにして不安を払拭していますか？
Webデザイナーって中途半端。でも広く浅い知識が求められることもあると考えます。WEBデザイナーとはメディアコーディネーター。WEBメディアを扱う水先案内のプロ。やるべきことは広く知識を身につけ、さらにキュレーションのスキルを磨くことだと思います。
角丸がIE6〜8でも一部のCSS3が使える！「CSS3 PIE」の使い方 - [ホームページ作成] All About
IE6～8でも一部のCSS3が使える！「CSS3 PIE」の使い方IE6～8でも一部のCSS3プロパティが表示可能になる「CSS3 PIE」をご紹介。この「CSS3 PIE」を使えば、すべてのIE6～8ユーザに対して（一部の）CSS3プロパティを使ったデザインを見せることができます。ボックスの角を丸くしたり、ボックスに影を付けたり、背景色に透明度を付加したりするなど、CSS3で実現できるデザインを活用しているなら、それらを古いIEでも表示可能にしてみましょう。 Internet Explorer 10を含む最近のブラウザでは、どんどんCSS3への対応が進んでいます。今後は、より便利になったCSS3が広く活用されるようになるでしょう。しかし、IE6～8のような古いブラウザのユーザもまだたくさん居ます。そのために、CSS3で加わった新しいプロパティの活用を躊躇される方々も多いことでしょう(wo
![角丸がIE6〜8でも一部のCSS3が使える！「CSS3 PIE」の使い方 - [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
Showing Hyperlink Cues with CSS | Ask the CSS Guy
I like the little icons next to hyperlinks that signify if that link will take me offsite, open a popup, or link to a file (as opposed to another html page). Here’s how to do it in a way that’s supported in IE7, Firefox, and Safari. Download zip Images First, find some nice little icons (or better yet, create them yourself) in gif format that will be used as the cues. It might be easier for them a
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WebサイトをRetinaディスプレイに対応させる方法
SMALL MAKE
ネットブックにFedora 11を入れてみました。
