株式会社キテレツのカイトさんによるNuxt.jsのセッション。 WockerというWordPressのローカル開発ツールを提供されているようです。 モダンなウェブ開発の用語解説 JAMstackはモダンなウェブ開発アーキテクチャ。 headlessCMSはフロントエンドがないバックエンドのみのCMS。GUIでコンテンツ管理をしたいときにはheadlessCMSが役立つ。 WordPressはREST APIがありAPI開発が不要。開発の自由dも高くプラグインも多いので使いやすい。 Nuxt.jsは、Vue.jsのフレームワーク。Vue.jsにプリセットと規約が追加されたもの。家に例えると集合住宅、マンションのようなものです。 レンダリングモードが先tなく可能でSSR、SPA、静的生成が選べ、環境や用途に応じて利用ができます。 WordPressとNuxt.jsを利用すると、PHPを触らずに

DB、すなわちデータベース*1。普段あまり触れることがないDB。黒い画面（ターミナル）でコマンド打ってゴニョゴニョ操作するイメージのDB。おそらく一番身近な入り口である「Local by Flywheel」の「Adminer」から、WordPressのDBをSQL文でコチョコチョ操作したい！ ※目次： WordPressとMySQL WordPressのローカル環境「Local by Flywheel」 DBにアクセスするAdminer WordPressのDBのダンプ（sql）ファイル SQL文の三種類（DDL、DML、DCL） まとめと次回予告 WordPressとMySQL 「サーバサイドの中でのWordPressの位置付け」でも解説しましたがサーバサイドにはプログラミング言語とデータベース言語があります。 ※参考：サーバサイドの中でのWordPressの位置付け - クモのようにコ

WordPressローカル環境といえば、以前からXAMMP,MAMP,InstantWPなど様々な方法がありました。 既に他のローカル環境を使用されている方も、WPのローカル環境をこれから組もう！という方でもLocalは充分活用することができるなと、今回インストールしてみて思いました。 そこで今回は、昨年ごろから注目されている"Local by Flywheel"を紹介していきたいと思います。 Qiita上にはまだまだ情報が少ないため、ざっくりと紹介できたらと思います。 （今回がQiitaを書くのが初めてのため、至らない点があるかもしれません 情報に誤りなどがございましたら、コメントいただけますと助かります） ダウンロードとインストール http://coliss.com/articles/blog/wordpress/local-wordpress-development.html ht

ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. Local by Flywheel（ローカルバイフライホイール）とは、簡単にWorpdressサイトを構築できる、ローカル環境構築ツールである。 プログラムのコードが書けない人や、コマンドを理解できない人でも簡単にインストールすることができ、複数のWordpressサイトをボタンクリックだけで、自身のPCに構築することができる。 手軽にテスト環境を構築したい人や、初めてWordpressサイトを構築する人など、初心者には特にこのLocal by Flywheelを使ってローカル環境を作ることをオススメする。 また、私たちバズ部は12年で400社以上のメディア支援を行い、 立ち上げから10ヶ月で14.6億円の売上を産んだ不動産メディア8ヶ月

まずは作ったサイトを貼っておきます。 https://wp-nuxt-for-netlify.netlify.com/ いかがですか？現在住んでいるオーストラリアのADSLな爆遅回線でも、爆速です。 WordPress は heteml のレンタルサーバーですよ？ 感動しすぎたので、徒然なるままに〜。 ざっくり構成 WordPress側 リニューアル中の家族ブログ（ https://nishida.lol ） Heteml レンタルサーバー（月額 2000円） Heteml で無料SSL WP REST API でGET APIだけ利用 https://v2.wp-api.org/ フロント側 Nuxt Nuxt.js 1.0.0 nuxt generate で静的ファイル生成 netlify にホスティング https://www.netlify.com/ GitHub 上で nuxt

WordPressからFirebase＋Nuxt.jsのHeadless CMSに完全移行するまでの記録 ①導入・技術選定 前置き 2019年4月現在、このブログはWordPressで開発・運用していますが、 それに伴って生じている様々な問題を解決するために、脱WordPressすることを決めました。 主な理由は４つ。 ①サイトの速度が明らかに遅いため、Lighthouseなどのスコアが上がらないのがSEO・利便性の両面で不利。jQueryやPHP・サーバー応答速度といったボトルネックは、WordPressを使っている限り解消することができない ②NetlifyやFirebaseなどの無料で使えるサービスが充実してきている中、レンタルサーバーを使っているのはコスパも悪い ③今後のことを考えると、記事データはMySQLではなくJSON形式の方がバックアップしやすく安全 ④Vue.js、CSS

個人用メモです。 !! ======================== !! ※この記事は2019年の記事です。著者はもうWordPressを使用しておりません。この記事で紹介している内容は2019年当時の内容である事を理解した上で、実際に設定する際は最新の情報を確認しながら行ってください。 2019/9/26追記 2020年1月1日より静的IPが有料になる旨Googleから発表がありました。 $0.004/時間=最大約300円/月が有料となります。 それ以外の部分についても無料でなくなり次第記事を更新してまいります。 情報: @mattn 様 2020/3/20追記 まだ請求額が0円だったので「あれ？」って思って調べたら、上記の静的IP有料の変更は1/1から反映されてるものの、キャンペーンで2020/4/1までは割引されている事に気がついたので注釈追記しました。ちなみに割引されなかった

