Nuxt.jsでWordPressをSSG化してみる
はじめに 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
WordPressをやめ、静的サイトジェネレーターで高速化した話 - ICS MEDIA
ICS MEDIAは2019年4月にリニューアルしました。シンプルでモダンなデザインへと見栄えは変わり、フロントエンドの最新技術によって爆速なサイトへと生まれ変わっています。 技術的におもしろいポイントは、WordPressワード・プレスを廃止したことです。 この記事では、オウンドメディアとしてWordPressをやめた理由、代用技術の選定で苦労したことを紹介します。 リニューアル前後の違い リニューアルによってどのくらい改善したか、定量的な結果を紹介します。ウェブサイトの性能を示す指標としてLighthouse（Google ChromeのデベロッパーツールのAuditsタブ）というツールがあります。 Lighthouseの採点で、リニューアル前は80点ほどだったのが、ほぼ満点のスコアをたたき出せるようになりました。SEOやアクセシビリティの点数も満点です。 動画でもご覧ください。リニュ
【分野別】VSCodeのおすすめ拡張機能まとめ - Qiita
はじめに 今回はVSCodeでおすすめの拡張機能を分野別に紹介していきます。 拡張機能は下記の分野に分けて紹介していきます。 VSCodeを使う全員向け Web制作関連 HTML&CSS関連 WordPress関連 フロント向け JavaScript React Vue サーバーサイド向け PHP Ruby その他 拡張機能を利用することで開発の生産性を上げることができるので、ぜひ参考にしていただければなと思います。 この記事の対象者 プログラミング初心者の人 分野別におすすめの拡張機能を知りたい人 開発の生産性をより上げたい人 VSCodeを使う人全員向け まずはじめにVSCodeで開発をしている人、全員におすすめをしたい拡張機能を紹介しておきます。 自分自身が使った拡張機能の中で「とりあえず入れて損はない」というものを厳選しています。 それでは紹介していきます。 Japanese La
タダで本格的なSNSサイトが作れる３つのサービス
「自分でもFacebookのようなSNSサイトを持ちたい！」とお考えの方に、今回はタダでSNSサイトが作れる３つの方法を紹介したいと思います。 SNSサイトを運営して、趣味仲間との交流の場を作成したり、ビジネスであれば社内SNSとして組織単位、プロジェクト単位などでコミュニケーションを取る場として利用することもできます。 とは言っても、「SNSを作るなんて無理でしょ？」と思われる方が多い。もし業者に依頼して１から作成してもらえば数百万円という金額がかかる場合もあります。企業であっても、そこまでの大金を簡単には出せないでしょう。 でも実は、“タダ”でSNSサイトを作成する方法があるのです。そう、無料です！！ 探せば色々出てくるのですが、今回は有名なものを３つ紹介したいと思います。 OpnePNE日本製のSNSで有名なのが「OpenPNE」です。 http://www.openpne.jp/
1時間で出来るWordPress環境構築(※永久無料・・・だった)【※2020/7/1より約300円/月が有料になります】 - Qiita
個人用メモです。 !! ======================== !! ※この記事は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.金融・投資：所有有価証券の一
ブログのSEO対策で重要な12項目 | パシのSEOブログ
先日の「企業サイトの8つのSEO」に続き、今回はブログのSEOやSMO、アクセスアップ法について考えて見ます。SEOの基本的な手法は企業サイトも個人サイトもブログも変わりませんので、企業サイトの8つのSEOをお読みで無い方はまずはそちらをお読みください。 今回は、主にWordPressブログでの解説となっていますが、他のCMSや無料ブログにも役立つ内容も含まれていると思います。 １．タイトルはキーワードとブランディングを意識 ブログタイトル ブログタイトルはブランディングも考え、他のブログと被らないユニークでわかりやすいタイトルにします。もちろんターゲットキーワードを含めるのですが、独自ドメインのサブディレクトリやサブドメインとして設置するブログの場合には、メインサイトで狙うキーワードとの関連性も考慮してください。 ブログタイトルは、SEOにとって最も重要な要素である被リンクのアンカーテキ
ざっくりWordPressの自作テンプレートの作り方 - Qiita
プログラミング学習サービスやら、ペットサロン予約サービス、風俗検索サービスなど色々とやっている「かずきち」です。 ■運営サービス一部 http://crazy-wp.com/ http://webukatu.com/ 新宿のホストから不動産・保険の営業を経て、HTMLって何？という状態から３ヶ月独学でプログラミングやデザインを学び、IT業界で１年間実務経験を積んで年収は１本超え。現在は起業家としてサービス運営やら不動産運営をしています。 Qiita内にそれ系の記事も書いてます。 エンジニアで稼ぐために大切な１３のコト WEBサービスで起業したい人に読んで欲しい１８のコト wordpressってなに？ 優れたメンテナンス性・無限の拡張性を併せ持ったオープンソースのCMS。 世界で最も使われているCMS ワードプレスは現在、世界で最も使われているCMSです。 世界中の政府機関、企業、教育機関な
Coming Soon
We're under construction. Please check back for an update soon.
ネコでもわかる！さくらのVPS講座 ～第二回「サーバーをさわってみよう！」 | さくらのナレッジ
初心者がVPS(Virtual Private Server)をWebサーバーとして構築し、WordPressのサイトを運用できるようになるまでの連載の第2回目です。 前回(第1回目)は、レンタルサーバーとVPSの違いや、数あるVPSのプランからどのような基準で自分にあったサーバーを選択すれば良いか？などの基本的知識を説明しました。 今回はVPSの申し込みをして、サーバー起動、ログイン、終了ができるところまで説明します。 ちょっと長いですが、休憩しながらでいいのでがんばっていきましょう！ VPSの利用申し込みをしよう VPSにログインしよう。SSHクライアントソフトのインストール OSをアップデートしよう SSHをもっと安全に使うために 一般ユーザーを作ろう sshサーバーの設定を変更して、rootで直接アクセス出来ないようにする VPSの利用申し込みをしよう さくらのVPS お申し込みの
http://mellowchanter.info/web/wordpress/startup-wordpress-theme/
See related links to what you are looking for.
Webデザインへの情熱が再燃したのはWordPressとの出会いがきっかけでした。初めて自分でホームページを完成させた時の話。 | SABURO DESIGN
どうも、SABURO DESIGNのサブロー（@saburo_design）です。 ぶっちゃけWebデザイン大嫌いだったんですよね。 私は高校卒業後、デザインの専門学校に行っておりグラフィックデザイン、Webデザイン、果ては3DCGデザインまで満遍なく学びました。そして専門学校を卒業し、インハウスデザイナーとして大阪の企業で就職したのですが、正直Webデザインの仕事は苦痛でした。当時HTMLとCSSしか知識がなく、ドリームウィーバーでホームページをちまちま更新したりしましたが、思うようにレイアウトが組み立てられず…。 グラフィックデザインを中心に業務をこなす幸いその会社ではWebよりも、チラシ・広告・資料などの仕事が多かったのでWeb制作はそこそこに、グラフィックデザインの仕事に注力していました。それでも時々あるWeb関係の仕事は辛かったです。 グラフィックデザインのスキルはガンガンあがっ
WordPressの使い方：管理画面へのログインとダッシュボード、ブログの表示確認 | WordPressやWebデザインなど紹介 Ocadweb
このページでは以下についてご説明します。 管理画面へのログイン ダッシュボードについて ブログの表示確認 管理画面からのログアウト WordPressの管理画面へのログイン方法 インストールしたときは順番に進めていくことでログイン画面に辿り着くことができましたが、通常はログイン画面のURLを入力して表示することになります。 入力するURLは以下になります。 http://ドメイン名/インストールしたディレクトリ/wp-login.php ※インストールしたディレクトリ：本サイトを参考にインストールした場合は「wordpress」になります。 ログイン画面のURLはブックマークしておくといつでも簡単に表示できるようになります。 URLを入力して「enter」キーを押すとログイン画面が表示されます。 「ログイン状態を保存する」にチェックをしてログインすると10日間は再度ログインしなくても自動的
wordpressにJSON-LDを追加するプラグイン「Star SEO」これで検索エンジンに正しく情報を伝えよう！ | シップル合同会社
今回はこのブログの公開プラグインページで公開しているプラグイン「Star SEO for blog」について説明します。このプラグインはあなたのwordpressのブログにJSON-LDというものを追加してブログに構造化今回はこのブログの公開プラグインページで公開しているプラグイン「Star SEO for blog」 について説明します。 このプラグインはあなたのwordpressのブログにJSON-LDというものを追加して ブログに構造化データマークアップを施すプラグインです。 ※ただいまブログ専用です とりあえず構造化マークアップ、JSON-LDなど聞き慣れていないかもしれない言葉も出て きているかとは思うのでまずこれらを説明致します。 Star SEO for blogをダウンロード 構造化マークアップとは？ 簡単に言うと 検索エンジンなどのロボットへ正しくコンテンツを伝
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
通信制大学 サイバー大学 オンラインでITとビジネスを学び、大学卒業資格（学士号）を取得できる
Pocket - My list
Microsoft Azure Portal
パシさん 半年で月5万円稼ぐアフィリエイトサイトを作る為の24の手順 | SEOテンプレート比較
DockerでWordPressサイトを開発してみよう
Welcart
