【Cloudflare Pages】ブログを公開したい？...5分もあれば十分だ
はじめに こんにちは！株式会社Rivine のつかもとです！ 普段はエンジニアとして、主にフルリモートの開発支援案件に従事しながら Rivine の取締役としても日々粛々と働いております。 前回の記事では、 Hugo のブログ開発について執筆しましたが、 今回は、弊社ホームページの利用技術でもある 「Cloudflare Pages」 を使って ハンズオン形式にて、前回の記事で作成した Hugo のブログを公開してみたいと思います。 ※ 本記事タイトルの「5分もあれば十分だ」という表現について ※ 5分もあれば十分だ という少しネタを交えた表現をしておりますが、トータルの作業時間については、各開発環境やネットワーク環境、作業スピードによって変動するかと思います。 あくまで、筆者が本記事の手順を滞りなく、スムーズに作業した上での 目安時間 だとご認識いただけますと幸いです。 今回公開するブロ
ブログを GCP から AWS に移行した。 | blog.dnpp.org
概要 Before Google Cloud Platform f1-micro インスタンスで CoreOS が動作していた。 sinatra の Docker コンテナが動的なコンテンツを返していた。 とはいえほぼ静的な html なので、 SSL 終端もしていた nginx コンテナに強めのキャッシュを持たせていた。 After Amazon Web Services 予めビルドした静的コンテンツを S3 に放り込む。 S3 + CloudFront(CDN) + ACM(SSL) + Lambda@Edge で配信。 詳細 GCP は Always Free という無料枠で f1-micro インスタンスを使わせてくれるのだが、これはもう滅茶苦茶弱いマシンなんですよね。使うにしても色々工夫して使わないといけなかった。 しかも無料かと思いきや Static IP Charge という
【社内資料公開】AWSに関するスキルアップ方法と一度は読むべきブログの紹介 | DevelopersIO
こんにちは、コカコーラ大好きカジです。 はじめに AWSを全く知らない状態で入社して5年が経過、中途採用のAWSエンジニアの育成リーダーを1年間担当しています。 どのように勉強したのかを聞かれる機会が増えました。（優秀な人ばかりなので、すぐ一人前になって行きますが...） 今更ながら、自分がAWSに関するスキルアップために実践したことについてまとめてみました。 どなたかのお役に立てれれば光栄です。 目次 実際に触ってみるためにAWSアカウントを用意して試す AWS Black Belt Online Seminar シリーズを見て学習する 一度は読むべきブログ（私個人の選定） JAWS-UGの勉強会に参加する AWSのRSSフィードを見る SNSの利用してみる AWS資格勉強する 必要に応じてインフラスキルの底上げする 試したらブログでアウトプット まとめ 実際に触ってみるためにAWSアカ
CloudFront + S3 でブログを運用し始めて 1 ヶ月経つので、かかった費用について振り返ってみた - michimani.net
CloudFront + S3 でブログを運用し始めて 1 ヶ月経つので、かかった費用について振り返ってみた 2018-11-26 このブログをスタートして約 1 ヶ月が経ちました。静的ファイルのストレージ、デプロイ、DNS など、運用に関わる部分に AWS のサービスを色々と使っているので、 1 ヶ月間でかかった費用について振り返ってみます。 使っているサービス まずは、使っているサービスとその用途についてのおさらいです。 S3 ブログ自体は静的サイトジェネレータの Hugo を使用して作成しているので、 Hugo で作った静的ファイルを S3 に置いています。 CloudFront S3 のバケットに対して distribution を設定して、 Web 上で閲覧出来るようにしています。 S3 だけでも Web ホスティングは可能ですが、SSL 化するために CloudFront を利
続・ラフなラボ – ブログのホスティング先を Vultr から Cloud Run に移行した
タイトルの通り、これまでこのブログは Vultr の VPC 上で起動した h2o 経由で配信をしていたのだけど、 Cloud Run に移行したのでその辺もろもろ記録として書いておく。 Cloud Run GCP の新サービスで Docker コンテナをサーバレスで実行できるというもの。まだベータ。 自分で Docker image を用意さえできればそれ以外の縛りは無いっぽい(雑な解釈) それ〇〇でよくね？ このブログは static site generator の pelican で Markdown or ReST をビルドしたものを利用した静的サイトなので、正直他にもっと楽にいい感じにブログ環境は整えられるとは思っている。 Netlity とかはよく聞くし、S3 + Cloudfront でもいいし、Github Pages でもよい。なんだけど、せっかく自分で好き勝手できるサ
Netlify移行記：GitHub Pagesから独自ドメイン＋Netlifyの引っ越しでやったこと
はじめに今までは、静的サイトジェネレータのHexoで書き出したページをGitHub Pagesにデプロイしていました。静的ジェネレータは色んな物がありますが、代表例を挙げると以下のようなプログラムがあります。2017年現在ではHugoが流行っているようです。 Jekyll(Ruby) Hugo(Go Lang) Hexo(Node.js) ←これ使ってる Middleman(Ruby+Node.js) Octopress(Ruby) Gatsby(Node.js) ホスティングサービスの話題に戻りますが、GitHubからNetlifyへの移行後は、Hexoで書き出したサイトをZipファイルで圧縮して送信し、Netlifyへデプロイしています。実際の処理はhexo-deployer-netlifyというプラグインで自動化されています。 GitHub Pagesは、サーバー維持費が無料でありな
複数のWordPressをKUSANAGI for さくらのVPSに移行する手順 まとめ - ぼっちサーファーのブログ
さくらのVPSにKUSANAGI環境の複数ドメイン型WordPressを構築し「さくらのレンタルサーバー」と「MixHost」で運用している計6サイトを移行した。 ssl → ssl：3サイト 非ssl → 非sslで移行 → 後にSSL化：3サイト さくらのVPS 2Gプランで検証。 OSのインストールを3回。 KUSANAGI環境下でのWordPressの構築はテストなどを含め15回以上行った。 4サイト移行した時点で2Gプランではメモリが不足しそうだったので4Gプランで再構築。 日本語ドメインでも問題なく移行できた。 SSL化も複数のパターンで実施し、色々知識がついたので記しておく。 【関連記事】 www.lonely-surfer.com 移行前後のPageSpeed サイトA http → httpsサイトB https → httpsサイトC https → httpsKUSA
WordPress初心者必見！構築後にすべきオススメ設定&プラグインまとめ - MUTANT
こんにちは、てつです。 先日からWordPressの導入記事を紹介していますが、思った以上に反響が良くて味をしめてしまいました。(嘘です) 過去記事はこんな感じで紹介してきました。 wordpressをサクッと10分で作成する方法を紹介するよ【ロリポップ版】 - MUTANT wordpressの記事の書き方や投稿画面の使い方を詳しく解説するよ！ - MUTANT wordpress初心者必見！構築後にすべきオススメ設定まとめ←NEW!! ぶっちゃけると先日紹介した2記事だけでWordPressを構築→運営することができます。 WordPress関連の記事は今後も投稿しますが、WordPress初心者の参考になるよう最後の締め括りとして実際に自分が運営している中でこれは設定しておいた方が良いというものをまとめて紹介していきます。 WordPress設定&オススメプラグインまとめ パーマリン
はてなブログでの収入が10万円を超えたので色々とまとめてみるよ - ゆとりずむ
※2016/10/23 追記 こんにちは。 ここしばらく書いた記事が、皆様のお陰で３連続ホットエントリー＆100B!超えすることが出来ました。せっかく書いた文章なので、たくさんの人に読んでもらえ、ブロガー冥利につきます。 また、お小遣い稼ぎに設置しておいた広告が、ここ２ヶ月間で合計10万円以上の収益を産んでくれました。収益を目的にしたブログではありませんので、ガッツリ稼ぐことを目的とされている方々から見られると、微々たる金額だと思います。ただ、下記投稿で、hitode様もおっしゃられていたように、ページビュー(以下PV)と同様に、『収益』は何かを書くのにあたって大きなモチベーションになります。 『収益』というとハードルが高そうに思われるかもしれませんが、はてなブログは無料のコースでも、１日100PVくらいあれば月に1000円程度の収益にはなります。この金額をどう捉えるかは人次第ですが、足元
WordPress初心者が間違いなくハマる7つの罠と回避方法 | 隣IT
みなさん、こんにちは！ タカハシ(@ntakahashi0505)です。 2015年2月にWordpressでブログを初めています。 先人たちの知恵のおかげでなんとかまだ続けることもできていますし、記事数もまずまずカタチになってきたと思ってホっとしています。 WordPressは簡単に扱えるように設計されているのですが、初心者だと間違いなく落ちてしまう罠がいくつかあるのです。 私が実際にキレイにハマった罠とその解決法について紹介をします！ 記事がないのにサイトの公開 WordPressをインストールしたのが2015/2/12。その後テーマを入れたり、プラグイン入れたり…最初は何の記事を書こうかなぁ…などとボヤボヤしていて、最初の記事を公開したのが2015/2/16。 知らなったのですがWordPress…インストール時点で既に公開状態なんです。 当然、公開後すぐのブログで告知もしていなけれ
検索上位ブログを「真似する」と「パクる」は何が違う？正しい競合分析方法 - Naifix
ネット上で「検索上位サイトや成功しているブログを徹底的にパクりなさい」とブログ初心者に教えている人をよく見かけます。「稼いでいる人は自分で文章を考えていない」とまで断言している人もいるぐらいです。 「真似する」「参考にする」「模倣する」といろいろな言い方はありますが、ただの無断転載あるいは劣化コピーになっているブログが多いのは、そうした間違った教え方を信じた結果なのかもしれません。 あなたのブログは大丈夫ですか？ 注意喚起と共に、正しい競合サイト分析方法を解説していきます。 ブログ運営者が覚えておきたい著作権・肖像権・商標権
[CSS] スマホ対応は超重要! 私が最低限やっている6つのこと | ヨッセンス
こんにちは! ヨス（プロフィールはこちら）です。 今現在、Google検索では「スマホ対応」がされているかどうかは超重要になっています。 具体的にいうと、PCの検索順位はスマホでの検索順位が適応されているのです！ 今回は、ブログのスマホ対応でのポイントをくわしく解説します。 スマホ対応で困った6つのこと 今回は私がスマホ対応のために最低限やっている6つを紹介するのですが、分かりやすいように「問題点」を見出しにして紹介しますね。 スマホで見たら画像がはみ出す?! まずはこちらの比較画像をご覧ください。 画像サイズ（左: 変更前・右: 変更後） スマホで見た時に、上画像の左側のような画像を見たことありませんか? これは画像サイズがパソコンのままになっているんですね。大きいのではみ出しています。 これをスマホで見た時は自動で上画像の右側のように縮小してほしいんです。 でも大丈夫! CSSの<im
![[CSS] スマホ対応は超重要! 私が最低限やっている6つのこと | ヨッセンス](https://cdn-ak-scissors.b.st-hatena.com/image/square/f65ab4b0dcf3e460e3895ac786ca89120feaa297/height=288;version=1;width=512/https%3A%2F%2Fyossense.com%2Fwp-content%2Fuploads%2Fcss-for-smartphone-300.jpg)
SEO効果大！自動で記事に目次を追加しよう
今日はWordPressに目次を追加することのできるプラグインのご紹介です。目次って案外あなどれなくて、最近ではSEO効果も高く簡単に導入できるので、使わない手はないです。これを機に、導入していない人は是非いれてみてくださいね！ちなみに、このブログでも表示されている下のコンテンツ一覧のことです。 ブログ記事に目次を追加 Table of Contents Plus SEO効果が高い 実は、目次を設けるとその項目がGoogleで内部コンテンツとしてインデックスされています。まだ私のサイトでは開始したばかりで反映させられていませんが、評価が向上するとこのように表示させることが出来るようです。((これだけでは設定がたりない場合はご指定いただければ幸いです。)) SEO効果もあって、記事も見やすくなるならば導入しない手はないですね！ プラグインページ
WordPressサイトでブログをカテゴリーで作る時のタイトルタグの最適化 | アフィリエイト野郎！
WordPressサイト内にブログを作るやり方としては、ブログ用のWordPressを別でインストールする方法と、カテゴリーをブログにする方法があります。 当サイトはカテゴリーをブログにしていて、「http://afi8.com/blog/」がブログのトップになっています。 同じデザインにしたい場合は、カテゴリーにして、別デザインにしたい場合はWordPressをもう一つインストールする方法で良いと思います。 先日紹介したコーポレートサイトも企業サイト内にブログがありますが、カテゴリー型ブログになっています。 ただ、カテゴリー型ブログにする場合、タイトルタグの処理がなかなか難しいことになります。 ※カテゴリー型ブログにする場合、カテゴリーのURLからcategoryを削除した方が良いと思います。私が使ってる「WP No Category Base」は、今でも使えますが更新が止まっていました
こんなの使ってたらバカになる！便利すぎるWordPressプラグインBEST5
初カキコ…ども… 俺みたいに何でもかんでもプラグインで解決しようって腐れ野郎、他に、いますかっていねーか、はは 。 と有名なコピペをあれしつつ、今回はWordPressの便利すぎて後ろめたい気持ちにすらなりそうなプラグインBEST5をご紹介します。 第1位 Favicon Rotator ファビコンって作るの何気にめんどくさくないですか？フォトショを拡張してないとicoファイル作れないし。JPGやPNGデータをファビコン形式に変換してくれるサイトを使ってicoファイルを作り、WordPressのメディアにアップロードし、ヘッダに組み込む。あぁ、めんどくさい！ ところがこのFavicon Rotatorってプラグインを使うと、JPGやPNGの画像をアップロードするだけであっというまに出来上がるんです！ﾏｼﾞﾊﾟﾈｴ プラグインをインストールすると、外観の中にFaviconというメニューが現れ
150回 - 顔のない美女図鑑
このブログは本日で150回目の更新となった。 「ブログを書いている」というよりは、ひたすら「美」に溺れて、息もできないほどフガフガしているうちに気がついたらこうなっていたという感覚である。 今回は特別企画として「これまでの写真の自薦ベスト30」を発表しようかと考えていたのだが、短時間では甲乙つけ難いのでまたの機会に譲るとして、とりあえず現在の状況やこれからの予定などについて書いておくことにする。 １．現在の状況 ４月の終り頃に「美脚」の写真を始めて出したのだが、これが今までに最も多く読まれた記事で、それまでが一日15～40ＰＶほどだったのが、いきなり460ＰＶとなった（その後は少なくて40～多くても250ＰＶくらい、月間で3000くらい）。 100回目の更新のときは上記のような状況だったのだが、その後はまたPV数が増えて、今は平均で数百PV/日になってきた。 まとめてみると、 ６月に更新1
そろそろ本気でWordPress！Web制作初心者が劇的に成長できるオススメ国内有名ブログ18選 | BLOG ROOM9（ブログルームナイン）
そろそろ本気でWordPress！Web制作初心者が劇的に成長できるオススメ国内有名ブログ18選 2014 7/10 WordPressガッツリ使い倒すぞー！ PHP、HTML、CSS超勉強するぞー！ で、まず何したらいいの！？ なんて方はかなり多いかと思います。というか僕がそうでした。そんなワケで今回は Web制作ど素人だけどWordPressのサイト構築をバリバリできるようになりたい！ ブログ書くだけじゃなくテーマをゴリッとカスタマイズできるようになりたい！ こんな方々に超オススメの国内有名ブログを18個紹介させていただきます。Web制作のスキルというとデザインだったり、集客だったり色んな要素が考えられますが、今回は 構築、及びコーディング つまりサイトを”作る”という点で特に参考になるブログのまとめです。 構築・コーディングとは言ってもWeb制作の括りではかなり基礎的なレベルから勉強
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
http://www.enjiout.com/post-1508/
http://www.seotemplate.biz/blog/seo-taisaku/584/
