はじめに Webサイトで上位表示を狙う場合、ページの表示スピードはとても重要です。 WordPressで作成されたページの表示速度改善のため、Nuxt3を使いサイトをSSG化することで表示速度の高速化を狙っていきます。いわゆるヘッドレスCMSです。 環境 WordPress 6.2 Nuxt3 MySQL 5.7 実装手順 WordPress環境の構築 dockerを使ってWordPressの環境を構築していきます。 ここでは、Docker HubにてWordPress Official Imageの例となっているコードを参照していきます。 version: '3.1' services: wordpress: image: wordpress restart: always ports: - 8080:80 environment: WORDPRESS_DB_HOST: db WORDP

ICS MEDIAは2019年4月にリニューアルしました。シンプルでモダンなデザインへと見栄えは変わり、フロントエンドの最新技術によって爆速なサイトへと生まれ変わっています。 技術的におもしろいポイントは、WordPressワード・プレスを廃止したことです。 この記事では、オウンドメディアとしてWordPressをやめた理由、代用技術の選定で苦労したことを紹介します。 リニューアル前後の違い リニューアルによってどのくらい改善したか、定量的な結果を紹介します。ウェブサイトの性能を示す指標としてLighthouse（Google ChromeのデベロッパーツールのAuditsタブ）というツールがあります。 Lighthouseの採点で、リニューアル前は80点ほどだったのが、ほぼ満点のスコアをたたき出せるようになりました。SEOやアクセシビリティの点数も満点です。 動画でもご覧ください。リニュ

はじめに 今回はVSCodeでおすすめの拡張機能を分野別に紹介していきます。 拡張機能は下記の分野に分けて紹介していきます。 VSCodeを使う全員向け Web制作関連 HTML&CSS関連 WordPress関連 フロント向け JavaScript React Vue サーバーサイド向け PHP Ruby その他 拡張機能を利用することで開発の生産性を上げることができるので、ぜひ参考にしていただければなと思います。 この記事の対象者 プログラミング初心者の人 分野別におすすめの拡張機能を知りたい人 開発の生産性をより上げたい人 VSCodeを使う人全員向け まずはじめにVSCodeで開発をしている人、全員におすすめをしたい拡張機能を紹介しておきます。 自分自身が使った拡張機能の中で「とりあえず入れて損はない」というものを厳選しています。 それでは紹介していきます。 Japanese La

「自分でもFacebookのようなSNSサイトを持ちたい！」とお考えの方に、今回はタダでSNSサイトが作れる３つの方法を紹介したいと思います。 SNSサイトを運営して、趣味仲間との交流の場を作成したり、ビジネスであれば社内SNSとして組織単位、プロジェクト単位などでコミュニケーションを取る場として利用することもできます。 とは言っても、「SNSを作るなんて無理でしょ？」と思われる方が多い。もし業者に依頼して１から作成してもらえば数百万円という金額がかかる場合もあります。企業であっても、そこまでの大金を簡単には出せないでしょう。 でも実は、“タダ”でSNSサイトを作成する方法があるのです。そう、無料です！！ 探せば色々出てくるのですが、今回は有名なものを３つ紹介したいと思います。 OpnePNE日本製のSNSで有名なのが「OpenPNE」です。 http://www.openpne.jp/

個人用メモです。 !! ======================== !! ※この記事は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までは割引されている事に気がついたので注釈追記しました。ちなみに割引されなかった

フリーランスのデザイナーとして活動していくには、ポートフォリオサイトの作成は欠かせません。 ポートフォリオサイトは自身が作った作品をまとめたWebサイトのことで、新しいクライアントに対してスキルや実績をアピールすることを目的としています。 ただ、いざ作成するとなるとどういった項目を記載すればいいのか迷ってしまう方も多いのではないでしょうか。 今回は、ポートフォリオサイトの基本的な作り方とポートフォリオを作成できる4つのサービスを紹介します。 ポートフォリオサイトは、クライアントが最初に見るあなたの作品です。ぜひ基本的なポイントをおさえて、自身の作品の魅力を引き出せるサイトを作成しましょう。 ポートフォリオサイトとは 「Portfolio（ポートフォリオ）」とは、もともと書類をまとめて持ち運べるケースを指す言葉であり、主に以下のような意味で利用されています。 1.金融・投資：所有有価証券の一

プログラミング学習サービスやら、ペットサロン予約サービス、風俗検索サービスなど色々とやっている「かずきち」です。 ■運営サービス一部 http://crazy-wp.com/ http://webukatu.com/ 新宿のホストから不動産・保険の営業を経て、HTMLって何？という状態から３ヶ月独学でプログラミングやデザインを学び、IT業界で１年間実務経験を積んで年収は１本超え。現在は起業家としてサービス運営やら不動産運営をしています。 Qiita内にそれ系の記事も書いてます。 エンジニアで稼ぐために大切な１３のコト WEBサービスで起業したい人に読んで欲しい１８のコト #wordpressってなに？ 優れたメンテナンス性・無限の拡張性を併せ持ったオープンソースのCMS。 ##世界で最も使われているCMS ワードプレスは現在、世界で最も使われているCMSです。 世界中の政府機関、企業、教育

初心者がVPS(Virtual Private Server)をWebサーバーとして構築し、WordPressのサイトを運用できるようになるまでの連載の第2回目です。 前回(第1回目)は、レンタルサーバーとVPSの違いや、数あるVPSのプランからどのような基準で自分にあったサーバーを選択すれば良いか？などの基本的知識を説明しました。 今回はVPSの申し込みをして、サーバー起動、ログイン、終了ができるところまで説明します。 ちょっと長いですが、休憩しながらでいいのでがんばっていきましょう！ VPSの利用申し込みをしよう VPSにログインしよう。SSHクライアントソフトのインストール OSをアップデートしよう SSHをもっと安全に使うために 一般ユーザーを作ろう sshサーバーの設定を変更して、rootで直接アクセス出来ないようにする VPSの利用申し込みをしよう さくらのVPS お申し込みの

See related links to what you are looking for.

6. コンテナ型仮想技術とは •  仮想化技術にも種類があります サーバマシン ハイパーバイザ （仮想環境みまもりくん） 仮想的につくっている環境 サーバマシン Apache Unicorn Linux（ホストOS） コンテナ MySQL コンテナ 仮想的につくっている環境 Linux （仮想OS） Apache Unicorn 仮想マシン Linux （仮想OS） MySQL 仮想マシン 仮想マシン （VMWareなど） コンテナ型仮想化 Docker Docker engine ホストOS 7. コンテナ型仮想技術とは •  仮想化技術にも種類があります サーバマシン ハイパーバイザ （仮想環境みまもりくん） 仮想的につくっている環境 サーバマシン Apache Unicorn Linux（ホストOS） コンテナ MySQL コンテナ 仮想的につくっている環境 Linux （仮想OS）

「できない」を 「できる」へ デザインも機能もカスタマイズ次第！ さまざまな要望に沿った ネットショップが作れます。

このページでは以下についてご説明します。 管理画面へのログイン ダッシュボードについて ブログの表示確認 管理画面からのログアウト WordPressの管理画面へのログイン方法 インストールしたときは順番に進めていくことでログイン画面に辿り着くことができましたが、通常はログイン画面のURLを入力して表示することになります。 入力するURLは以下になります。 http://ドメイン名/インストールしたディレクトリ/wp-login.php ※インストールしたディレクトリ：本サイトを参考にインストールした場合は「wordpress」になります。 ログイン画面のURLはブックマークしておくといつでも簡単に表示できるようになります。 URLを入力して「enter」キーを押すとログイン画面が表示されます。 「ログイン状態を保存する」にチェックをしてログインすると10日間は再度ログインしなくても自動的

今回はこのブログの公開プラグインページで公開しているプラグイン「Star SEO for blog」について説明します。このプラグインはあなたのwordpressのブログにJSON-LDというものを追加してブログに構造化今回はこのブログの公開プラグインページで公開しているプラグイン「Star SEO for blog」 について説明します。 このプラグインはあなたのwordpressのブログにJSON-LDというものを追加して ブログに構造化データマークアップを施すプラグインです。 ※ただいまブログ専用です とりあえず構造化マークアップ、JSON-LDなど聞き慣れていないかもしれない言葉も出て きているかとは思うのでまずこれらを説明致します。 Star SEO for blogをダウンロード 構造化マークアップとは？ 簡単に言うと 検索エンジンなどのロボットへ正しくコンテンツを伝

WordPressで利用しているPHP(php-fpm)のバージョンをPHP7.0にバージョンアップしました。環境はUbuntu14.04です。 最近、PHPには触れていないので、かなり高速化されたPHP7.0がリリースされたという噂を聞きつけて、勢いでバージョンアップしてみました。 基本的な作業の流れとしては WordPress及びプラグインのアップデート インストールされているPHP5.x系を削除 PHP7.0系をインストール だけで利用することができました。 以前hhvmでWordPressを動かそうとした時は、利用しているプラグインのキャッシュ周りの処理で躓いてしまってhhvm環境で動かすことを断念しました。PHP7.0環境ではそのような問題もなく、一通り動作しているのを現在確認しています。数日様子を見て、問題なさそうであれば、そのまま稼働させようと思います。 PHP5.x系のアン