WordPress + React.jsでのウェブサイト構築事例リサーチ – 海底２万トン by スタジオ・ピグボ
『Monument Valley』などでも知られるウェブ＆アプリ制作プロダクションustwoが、自社サイトをWordPress + React.jsで構築した事例をオープンソースにしていて、このアプローチに興味を持ちました。しばらく追いかけてみたところ他にも事例があったのでまとめてみました。 ※単にリサーチをしたまとめです。筆者はこの手法でサイト構築をした訳ではないのでその点はご留意下さい。 パターン１: Node.jsでisomorphicなウェブアプリを構築 ＋ WordPressをバックエンドとして利用 https://raw.githubusercontent.com/ustwo/ustwo.com-frontend/master/docs/infrastructure.png ustwo.comは、Node.jsでサイトを構築し、WordPressはAPIサーバとして利用していま
すべての社員がリモートワークの「WordPress.com」運営会社・Automattic社って？ 唯一の日本在住スタッフ、高野直子さんに話を聞いた | ライフハッカー・ジャパン
ライフハッカー［日本版］では新しい働き方の1つとして、「リモートワーク（在宅勤務）」についてこれまで何度か取り上げてきましたが、日本ではいまだほとんど浸透していないように思います。そこで今回は、日本国内でリモートワークを実践している「WordPress.com」の運営会社・Automattic社で働く高野直子さんにインタビューしました。 オープンソースのブログ、CMS（コンテンツマネジメントシステム）としてトップレベルの知名度を誇るWordPressですが、その創始者が運営しているAutomattic社についてはよく知らないという人が多いのではないでしょうか。すべての社員が特定のオフィスを持たず、世界60カ国以上に散らばってリモートで業務をこなすという日本ではまずないであろう勤務形態の同社について、詳しくお話をうかがいました。 「会議するから会おう」という発想がそもそもない 米田：現在、A
WordPress セキュリティ白書を公開しました。
今年3月に WordPress.org 英語サイト上に掲載された WordPress Security White Paper を訳しましたので、公開します。 » WordPress セキュリティ白書 どのようなセキュリティポリシーのもとに WordPress が開発されているかがよく分かるかと思います。今後の WordPress の活用にぜひ参考にしてください。 以下は序文の抜粋です。 このドキュメントは、WordPress コアソフトウェアの開発とそれに関連するセキュリティプロセスの分析と説明だけでなく、ソフトウェアに直接組み込まれる固有のセキュリティの調査でもあります。コンテンツ管理システムや Web アプリケーションフレームワークとして WordPress を評価する立場にある意思決定者は、自分の分析と意思決定にこの文書を利用するべきであり、開発者は、この白書を参照してこのセキュリ
ワープレ速報 WordPress Navi
WordPressのカスタマイズ方法やテンプレート、プラグインやソーシャルメディア連携・連動など、WordPressの気になる情報から最新情報まで、巷のWEBサイトや人気ブログ記事、Twitterのつぶやきなどをまとめて紹介します。カテゴリ・用途から探す プラグイン紹介 (73) カスタマイズ全般 (52) テーマ紹介 (13) WordPressサイト紹介 (2) パーマリンク関連 (6) 検索フォーム (3) カテゴリー関連 (8) 関連記事・人気記事表示 (4) メディア（動画・画像） (7) メール関連 (2) カスタムフィールド (2) RSS (3) ソーシャルメディア連携 (17) SEO・アクセス解析 (9) 管理画面 (6) セキュリティ・SSL (7) HTML5・CSS3 (2) Javascript・jQuery (2) スマートフォン最適化 (11) マルチサイト
Wpshower — Free WordPress Themes
Clean & Functional Free WordPress Themes Complete, friendly and free from unnecessary components. Who we are? We are a team of designers. Actually, there are only two of us but you have to admit that the team sounds much better. We make elegant, simple and functional WordPress themes. Our goal is to make the Internet a bit more comfortable place for you to spend time. Every day we work on making t
よくあるカスタマイズコード functions.php 多め
WordPress のテーマを自作するときに、よく使っているコードのまとめです。主に functions.php に書いている基本的なコードばかりです。私は仕事で Webサイトを作っているので、後半はクライアントさん向けの Webサイト用コードです。 私、Evernote を使ってるんですけど、WordPress をカスタマイズするコード … たくさんクリップしてあって、ちょっとごちゃごちゃしてきたので整理しました … X( その中から一般的に使えるコードだけまとめてみました。個人的によく使うコードなど、一カ所にまとめておきたいなーと思ったのでメモ書きです。全部 WordPress 3.2 になってから、テスト済みです。 WordPress のよくあるカスタマイズ 目次 セッティング関連 ソーシャルボタンを追加 抜粋表示、the_excerpt 関連 タイトルの文字数を制限して表示する 特
レイアウトや配色等をインタラクティブに設定できるWordPressテーマを作る為のフレームワーク・PressWorkちょっとやばい - かちびと.net
その場でインタラクティブにレイアウトや配色を 調整出来るようなテーマを作る為の開発者向け WordPressテーマフレームワークのご紹介。 久々に凄いなーと感じて脊髄反射的に記事に。 PressWorkで作られたテーマならユーザーが 直感でレイアウトを作る事が出来ます。 以前、直感でWebサイトを作成できるフリーWebサービスという記事を書いたんですが、このサービスのように、インタラクティブにレイアウトやカラーなどを決める事が出来るWordPressテーマ。というだけでも凄いんですが、これがフレームワークとして配布されているのでちょっと驚きでした。 HTML5で出来ています。管理画面に入る事も無く、FTP不要で直感的に、インタラクティブにレイアウトを組む事が出来ます。やばい。 以下に解説を少し。 テーマをアクティブにする 最初にテーマをアクティブにします。外観でPressWorkを選択する
WordPressを使ってWeb制作をする為の手順リスト・【改正版】+α - かちびと.net
以前書いたWordPressでWeb制作する際 の手順リストが少し古い情報込みだったり するので改正版を書きます。先日、WPも 3.2のリリースを迎えましたので、手順リスト もアップデートすることにしました。多少考え が変わっているので内容も少し変更有ります。 以前のリストの改正版です。加えて他の情報も一緒に載せておく事にしました。 【2011・07・11】 WordPressインストール サーバーを用意（PHP5.2.4 以上 / MySQL5.0 以上） DBを作成 WordPressをダウンロードし、解凍 wp-config-sampleをwp-configにリネームし、内容をDBに合わせて変更 プリフィクス（接頭語）を変更する（wp_→foodblog_） FTPソフト等でサーバーにアップロード サイト名やパスワード、IDを決める（adminは避ける） 作成したユーザー名でログイン
[連載]WordPressでWebサービスを作る方法（1:PHPとは） | Stocker.jp / diary
このブログでは何度も触れていますが、3月に フリー写真素材 :: Free.Stocker という無料写真素材サイトをオープンしました。 このサイトは、WordPress というブログ向けの CMS（コンテンツ管理システム）を使って作りました。 このサービスを作った際の手順をケーススタディとして「PHPやWordPressを全く知らない方でも、WordPressでWebサービスを作り、それをたくさんの方に利用して頂ける方法を分かりやすく学べる記事を書こう」と思い書き始めたのがこの記事ですが、「PHPとは」から「WordPressサイトにおける内部SEO」「ソーシャルメディアマーケティング」まで網羅する特大記事になり、1記事として一度に掲載することが難しくなったので、全10回の連載としてお送りします。 WordPressやPHP初心者の方はぜひ1ページ目からソースコードを書き写しながら、既に
![[連載]WordPressでWebサービスを作る方法（1:PHPとは） | Stocker.jp / diary](https://cdn-ak-scissors.b.st-hatena.com/image/square/947985bcd7f71a4e7f7feaf02c144a8017885e3c/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fstocker.jp%2Fdiary%2Fwp-content%2Fuploads%2F83-1.png%3Ffit%3D500%252C300%26ssl%3D1)
WordPressでCMSを作るなら絶対に覚えておきたいプラグインいろいろ | Web活メモ帳
WordPressでサイトを作る際に毎回入れるプラグインを人に教える機会があったのでブログでもご紹介します。 新しくブログを作る時や仕事でカスタマイズする際に参考にしてもらえれば幸いです。 全てのサイトで必ず導入するプラグイン このサイトでも使っていますし、クライアントのサイトを作る際にも毎回導入しています。 セキュリティ関係やSEO対策プラグインが主なものですよ。 All in One SEO Pack サイト全体、個別記事、ページ毎にタイトル、description、キーワードの設定などが出来るようになります。 SEOに必要な最低限の機能はカバーされていますので、マストなプラグインですね。 Akismet スパム対策のプラグイン。 オンラインサーバでコメントの内容をチェックするスパム対策サービスです。 標準でインストールされているので、管理画面から有効化してAPIキーを入力するだけでO
WordPress+共有SSLでFacebookページにコンテンツを表示する
「Facebookアプリ「HTTPS+OAuth2.0」の利用を義務付けへ」でお知らせしたとおり、FacebookのIFrameタブはセキュアな接続のみとなる予定です。IFrameタブのコンテンツを制作する場合、この条件は避けて通れなくなります。 このエントリーではそれにさきがけて、WordPress+共有SSLでFacebookページのIFrameタブにコンテンツを表示する実験を行ってみました。WordPressで通常のサイト（http）を運営しつつ、同時にFacebookページをWordPressを使って管理するケースを想定しています。 実験環境は次のとおりです。 独自ドメイン（Value Domain取得） さくらインターネット・マネージドサーバ＋共有SSL ※スタンダードプラン以上であれば共有SSL利用可能 WordPress 3.1 １．さくらインターネットに独自ドメインを設定す
さくらVPSのWordPressをチューニングして30倍高速化した方法 - 原宿・表参道.jp
今日はさくらVPSに載せているWordPressのパフォーマンスをチューニングして高速化に成功したので安心して眠れるという話をします。 2.5ページ/秒だったのが70ページ/秒と30倍高速化。 以前はDaily数千PVで重くなっていたサイトがDaily3.6万PVを余裕で捌けるようになりました。 #ちなみにproxy cacheという手法はwordpressでなくても動的コンテンツ全般に有効です。 ▼サーバ気にしなくて良くなったので今週末新宿御苑に花見に行けました☆。枝ぶりがいいさくらが多くてほんといいところだと思うの。 WordPressチューニング高速化結果http://hara19.jp/のサーバ環境と測定結果は以下のとおり。 WordPress稼働環境さくらVPS 1GB/CentOS5.5/PHP5.3/MySQL5.5/WordPress3.1。 WEBサーバはチューニングにあ
記事をサムネイルのみのギャラリー風⇔縦並びのブログ風に切り替え可能なWPテーマ・Sight - かちびと.net
良さそうなWordPressテーマがあった のでシェア。ブログ記事を、サムネイル のみのギャラリー風と通常の縦並びの ブログ風にユーザー側で切り替え可能 なテーマ・Sightです。デザインもミニマル ですごく素敵。コンテンツスライダー付き です。 もう、そのまま使ってもいいレベルじゃないかなと思います。記事部分をブログ⇔ギャラリーでユーザーが切り替えられるミニマルデザインのテーマ。IE6のみ、切り替えボタンの表示が崩れますが、動作はするのでcssでなんとかしたいところですね。 通常はこんな感じ。ミニマルデザインでとても見やすいです。記事部分の右上に切り替えボタンがあり、ここで切り替えます。 こんな感じで綺麗にグリッドに合わせて表示してくれます。ブログ風Ver.の時のサムネイルを並べて切り替えられるように、というアイデア。発想が面白いので真似してみたいです。他にもプルダウンするメニューやコン
WordPressのはてな記法プラグイン「WP Hatena Notation」 - Rewish
はてなダイアリーでおなじみのはてな記法。慣れるとさくさく記事が書けてなかなか良いので、PHPのはてな記法パーサHatenaSyntaxを利用してWordPressのプラグインを作ってみました。 手軽に導入できるので、はてな記法が大好きなWordPressユーザーはぜひ使ってみてください。 ダウンロード WP Hatena Notation - 2.0.x 開発リポジトリはrewish/wp-hatena-notationです。 ライセンス GPLv2 or later サポートする記法 使用可能な記法についてはHatenaSyntaxに依存しています。詳しくはサポートする記法 - HatenaSyntaxマニュアルを参照してください。 キーワード記法については タグページへのリンク となります。 はてな記法の設定 【設定】メニューの【はてな記法】から設定を変更できます。 バージョン2.0未
WordPressでのページ表示高速化の色々まとめ:phpspot開発日誌
WordPressは1万3000以上のプラグイン、1300以上のテーマが公式に登録されており、その拡張性から大体のことは出来てしまいます。 但し、弱点があってデフォルト利用だとパフォーマンスがあんまり出ないってことで、アクセスの多いブログでも捌けるようにするには色々工夫が必要ということで高速化に関するページを色々まとめてみました。 15 Ways To Speed Up Wordpress WordPressでのページ表示高速１５の方法。 体感速度をあげちゃう方法が色々と載ってましたので通常のWEBサイト作りにおいての常識も多く含みますが参考までにメモしてみました。 FirebugとYSlowを使ってページを最適化しよう W3 Total Cache を使おう WP Super Cache 等、静的にキャッシュしてそもそもDBアクセスをなくしちゃったりするプラグインを使おうという話 WP
Disqusというコメントシステムがとても良い
TechCrunch Japan の記事を読んでいたら、記事の末尾にあるコメントシステムがソーシャルメディアと連動して、とても良くできている。最後まで読んでいくと、「blog comments powered by DISQUS」という表記があった。早速このリンクを辿っていくと、DisqusというWebサービスのよう。 これは便利そうということで、さっそくyoppa.orgにも取り入れてみた。このサイトはWord Pressで作成しているのだが、DisqusのインストールはWordPressのプラグインとしても提供されているので、とてもに簡単に導入可能だ。具体的な方法は、下記の記事を参照した。 WordPressにコメントシステムのDisqusを導入した | ueblog 基本は、Disqusでユーザ登録した後で、コメントシステムを導入したBlogを登録し、あとはWorpressのプラグイ
2011年、WordPressに効果があるSEOの15のテクニック
WordPressで作成したサイトをより有益にするために、Googleなどの検索エンジンに最適化を行うSEOの15のテクニックを紹介します。 The 15 Best SEO Tips for WordPress in 2011 [ad#ad-2] 下記は、各ポイントを意訳したものです。 1. コンテンツを充実させる 2. コンテンツへのリンク 3. キーワードは適切に 4. タイトルにもキーワードを 5. Trackbacksを可能に 6. URL構造の最適化 7. 記事の画像の最適化 8. Google Sitemapの活用 9. 投稿スラッグの利用 10. 内部リンクの精査 11. validなコードで 12. キャッシュの利用 13. SEO用のプラグイン 14. 古い記事のリサイクル 15. 関連記事へのリンク 1. コンテンツを充実させる ごく当たり前のことですが、これは本当に本
Top Premium-Like Free WordPress Themes Of 2010
Year 2010 is almost over and we started end-of-the-year-roundup from yesterday. As you people already know about wordpress that it is one of most popular blogging service, so we are not going into its detail. It is so popular because of its highly useful plugins and readily available free premium wordpress themes that make blogging absolutely interesting and pleasing experience. For a web designer
MOONGIFT : WordPressを使ってデータをビジュアル化する「DataPress」 オープンソース・ソフトウェア/フリーウェアを毎日紹介
DataPressはデータのグラフ化、ビジュアル化を行うWordPressプラグイン。 [/s2If] DataPressはPHP製のオープンソース・ソフトウェア。プレゼンテーションを行ったり、人に情報を適切に伝える際にデータのビジュアル化はとても大事なことだ。一覧表では分かりづらいことも、グラフ化したり地図上にマッピングすることで容易に理解できるようになる。 地図 データの管理を行うには表計算やデータベースを使うのが一般的だろう。そしてそのデータをビジュアル化したものを管理するにはCMSを用いられる。この二つを組み合わせてデータを表現するソフトウェアがDataPressだ。 DataPressはCMSとしてWordPressを使い、データのビジュアル化を行う。データソースとしてExhibitまたはGoogleスプレッドシートが選択できる。そしてリスト、テーブル、地図、タイムライン、散布図
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.hirok-k.com/blog/