Terraform + CodePipeline + CodeBuild + S3 で Cloudfront に配信する
みなさん、こんにちは！めもりー(@m3m0r7) です。 Terraform を初めて 2 週間ほどのインフラ初心者です。 主にやりたいこととしては下記のようになります。 そのために S3 に展開する設定を含めて Terraform でどう書けばよいのかしたためてみます。 CodeCommit にプッシュしてビルドして Lambda で配信するといった用途なら多く見かけたのですが、残念ながらこういった用途はあまり見かけないので少し苦戦していました。Terraform 難しい。 書いていく CodePipeline で一連の流れを定義するにあたり、下記が必要になります。 CodePipeline のためのロールの設定 CodeBuild のためのロールの設定 ロールをそれぞれ紐付ける CodeBuild のプロジェクトの設定 CodePipeline のアプリケーションの設定 それぞれ見てい
静的サイトをGithub ActionsでAWS S3にデプロイする
AWSでの静的サイト配信に興味があり、連休で時間あったのでこのサイトをNetlifyからS3 + CloudFrontに苦労して移行してみました。 環境で変化があるか確認したかったので、Netlifyの時のLighthouse。Performanceは良くありませんがこれはNetlifyというよりこのサイトの作りに原因があります。とはいえ、AWSでの配信はお金がかかりますのでサーバーの影響で少しは改善しないかなと期待。 書いていると長くなったので Github〜S3デプロイまでと、S3〜CloudFront配信までの2記事にしました。 注意点 ※もし静的なサイトを公開する方法を探してこの記事にたどり着いた場合、例えばReactで作ったサンプルアプリやポートフォリオを公開したいだけならまずはNetlifyやFirebaseを個人的にはお勧めします。お手軽かつ無料だからです。 この記事はAWS
WordPress初心者必見！構築後にすべきオススメ設定&プラグインまとめ - MUTANT
こんにちは、てつです。 先日からWordPressの導入記事を紹介していますが、思った以上に反響が良くて味をしめてしまいました。(嘘です) 過去記事はこんな感じで紹介してきました。 wordpressをサクッと10分で作成する方法を紹介するよ【ロリポップ版】 - MUTANT wordpressの記事の書き方や投稿画面の使い方を詳しく解説するよ！ - MUTANT wordpress初心者必見！構築後にすべきオススメ設定まとめ←NEW!! ぶっちゃけると先日紹介した2記事だけでWordPressを構築→運営することができます。 WordPress関連の記事は今後も投稿しますが、WordPress初心者の参考になるよう最後の締め括りとして実際に自分が運営している中でこれは設定しておいた方が良いというものをまとめて紹介していきます。 WordPress設定&オススメプラグインまとめ パーマリン
WordPressのサイト作成時にインストールしたいプラグイン一覧 | WordPressのアフィリエイトで稼ぐ人生を始める-サトシ
WordPressで新規サイトを作成したとき、すぐにインストールしておきたいプラグインを一覧にしてまとめておきます。 ※この一覧は一例で、使用するプラグインは個人やサイト内容によって異なります。 Bulk Plugin Installation プラグインをまとめてインストールするためのプラグイン。ワードプレスをインストールしたら、まずこのプラグインを導入しておけば、あとは一括でインストールできる。 →プラグイン一覧テキスト AddQuicktag WordPressの投稿画面で、htmlタグや定型文などを登録してワンタッチで使用することが出来る。これが無いと作業効率が大幅に下がってしまうほど必須のプラグイン。 Akismet ワードプレスにデフォルトでインストールされているスパム対策プラグイン。デフォルトで入っているけど、有効化するには設定が必要なので放置している人も多い。できるだけ早め
Gruntを使ってプロジェクトを自動化する、Myタスクメモ | tipsBear
Gruntで出来ることはたくさんありますが、今回ご紹介するのは私がよく使うGruntの設定のメモになります。 ちなみに、Gruntの導入方法や基本的な解説は下記の記事がとてもわかりやすく紹介してくれていますので、これから導入したいという方がいましたら是非参考にどうぞ。 Web制作で面倒な作業を自動化するビルドツール、Grunt v0.4 入門 – Web Design KOJIKA17 コピペが出来るなら誰でも出来る、Web制作タスク自動化ツール「Grunt」導入手順 – OZPAの表4 今更だけどやるgrunt入門編・インストールから基本的な使い方 – WEB Drawer Web デザイナーさん向け Grunt を使った コーディング作業の効率化、はじめの一歩 – WWW WATCH また、この記事はSass/Compass、ブラウザのliveReloadを使用することを前提に書いてい
知っておいて良かった！サイト制作後も助かる保守方法まとめ
作成：2014/02/10 更新：2014/11/01 ディレクション > 今回はサイト制作後からの保守について、どんなものがあるのか、どういった知識を身についておくべきか書きます。安定収益源にしていくために「作って終わりにしない方法」をメモしておきます。フリーランスや起業前にチェック。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 保守、運用ガイドライン ０．保守、運用ガイドライン 解析レポート １．事前に行うべきツール設定ポイント ２．時間帯からユーザーを推定する方法 ３．コメントの書き方 ４．日次・週次・月次チェックポイント ５．購入レポート サーバー保守 ６．FTP+DoS攻撃対策 ７．リソース監視 ８．セキュリティ監視 ９．データバックアップ SEO保守 １０．SEOレポートの書き方 １１．ウェブマスターチェック １２．指南書の書き方 広告出稿代行
Sassコンパイラ「Prepross」とCSSフレームワーク「Gumby」で高速プロトタイピング | Agnist.code
昨今注目度も高まっているSassを、最も簡単に使えるコンパイラ「Prepros」と、個人的に最近お気に入りのCSSフレームワーク「Gumby」を広めたくて書きます。 SassやCSSフレームワークとか、ちょっと二の足踏んじゃうな…みたいなノンプログラマーなフロントデザイナーの方ほどオススメです。 PreprosのインストールPreprosをダウンロードしてインストールしたら、準備はそれで完了です。 ここはさすがに説明不要で終わると思います。 GumbyのダウンロードGumbyトップページから落としてください。 カスタマイズダウンロードもできるので、多少変更しておきたい場合はここからダウンロードするのも良いです。ちなみにこれらのカスタマイズ項目は、Sassを使えば後から簡単に一括変更できます。 ダウンロードしたファイルを適当な場所に解凍してください。 解凍してできたフォルダを以後プロジェクト
完璧に分かる！「google アナリティクス」の得する設定と使い方まとめ３１
作成：2013/09/24 更新：2014/11/01 SEO対策 > 毎月、ECサイトや情報サイトなどアクセス解析保守を9社ほど作らないといけません。ここらでおさらいを兼ねて、Googleアナリティクスを扱ううえで必要なことを整理しようと思います。今回は成果を上げるうえで「知らないと損する」ことをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 外部連携（初期） １．複数サイトを一つで管理 ２．すべてを一元管理 ３．ウェブマスター連携 ４．AdWords連携 ５．アドセンス連携 共通設定（初期） ６．プロファイル ７．フィルタ ８．IP除外 ９．Cookie除外 トラッキング設定（初期） １０．トラッキング設定 １１．時間／曜日／日付 １２．集客／キーワード／ページ １３．流入／属性／閲覧開始／トレンド 計測方法と基本知識 １４．ディメンション
Youtubeの動画を背景に
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
WordPressのSEO効果を劇的に高める５つの基本項目の設定方法
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. WordPressのSEOは、Googleの開発責任者Matt Cutssも認めているぐらいに優れている。 なぜなら、WordPressは構造的に、検索エンジンのメカニズムの大半をカバーできるように作られているからだ。 従って、私は、誰に対してもWordPressを使ったブログやサイト構築をオススメしている。 さて、本日は、そんなWordPressのSEO効果を更に高めるための設定方法に関してご紹介する。 もちろん、バズ部でも行っているものでもあるので、あなたがWordPressを導入したら、まず最初にこれらの設定を行うようにしよう。 また、私たちバズ部は12年で400社以上のメディア支援を行い、 立ち上げから10ヶ月で14.6億円の売上
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