目次 中々の大作になってしまったので目次付けときます。 ↓目次を表示する まえがき KoToRiは最近まで「Custom Field Template」を愛用していました。 使い方を詳しく説明した記事も書きました。詳しく書き過ぎて見てくれた人にコメントで注意もされました笑 Custom Field Templateの使い方[WordPress] でも最近『Advanced Custom Fields』に乗り換えました。 理由はいろいろあるのですが一番の理由は編集画面に表示されるフィールドが見やすいからです。 管理画面をなるべく使いやすくカスタマイズするという事に重きを置くようになったのです。今更ですが。 でも調べていくうちに『Advanced Custom Fields』の柔軟性にビビりました。 みなさん、このプラグインが無料なのは凄いことです！ なので『Advanced Custom F

コンポーネントベースで、Webサイトやアプリを制作するために設計されたWordPressのフレームワークを紹介します。 レイアウトやコンポーネントを管理して、デザインが異なるランディングページをカスタマイズして作成することができます。 オープンソースで、完全に無料 TypeRocketはGPLライセンスで、すべての機能が無料で利用できます。Pro版はありません。 リピーターフィールド リピーター、ビルダー、エディター、マルチセレクト、イメージ、ギャラリー、その他のフィールドを含む20種類以上のフィールドタイプが用意されています。 ドキュメント TypeRocketを使用するためのドキュメント、チュートリアル、動画が完備されています。 モダンなセキュリティ ミドルウェアを作成し、さらにファイルをパブリックビューの外に保つことができます。 モダンな開発環境 Laravel ForgeやEnvo

WordPress can't do that?! Can it? WordPress lacks the robust modern tools professional developers and agencies have wanted for years. TypeRocket provides the tools you need to get demanding work done efficiently and with way less hassle. No comprehensive framework available? Projects taking too long to complete? WordPress crawling along slowly and bloated? Not able to deliver a user experience you

WordPress Advent Calendar 2012 の参加記事、2日目担当 @naokomc です。 実は昨年のアドベントカレンダーで書いた「WordPress のカスタムフィールド・投稿タイプ・タクソノミーを使い分けよう！」という記事はその後も一年を通してけっこう読まれているみたいです。そういうわけで、今回も基本的な WordPress テーマ関連での「使い分け」のお話を書いてみたいと思います（ちなみにこれは、WordCamp Philippines で Philip が話した内容と、ThemeShaper のテーマチュートリアルをベースにしたものです）。 テーマを「どうつくるか」 別案件として複数のテーマを開発していく際、どうすれば効率的で質の高いテーマを作ることができるか？というのは制作者の方にとって気になるところだと思います。また、WordPress はコアの開発がどんど

WordPressにはデフォルトで「Twenty Eleven（3.5から）」「Twenty Twelve」「Twenty Ten」というテーマが付属してきます。 また、公式のテーマディレクトリにも多くのテーマが登録されているので、そこから好みのテーマを選ぶこともできます。 ですが、オリジナリティを出したい（平たく言えば企業サイトなどでオリジナルのデザインにしたい）場合は、独自のテーマをつくる必要があります。 テーマをつくる上でどのような手法をとるかは高野直子さんが「WordPress テーマ開発4つのアプローチ #wacja2012」という記事を書かれたので、そちらもご覧ください。 WordPressに慣れてきた方は「子テーマ」でテーマを作られていると思います（親テーマを直接カスタマイズするとテーマのアップデート時にカスタマイズ箇所が消えるのでダメですよ）。 しかし、子テーマも親テーマへ

まずはオブジェクトキャッシュ。 オブジェクトキャッシュとは、PHPのコンパイルが少なくなる。 これに↓↓含まれている「object-cache.php」を　wp-content/　にアップロード！ WordPress › APC Object Cache Backend « WordPress Plugins 次に↓のプラグインをインストール！ WordPress › Tribe Object Cache « WordPress Plugins 以上で爆速サイトになるお！ ※APCとは スクリプトを実行する前に中間形式にコンパイルし、それを実行します。このコンパイルは、スクリプトにアクセスがあるたびに毎回実行されます。同じファイルをコンパイルしてできる中間形式は常に同じであるため、毎回行うことは無駄です。 APCを利用することで、この無駄をなくし、Webサーバのパフォーマンスを向上させるこ

1. 文系デザイナーでも大丈夫！ レスポンシブWebサイトを          で作ってみよう November 3,2012 WordCamp Osaka 額賀 順子 12年11月3日土曜日 3. 自己紹介 額賀 順子 | ヌカガジュンコ フリーランスのWebディレクター／デザイナー。 つまり１人で大概の事はやっちゃう人。 Webデザインを中心に、企画・色彩設計、スマートフォンサイト作成など幅広く 制作を手がけています。 綺麗めのデザインが得意です。聞き取りを大切にします。何を望んでいて、どん な効果が欲しいのか。プランニングを重要視します。 制作を続けながら、厚生労働省緊急人材育成事業基金訓練のWebデザイン/カ ラーコーディネーター養成講師をつとめ、Adobeアプリケーションのインストラ クター、セミナー講師も兼務。 Webの仕事は人と人を繋ぐ仕事と考え、制作だけではなく講演や教育事

26. News 記事 イベント EVENT 投稿 Home Gallery 作品 About 固定ページ Contact

WordCamp Osaka 2012 のセッションで発表させていただいた資料です。 この資料では、WordPress のカスタマイズを、
エンジニア寄りの視点で、解説させていただきます。 WordPressのカスタマイズはこれからだけど、PHPには精通されている方、一般的なWebアプリケーションフーレムワークでの開発の知識のある方などを主な対象として、当初つまずきやすいと思われる箇所や、私個人が疑問に思った箇所、気付くのに時間が掛かった箇所などを紹介させていただいています。Read less

Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp