Research indicates that carbon dioxide removal plans will not be enough to meet Paris treaty goals
いきなりですが。 運営して間もないJAMstack構成な当ブログですが CMSをmicroCMSに乗り換えました!👏 (正確に言うとNetlifyCMSも併用していますが。笑) そこで今回、NetlifyCMSで感じた課題、microCMSの便利な点、microCMSでの課題など 観点ごとに思った事をまとめてみました。 HeadlessCMSを導入する際の参考になれば良いかなと思います! まず、それぞれのCMSに関して簡単にまとめます。 NetlifyCMSとはNetlifyCMS(https://www.netlifycms.org/) アメリカのNetlify社が運営する静的ホスティングサービス、「Netlify」のひとつの機能として搭載されたCMSです。 設定ファイル(ymlファイル)一つで管理画面をカスタマイズする事ができ、非常に簡単に管理画面を構築できます。入稿した記事はGit
こんにちは、Gaji-Labo アシスタントエンジニアの石垣です。 今回は、「Gaji-LaboのコーポレートサイトはNetlify CMSを使っています」でもご紹介した、Gaji-Laboのコーポレートサイトのホスティングサービスとしても使用している Netlify について改めてまとめてみました。 今回は概要と、リポジトリを連携して使い始めるところまでをご紹介したいと思います。 Netlify とは?Netlify とは、静的ウェブサイトを提供するためのサービスの一つで、ビルド、デプロイ、ホスティングといった機能が一つにまとまったプラットフォームです。 なんといっても Netlify の最大の特徴は、 GitHub / GitLab / Bitbucket のリポジトリと連携し、リポジトリに push や merge があった時に、前もって設定したビルドコマンドで即座にビルドされ、 N
firebaseかnetlifyかどちらの方が、転送が早いのか検証してみた。 結論 firebaseのほうが転送は高速。 検証結果 Google Chromeにて、数十KBのJSONファイルをaxios(XHR)の読み込みで検証。 firebase 初回: 300-400ms 二度目以降: 20ms netlify 初回: 500-600ms 二度目以降: 80ms 余談 個人的な愚痴だが、「netlifyは簡単だ」と言われるが、結構しんどかった。 netlifyはGitHubとBitbucketとGitLabしか対応してない Azure DevOpsは対応してない yarnコマンドが失敗する npm installを毎回しないとビルドができない cd ◯◯◯ && npm i && npm run generateってコマンドをビルドコマンドにしている つまり時間がかかる Nuxtのge
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
仕事で Netlify にデプロイしたSPAの読み込みが遅いので原因を調査してほしい、という依頼を受けてウェブパフォーマンス調査を行った。顧客から許可をもらって、この記事ではNetlifyに対してどういう調査をしたのかを書く。 結論だけをまず書くと、NetlifyのCDNのファイル配信パフォーマンスは日本国内からだと非常に悪い。パフォーマンスを改善させるためには、Netlifyに直接アクセスさせるのではなく、前段に他のCDNやキャッシュサーバを挟んだりするほうがいいだろう。 調査の前提 日本国内からのみの調査 サイトには静的なファイルをデプロイしているのみ 該当するNetlifyにデプロイしたSPAをブラウザで試しに開いてみると、確かに初回の読み込みのパフォーマンスがめちゃくちゃ悪い。 Chrome Devtoolsを開いてネットワークタブでどういうふうにリソースの読み込みを行っているのか
こんにちは.今年度からホームページ担当になったsksatです. タイトルの通り,リニューアルのお知らせです. これに伴い,ホームページのURLがhttp://corerocket.lolipop.jpから,https://corerocket.netに変わります. これまで,http://corerocket.lolipop.jpをご利用いただきありがとうございました. 旧ホームページは移行期間(終了未定)のうちは運用を継続して行います. 以前のホームページからの主な変更点は以下のようなものです. 独自ドメイン化WordPressの廃止ブログの追加独自ドメイン化これまではロリポップのレンタルサーバ上でホームページを運用していたため,その初期ドメインであるcorerocket.lolipop.jpを使用していました. ですが,今回のリニューアルでは全面的な刷新を行ったため,新ホームページでは
Integral part of the Jamstack Get the speed, security, and scalability of a static site, while still providing a convenient editing interface for content. Compared to server-side CMS like WordPress, this means better performance, higher security, lower cost of scaling, and a better developer experience. You can learn more about the Jamstack on jamstack.org. Works with most frontend toolsYou can ad
この記事について この記事は Hugo でブログを始めようとしている方へ向けた Hugo 入門記事となっており、Hugo による静的なブログの構築・運用方法 を簡単にですが紹介します。 Hugo の Awesome は以下をどうぞ。 Awesome Hugo - 有用なリンクまとめ - Qiita 動的サイトから静的サイトへ WordPress で構築する、というのが長らくブログ運用の主流でした。もちろん現在も多くのサイトが WordPress によって運用されていますが、最近では「 静的サイト 」という選択肢も広まってきています。(調査したわけではありませんがこの分野に関心がある人の中で実感している人は多いと思います。) 静的サイトとは HTML, CSS, JavaScript のみで構成 サーバーサイドの処理を PHP で書いたりする、というような必要はありません。私たちが気にしなけ
ImgBot - Optimize your images on GitHub A GitHub app that optimizes your images ということで ImgBot とは GitHub repository で管理している画像を監視して、最適化が可能であれば圧縮などを施した Pull request を自動的に作成してくれる GitHub App です。 Hugo や Jekyll などの静的サイトジェネレーターと相性がいいと思います。テーマを画像圧縮に対応させたり、自分でその処理のためのスクリプトを書いたりするのが面倒な時に便利でしょう。 Public Repository であれば無料で導入できます。 導入方法 ImgBot HP 上記リンク先の Install now をクリックして GitHub と連携すればすぐに利用可能です。すべてのリポジトリに適応するか、
こんにちは、最近YouTuberになったあんちぽです。今日はですね、弊社の提供しているレンタルサーバー(ロリポップ!、ヘテムル)を、GitHub Actionsを使ってもっと便利にしよう!という話をしたいと思います。 この記事の対象読者 以下の内容を満たす方々を対象読者として想定しています。 ロリポップ!やヘテムルといったレンタルサーバーを使っている方 Webサイトの開発・制作をされている方(趣味・仕事を問いません) Gitを使っているがCI/CDは実践しておらず、開発・制作フローを効率化したい方 この記事を読むとできるようになること 手元で開発した変更をGitHubにpushしたら、自動的に本番環境(ロリポップ!やヘテムル)へリリースできるようになります Hugoを使ったより複雑なサイトについても、GitHub Actionsを使ってリリースの自動化ができるようになります ワークフローを
Webhookを利用した記事はよく見かけますが、そもそもWebhook自体が何なのか、何を指しているのかよくわからなかったため、それに関しての備忘録です。 Webhookとは? アプリケーションの更新情報を他のアプリケーションへリアルタイム提供する仕組みや概念のこと。 イベント(リポジトリにプッシュなど)発生時、指定したURLにPOSTリクエストする仕組みのこと。 Webhookの説明を見ると**「通知する、Webhookを送る」などの言葉が用いられているが、 これはPOSTリクエストのことを指している**。 Webhookを利用すると何ができるのか? GitHubやSlackなどのサービスのWebhookを利用すると、ユーザーはサービス側がPOSTリクエストするURLを指定できる。 つまりサービスがPOSTリクエストしたパラメータに対しての処理(パラメータをSlackに通知など)を自由に
自分のポートフォリオサイトをサンプルに、どのくらいの容量削減ができるのかを確認してみました。 jsおよびCSSは、サイトの表示に必要な要素を1ファイルにバンドルした状態です。 画像ファイルはjpegの圧縮率などによって最終的なサイズが大幅に変化するので、jsとCSSのサイズ変化のみを取り上げました。 Bootstrap + Font Awesomeのような重量級フレームワークを使用しても、十分に実用的な容量まで削減できました。これならスマホ+3G回線での表示も心配ありません。 手法 適用しやすさを順に手法を並べると、以下のようになります。 遅延する 圧縮する キャッシュする まとめて削る 遅延する サイト上にあるほとんどのリソースは、実際には後から読み込んでも問題なく動作します。 まず最小限の構成でサイトを表示させ、重いファイルは後から読み込みます。 javascriptの遅延読み込み h
はじめに今までは、静的サイトジェネレータの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は、サーバー維持費が無料でありな
今回は、管理ツール・Bitbucketについて徹底的に解説します。 GitHubと比較されることも多いBitbucketの魅力に迫ります。 Bitbucketについてもう少し詳しく知りたい 無料プランと有料プランの違いは? 無料でプライベートリポジトリが作成できるというのは本当なのか Bitbucketの特徴は? メリット・デメリットのどちらも知っておきたい Bitbucketのインストール方法や使い方を教えてほしい Bitbucketの口コミを知りたい 上記の悩み・疑問を1つでも持っている人は、ぜひご一読ください。 Bitbucketとは この項目では、Bitbucketとは何かということを解説していきます。 Bitbucketは2008年に設立した、Webベースのホスティングサービスです。 4つのプランを提供 Bitbucketには無料プランとスタンダードプラン、プレミアムプラン、アカ
<img src="sample.jpg" srcset="sample@2x.jpg 2x, sample@3x.jpg 3x" alt="画像"> srcset属性を使うとRetinaディスプレイ/高解像度ディスプレイに対応した画像を置くことができる。 参考 レスポンシブ画像 - MDN レスポンシブ画像2: sizes属性 <img srcset="sample-320w.jpg 320w, sample-480w.jpg 480w, sample-800w.jpg 800w" sizes="(max-width: 320px) 280px, (max-width: 480px) 440px, 800px" src="sample-800w.jpg" alt="画像">
自分の作業思い出し用。思い出したときにアップデートする 準備 移植元の環境情報 移植先の環境情報 ローカルの開発環境 SEO 記事URLのリダイレクト Metaタグ デザイン デフォルトのテーマが流用出来るか デザインを移植するか カスタムテーマを作成するか 記事 記事の移植 カテゴリの移植 固定ページの移植 機能 お問い合わせ 検索 コメント 確認するページ 記事ページ 固定ページ カテゴリページ 検索結果ページ 404ページ 便利なプラグイン Widget Shortcode Contact Form 7 Redirection All In One SEO Pack その他メモ タグは除外される パーマリンク設定ではpost_idは必ず含めるようにする
公開日: 2020.5.25 完全無料で静的コンテンツのホスティングを、「Cloudflare + Gitlab Pages」で構築します。レンタルサーバーやVPS、クラウドストレージとの比較も。 編集ノート: SERVERSUSでは、パートナーリンクからコミッションを得ています。コミッションが記事の意見や、サービスの評価に影響を与えることはありません。 実践方法実践方法は簡単です。 静的コンテンツだけを管理するレポジトリを用意レポジトリに静的コンテンツと.gitlab-ci.ymlを追加してプッシュGitlab Pagesで公開(ドメインを追加)CloudflareでCDNキャッシュするという形です。 .gitlab-ci.ymlについては、HTMLファイルのテンプレートを利用すればOKです。 pages: stage: deploy script: - mkdir .public -
更新日: 2023.2.2公開日: 2020.4.24 静的サイトジェネレータで製作したサイトをホスティング出来る無料サーバーをまとめました。ビルド機能や独自ドメインSSLなどの機能ごとの比較も。 編集ノート: SERVERSUSでは、パートナーリンクからコミッションを得ています。コミッションが記事の意見や、サービスの評価に影響を与えることはありません。 Netlify様々な静的サイトジェネレータで、公開用ホスティングサービスとして紹介されているのがこのNetlify。ただの静的サイトホスティングサービスでなく、リダイレクトやリライトと行ったサーバー機能から、ユーザー管理、フォーム管理などまで備えた万能ホスティングサービスです。 Gitレポジトリとの連携やビルドサービスまで統合されているので、とりあえずNetlifyさえあればほとんどの静的サイトジェネレータに対応できます。 CMS機能「N
クラウドの多くでは、1年程度の無料トライアルやクーポンなどに加えて、期間の制限なくずっと無料で使える、いわゆる「Free Tier」や「Always Free」と呼ばれる無料枠のサービスも提供されています。 こうした無料枠は開発環境やテスト環境としてクラウドを試すうえで非常に有効です。ここではクラウドのFree TierやAlways Freeとして提供されているおもなサービスをまとめました。 Amazon Web Services(AWS) 「AWS 無料利用枠」のWebページを開き、左側にあるフィルター条件で「無期限無料」をチェックすることで、無期限に無料で提供されるサービスの一覧を見ることができます。 おもに次のようなサービスが無期限無料で提供されています。 AWS Lambda サーバレスコンピューティングの実行環境を提供します。 1カ月あたり100万リクエスト、最大320万秒コン
はじめに ¶ Next.jsなどを手掛けるZEITが運営しているサービス、Vercel(旧Zeit Now)の料金形態と内容について調べてみました。 Develop. Preview. Ship. For the best frontend teams – Vercel https://vercel.com なお、掲載内容は 2020/5/30 時点の内容となります。 まとめで無料枠でできることと制限をまとめていますので、他のプランどうでもええよって方はそちらをご覧ください。 Vercelについて ¶ Vercelは静的サイトとサーバレス機能のホスティングを提供するクラウドプラットフォームです。 JAMStackなWebサイト・Webサービスをホストしてアプリケーションを簡単に展開できます。 スケーリングやサーバー監視はVercelが行うため、開発者はVercelへデプロイするだけでアプリ
VercelのhobbyプランでWebアプリをデプロイすることを検討しています。 ネットで調べたところ下のような情報があったのですが、スペックだけ見ても具体的にどの程度なのかイメージが沸きませんでした。 ビルドやデプロイ、ドメイン操作などの回数に制限が設けられているが、サーバーレス関数の実行については同時実行の上限が1000である以外に制限は設けられていない。 サーバーレス関数のスペック サイズ:最大50MB メモリ:最大1024MB(Hobby)、3008MB(Pro) 同時実行性:最大1000(Hobby/Pro) ペイロードサイズ:最大5MB アプリの内容としては、外部apiから情報を取得する機能と簡単なCRUD機能を備えたものです。 サーバーレス関数で完結するなら特に問題なくVercelで良いのでしょうか? 無料ということなので、ユーザー数が増えた場合に何かしら問題が生じるのではな
静的ホスティングはどんどん無料化が進んでいます。 これまでも Netlify、Vercel (ZEIT)、GitHub Pages という頼れる味方がいましたが、 あくまで個人利用において無料という条件が付いており、チーム開発は高額になりがちでした。 どちらかと言えばワンマンアーミーご用達といって良いでしょう。 チーム開発でも無料のものとしては、FireBase、Surge があります。 しかしこれらは利用可能な帯域幅が狭く、少し本気を出してしまうと、無料枠から突き抜けてしまうでしょう。 チーム開発でも使えて帯域幅も大きいサービスは、おそらく Neocities, Fast.io (→気付いたらなくなってた…) があります。 他にも最近では Azure Static Web Apps が出てきました。 ただ Neocities は 1GB のディスク制限や、複数サイト運営の難しさなどがあり
OGP 生成をタダでやろうとするとそのデプロイに意外と苦労したという話です。 アプリケーションの技術スタックは React/NextJS、クラウドサービスとして Cloud Storage, Cloud Functions, Vercel での検証です。 こういう設計で、クラウドサービスの選定をどうするかで頭を悩まします。 ただし 無料にこだわるため GCP の基盤は全部 Firebase から利用しています(Firebase の Spark プランでの運用)。 NextJS での SSR 時に meta タグを展開して OGP 画像を作ることが要件で、その OGP 画像はコンテンツに応じて動的に変化するものです。 ここでは動的 OGP をタダで実現するためのサービス選定について扱い、動的 OGP それ自体のやり方は扱いません。 もし気になる場合はmizchi さんの記事や、コードの全体像
こんにちは、BOXILの開発をしている徳田(@haze_it_ac) です。 今回は業務と少し離れた話をしてみます。 はじめに みなさんは仕事以外でもWebアプリケーションを作っていますか? 作りまくっている人も、仕事以外ではコードを書かない人も居るかと思います。 私は気になったライブラリを見つけたり、こういう実装ってできないかな?と思った際に、簡単なWebアプリケーションを作って試しています。 この記事ではその中で、ゴールデンウィーク中に "簡単に作れて、運用が楽な SPA/SSR + API Server 構成の小さなWebサービス" を考えて試した際の構成と、作成手順を紹介します。 サンプル 画面 https://blog-sample-fe.now.sh/ 見た目が雑で申し訳ないのですが、サンプルとして 会員登録 ログイン 会員ページ ログアウト 機能を実装したものです。 構成 全
最近Nuxtでいろいろ作っているけど、無料で使える環境をいろいろ試してる。 いろいろメリデメあるけど、SPAならNetlify/SSRならHerokuがよさそう。 いままで試したものをまとめてみた。 ほしかったもの 主に開発してるのがCGM系のWebサービスなので、 動的なOGP画像などが設定できる(OGP芸) カスタムドメインが使える 日次のランキング集計などの定期実行ができる が、無料でできて、なるべく実装が楽で、そこまで遅くないのがうれしい。 試した5つのパターン 試したのは以下の5パターン。試してみた順で記載。 Nuxt(SSR) + Cloud Function 起動がかなり遅かった。。実装も大変なのでNG Nuxt(SPA) + Firebase Hosting 構築はかなり楽。ただ、OGP芸が大変でFunctionsが必要 Nuxt(SPA) + Netlify プレレンダリ
はじめにNetlifyをCloudflareでキャッシュしている場合、Let's EncryptのSSL/TLS証明書の自動更新ができません。なぜならば、Let's EncryptがNetlifyのサーバを直接確認できないからです。CloudflareのDNS設定を「プロキシ」から「DNSのみ」に変更することで一時的にNetlifyサーバから配信して証明書の更新が行えます。 ただし、3か月毎に更新が必要なため、この作業を繰り返すのは正直面倒です。そこで、自動的に処理してくれるように設定します。 やり方Netlifyでドメインエイリアス機能を使用します。NetlifyのLet's Encrypt証明書更新は、プライマリドメインに対して行われます。そのため、プライマリドメインをNetlifyから配信し、ドメインエイリアスをCloudflareで配信することで対応します。 プライマリドメインがC
この記事は TSG Advent Calendar 2019 の 4 日目として書かれました。枠が空いていたので全く関係ないもので埋めてしまいましたが許してください…… 動機 Web というのは魅力的で、何か動くものを作ってぴゃっと公開したいとき、 URL を見せればダウンロード不要で動かしてもらえます。大抵の PC やスマホにはブラウザがついているので、環境によらず同じように(たまに同じでないけれど)動いてくれます。 さて、自分のサーバを持っていないとき、これをどうやって公開しましょうか。いわゆる静的サイトのホスティングですが、 GitHub Pages を使うというのは割とある選択肢です。 GitHub にソースコードを push するだけで、 hogehoge.github.io みたいな URL で動かしてくれるアレです。 ただ多少コードが増えてくると、素の JavaScript
Self-hosting has never been simpler Complete solution for running apps on your own server Sysadmin Inside Self-hosting apps is time consuming and error-prone. Keeping your system up-to-date and secure is a full-time job. Cloudron lets you focus on using the apps and not worry about system administration. Timely Updates We publish latest releases within days and security fixes within 24h for apps a
「GitHub Pages」による静的サイトの公開方法をまとめました。 1. Github Pages「Github Pages」は、GitHubによる、静的サイトのホスティングサービスです。無料で利用できますが、サイトのリポジトリを非公開にしたい場合は有料になります。GitHubのアカウントがあればすぐに静的サイト(HTML/CSS/JavaScript/画像など)を公開できます。URLは「https://<ユーザ名>.github.io/<リポジトリ名>」になります。 2. 使い方(1) GitHubにリポジトリを作成。 (2) ローカルにGitHubリポジトリをクローン。 $ git clone <GitHubリポジトリのアドレス>(3) ローカル環境で静的ページを作成し、Gitのインデックスに追加。 クローンしたフォルダ内に「index.html」を作成し、「git add <ファ
はじめに 今回は、Microsoft 社が提供する Azure DevOps Services (以前の Visual Studio Team Services) を学ぼうということで、記事を一元管理できるように目次ページを作成しました。 ※新しい記事を作成するたびに、この記事は随時更新する予定です。 参考情報 Microsoft Docs、Microsoft Learn、個人ブログ などを参照しています。各記事に参考情報を載せていく予定です。 Azure DevOps とは 2018/9/10 に Microsoft 社が発表した、よりスマートに計画を立て、より効率的に共同作業を行い、より迅速にアプリケーションを公開するために必要となるツール群が提供されているサービスです。 以前は Visual Studio Team Services と呼ばれていたもので、アジャイル開発向けのツールや
警告 今回紹介している内容はGitHubの公式からは「やるなよ!!」と言われている内容を紹介しています 私のディスク容量はいくつですか? これを理解した上で以降を読み進めてください 問い GitHub には git push した場合には容量制限があり、1ファイル100MB を超える場合は Git LFS を使って git push を行わないとエラーが発生してしまいgit push することができません。 この仕様については共通の認識としてよく出てきますがリポジトリの総計の容量の上限については言及されていません。そのため、実際にやってみてどこまでできるのか試してみたいと思います。 実際にやってみた結果 約1254652ファイル、約164.6GB のリポジトリ全てGitHubにpushすることに成功しました!! GitHubすごい!! リポジトリはこのような感じになっておりました。 (あま
はじめにNetlify はとてもいいサービスです。Netlify は高機能なホスティングサービスです。このブログも Netlify を利用しています。 ある日、Netlify から 7 ドル請求されました。支払わないとサービスを停止すると言われました。 無料プランを利用していて、課金をした覚えはありません。 なんで勝手に課金したことになってるんだ。自分の意思じゃないから払う気なんか無い。 そう思っても、支払わないとこのブログが続けられなくなるという事実は変わりません。 そうして僕は 7 ドル支払いました。 当時のツイートNetlifyのビルド時間が上限の300分達してしまい、そのまま放っておいたら、いつのまにか500分プラスされていた。ラッキーと思ってたら7ドルの請求来た。「7ドル払ってね。じゃないとサービス停止してしまうよ」というメールも飛んできた。 どうやら自動で課金されるようだ。 —
概要 困っていること プロジェクトメンバーにナレッジや自分のソースを共有したい QiitaやGitHubのアカウントは共有したくない 裏タク作るのは管理が面倒なので嫌だ やりたいこと 共有サイトの作成 認証・認可(閲覧制限) リアルタイム反映 ソース管理はしたいが、サイト管理はしたくない Netlifyは静的コンテンツのホスティングサービス コンテンツはGitHubのリポジトリを指定 ソースをGitHubにプッシュすると自動反映 無料枠で以下の利用が可能 無料SSL 転送量: 100GB/月 lambda関数 ストレージ: 100GB リクエスト制限: 500 requests/分 参考:Netlifyの無料枠と料金に関してのまとめ Netlifyの利用手順 以下の手順で利用可能。超簡単 Gitリポジトリ準備(GitHub/GitLAB/BitBucket) Netlifyでアカウント登録
しばたです。 AWS Amplify ConsoleやGitHub Pages、Netlifyなどの静的なサイトをホストするサービスはいろいろありますが、非エンジニアによる運用を考えた場合(ヘッドレスではない)CMSの様な管理画面が欲しくなります。 調べてみたところNetlifyではホストしているサイトにCMSとしての管理UIを提供するNetlify CMSというツールがあることを知ったので試してみました。 セットアップ Netlify CMSでは既存のサイトに機能を追加させることもできますが、今回はお試しなのでNetlifyが用意するテンプレートを使いサイトに機能が組み込まれた状態からセットアップしてみました。 最初にNetlify CMSのサイトにアクセスし「GET STARTED」のボタンをクリックしていきます。 するとNetlifyで対応している静的サイトジェネレーターを使ったテン
公開日: 2020.4.8 Gitlab Pagesで配信している静的サイトで、gzip圧縮転送を使う方法をまとめました。.gitlac-ci.ymlのサンプルもアップしています。 編集ノート: SERVERSUSでは、パートナーリンクからコミッションを得ています。コミッションが記事の意見や、サービスの評価に影響を与えることはありません。 Gitlab PagesのデフォルトはgzipなしGitlabの静的ページ配信サービス「Gitlab Pages」では、配信サーバー側でgzip圧縮はしてくれません。調べた限りは、gzip圧縮する設定も無いようです。 Gitlab CI/CDで公開する時にgzipファイルを用意するサーバー側でgzip圧縮してくれないなら、gzipファイルを用意すれば良いということで、Gitlab CI/CDでページを公開するときに、gzip圧縮を行います。 具体的には、
No more databases, comment moderation, or pesky updates to install—just your content. How Jekyll works → Static Markdown, Liquid, HTML & CSS go in. Static sites come out ready for deployment. Jekyll template guide → Blog-aware Permalinks, categories, pages, posts, and custom layouts are all first-class citizens here. Migrate your blog →
課金ポイントは3つ そんなに難しいことはないと思いますが 課金ポイントは3つ あります。 ストレージ容量 単純に保存容量に対して課金されます。 低冗長化ストレージを指定すると2割くらい安くできます。 ログだとか家族写真の保存だとかメインだとデータ転送よりここにお金がかかってきます。(容量でかいけど古いやつは殆どアクセスしないようなのはライフサイクル設定でGlacierに移動する手もあります) データ転送 課金されるのは(S3からの)送信だけです。受信(S3へのアップロード)は無料です。 また、インターネットへの送信と別のAWSリージョンまたはCloudFrontへの送信で別料金が設定されてますが、小~中規模のシステムならサーバ群は1リージョンに纏まってることが多いでしょうから、CroudFront利用時くらいにしかその料金は発生しないと思います。しかもCroudFront利用時は殆どのトラ
Overview Firebaseの無料枠はかなり大きい。 私もCloudFunctionsが外部にリクエストを投げれていたら、まだ課金プランにはしていなかった可能性が高い。 外部リクエストのためだけに課金を有効にして数か月、明細を見てみたらFirebase Hostingで課金が発生している たった8円なので影響は0に等しいが、その理由を理解しておかないと危険と考え原因を究明することに。 今回は結論に至るまでの過程を記録しておきます。 読者対象 Firebaseで今後課金プランへの移行を検討している方 Firebaseで既に課金プランへ移行している方 いきなり結論 Firebaseを課金プラン(Blazeプラン)に移行すると日割り計算のプロダクトが出てくるため。 無課金のSparkの無料枠に加え、Blazeプランでは日割りでの上限が設定されているようです。 細かいことを知りたい場合は続く
shiguredo_model.rst 時雨堂を支えるビジネスモデル 更新 2023-12-08 作者 @voluntas バージョン 2023.2 URL https://voluntas.github.io/ タイポなどは Twitter の @voluntas までお願いします。 概要 定期的に更新している 株式会社時雨堂 を作って、 自分が選択したビジネスモデルで充分な利益を上げられるようになったので雑に書き出していく。 時雨堂がどんな会社なのかは 時雨堂コトハジメ を見てほしい。 前提 IT 系零細パッケージメーカー で、ここ最近はパッケージをクラウド版として運用をセットで提供するビジネスも始めている。 主力製品はパッケージソフトウェア製品と、パッケージソフトウェア製品のクラウド版の2つ。 ライセンス契約モデル 時雨堂は自社開発ミドルウェアのライセンス契約モデルで利益を出している
凄惨度:低 またやらかす確率:中 俺TUEEE系エンジニアとは ※ ここの章は独断と偏見がかなり入ってるのでネタとして読んでください 俺TUEEE系エンジニアとは、 「まあどんなセキュリティもオレには全然関係ないけど」(出典:BLOODY MONDAY) ウィザード級ハッカー(出典:ne0;lation) 等に代表されるようなある種の厨二的価値観を捨てきれずに社会人になってしまったエンジニアです。 俺TUEEE系エンジニアは基本的に虚栄心があって傲慢です。だいたい自分の開発環境に酔いしれてます。生産性を高めて、作業のスピードを上げ、他の人に一目置かれることを生きがいとしています。 まあざっくりいうと俺TUEEE系エンジニアとは、なんとなくハッカーを気取りたい、人と同じものを使いたくないエンジニアのことです。 俺TUEEE系エンジニアは、だいたい自分の作業用PC(クライアントPC)を完全にL
ǝunsʇo ıɯnɟɐsɐɯ / メタバース炎上対策専門家 @otsune おおつねまさふみ 仕事はネットウォッチ, tumblr PSN, Xbox, Steam: masafumiotsune 質問は 1.有意義な議論 2.面白いネタ 3.顧客への業務(有料) に該当すれば答えています。 会社→@MiTERU_inc 網路炎上話題對策顧問公司 miteru.site ǝunsʇo ıɯnɟɐsɐɯ / メタバース炎上対策専門家 @otsune 死んだ高齢者が契約していた月額課金のサービスがパスワードが家族にはわからなくてなかなか解約できず請求書が続いているという話題。 この手の話は世間に大量に発生してそう。 facebook.com/chie.mikami.54… 2020-12-05 23:35:57
はじめに こんにちは、今年の6月にエニグモに入社したサーバーサイドエンジニアの橋本です。 この記事は Enigmo Advent Calendar 2020 の6日目の記事です。 みなさんはテキストエディタは何を使っていますか? 会社を見渡すとVimが一番多いような気がしますが、私はVSCodeを使ってます。 正直、エニグモ に入社するまではツールを入れる程度でそこまでカスタマイズしていなかったのですが、入社してからは諸先輩方の開発スピードに圧倒され、これはツールやショートカットキーを駆使して速く開発できるようにならなければ、、、という必要性に駆られ、少しずつカスタマイズを加えてきました。 この記事では初期設定でも使える便利機能やカスタマイズを加えてよかったショートカットキーやツールをピックアップして紹介していきたいと思います。 ショートカットキー まずは使ってよかったショートカットキーに
この記事は 「Webアクセシビリティ Advent Calendar 2020」 5日目の記事です。 アクセシビリティ Advent Calenderの記事を寄稿するにあたり、少しの工夫であらゆるユーザーに対して優しいWebサイトを作れるようなHTML/CSSコーディングの方法についてまとめました。より多くの人にとって優しい・使いやすいWebサイトを作ることは訪れてくださるユーザーの方々だけでなく、クライアントにとってもユーザーの機会損失を防ぐことができるので多大なるメリットがあります。(よくコードが適当でもデザインが見えていれば良いって意見を聞くけれどそんなことはない) ただ、アクセシビリティを意識したHTML/CSSコーディングについてのまとめだと内容量が非常に多くなりZennなら記事より本で出したほうがベターになってしまうので、今回は数あるアクセシビリティの視点から「キーボード操作で
","naka5":"<!-- BFF501 PC記事下(中⑤企画)パーツ=1541 -->","naka6":"<!-- BFF486 PC記事下(中⑥デジ編)パーツ=8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下(中⑥デジ編)パーツ=8826 -->","adcreative72":"<!-- BFF920 広告枠)ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag PC誘導枠5行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"
NHKが受信料の徴収をさらに強化する方針だという。総務省の有識者会議(公共放送の在り方に関する検討分科会)は11月19日、テレビを持っているのに受信契約に応じない世帯に「割増金」、いわば“罰金”を課す方針を打ち出した。来年1月の通常国会に提出する放送法改正案に盛り込む方針だ。 受信料徴収に対する国民の不満も高まっているが、そうしたなか、菅義偉首相のブレーンが、大胆なNHK改革案をブチ上げた。内閣官房参与に起用された高橋洋一・嘉悦大学教授だ。 高橋氏がNHK改革の具体策としてまず挙げるのが、教育放送「Eテレ」のチャンネル売却だ。視聴率の低いEテレが占有していたチャンネル(周波数帯)を売却して携帯(通信)用に利用すれば、通話だけではなく多種多様の映像コンテンツを同時に配信できるというプランだ。 そして、Eテレ売却の先にあるのが、BSの分離・民営化だ。NHKは地上波のほか、「BSプレミアム」「B
CSSを10年以上書いてきた人にとって、この2020年は今までとは全く違ったCSSになったと感じた人も多いと思います。 レスポンシブはブレークポイントの代わりにCSS Gridでより簡単に実装できるようになり、グローバルなスタイルシートに頼るのではなく、CSS-in-JSでスタイルをコンポーネントに配置してテーマ性のあるデザインシステムを構築できます。 フレームワークではTailwind CSSが浸透し、ユーティリティ・ファーストのCSSが使用されるようになりました。2020年現在、CSSの使用状況を調査した「The State of CSS 2020」を紹介します。 The State of CSS 2020 The State of CSS 2020は、The State of CSS Surveyでアンケートを行った調査結果をまとめたものです。私も1票分参加しました。 ちなみに、代表
静的サイト(PHPやRubyなどのサーバープログラムを走らせない環境でのWebサイト)でSPAを公開するにあたって、運用・配信(ホスティング)するならどこがいいかと最近聞かれまして、その際の回答を技術書典の宣伝も兼ねてブログにしたためます。 今回は次の4つで比較しています。 GitHub Pages Firebase Hosting GitLab Pages Netlify 上記4つはどれも独自ドメインの設定とSSL対応が無料で行うことが出来ます。 ※比較的初心者に向けて書いている前提です。 AWS S3やGCP等の利用は初心者がいきなり設定を行うには項目が多いため除外しています。 レンタルサーバーも基本料金が発生し、スケール・管理し辛いため今回は除外しています。 また、少し機能について説明が必要な部分があるので、先に説明を書きます。 Rewrite設定について 静的サイト化したSPAを公
いちよんこーど Notion/Jira/Confluence/GitHub/OneLogin/AWS/GCPなど開発管理ツールを試して運用していくブログ ローカルPC上のDockerでWordPress立ち上げて記事書いてるんですが、いままで静的出力とS3へのアップロードにWP2Staticを使ってました。 WP2Static で S3 にアップロードできなくなった Failed during "Deploying files to S3 静的出力まではできるんですがS3のアップロードで失敗しました。 どうやらWordPressやプラグインを最新にしたりPHP7に対応しないといけなさそうです。 そういうアップデートが嫌でローカルにWordPress立ち上げてるんだこっちは! 対応したくないので自力でアップロードすることにしました。 デプロイには GitHub Actions を使うことにす
これは琉大 Advent Calendar 2020の5日目の記事です。 昨日はid:anatofuzさんのvirshの学科ラッパーie-virshをRustで再実装したでした。 まだまだ琉大アドベントカレンダーは空きがあるので皆さんの参加お待ちしております!!! 学科サイトのリプレイス 以前こちらのエントリで書いたように、今までWordPressで動作していた学科サイトを今年のシステム更新に合わせて静的サイト化しました! anatofuz.hatenablog.com このエントリはその際のログとなっています いきなりのhugo化 -> 断念 静的サイト化する場合直接HTMLを編集しないといけなくなるのは避けたいところです。 そのためmarkdownなどからHTMLを生成する静的サイトジェネレーターを使って運用を行いたいと考えました。 システム管理チームの1年生にwebの練習としてhug
公式サイトからOpen Live Writerをダウンロードしてインストールします。インストール済みの方は次へ。 http://openlivewriter.org/ Open Live Writerを起動します。 [ファイル]-[AboutOpen Live Writer]をクリックします。 「Show log file」をクリックします。 「app-0.6.2」フォルダーを開きます。 「OpenLiveWriter.Localization.dll」の拡張子を「.dll」から「.bak」に変更します。 こちらのサイトで公開してくださっている日本語化ファイルをダウンロードして展開します。 「OpenLiveWriter.Localization.dll」ファイルを「app-0.6.2」フォルダーにコピーします。 Open Live Writerを再起動します。日本語化されます。 「Ope
この記事は社会人学生 Advent Calendar 2020 7日目の記事です。 米国のオンライン大学University of the People(以下、UoPeople)に入って約1年経った振り返り記事となります。 これまでのUoPeople関連の記事はこちら 自分について University of the Peopleとは 動機 入学するには 授業について 卒業までの所要期間 Computer Science専攻はどんなコースが受けられるのか これまでの進捗 これまでにかかった金額 課題がめっちゃ出る どうやって勉強時間を確保しているか よかったところ 学習内容への満足度は高い 英語のライティングスキルは多分あがった 日英両方でインプットするメリット 毎日強制的にアウトプットできる。 GPAのためなら頑張れる よくなかったところ National Accreditationなの
2020/2にbefore 600点台(正確な値は紛失)から始めて2020/9に目標(900点以上)を達成しました₍₍ (ง´・_・`)ว ⁾⁾ うれC ₍₍ (ง´・_・`)ว ⁾⁾ ₍₍ (ง´・_・`)ว ⁾⁾ ₍₍ (ง´・_・`)ว ⁾⁾ pic.twitter.com/pKDX2mPmW6— まっちゃら (@matsu_chara) 2020年9月28日 英語学習は最初の入門のところが割と難しいなと思ったので、やったことをまとめておきます。(なお、この記事は頑張ったから自慢したい気持ちが90%、他の人に参考になったらなという気持ちが10%で提供されています。) ちなみに英語指導経験があるとか、すごいペラペラになったとかそういう感じではないので、近くに英語に詳しい人がいる場合はそちらの人の言うことに従うのがおすすめです。(あくまで素人がやったことが書いてあるだけ) 基本的にリスニ
拡張機能を使いこなして作業時間を短縮!Web制作者必見!作業効率が格段に上がるChrome拡張機能17選 Chromeは拡張機能を活用すれば、さまざまな作業の効率が格段に上がります。 便利さゆえに一度使うとそれなしでは作業する気が起こらなくなるほどです。 Web制作者にぜひ使って欲しい、Web制作の作業効率を上げるChrome拡張機能を17個厳選してお届けします。 ジャンル別に紹介していますので、使ってみたい拡張機能があれば一度試してみてください。 カラーピッカー(2個) 閲覧しているページで気になる配色があったとき、カラーピッカーを入れているとすぐに色を調べられます。 ColorZilla https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp 元々はFirefox向けのア
この記事は最終更新日から一定の時間が経過しています。情報が古くなっている可能性があるため注意してください。 技術的関心を持ち続けるために WordPress の運用をし続けてきましたが、記事の更新頻度に対してブログシステムのメンテナスコストのバランスが良くないと思ったので、静的サイトジェネレーターで再構成することにしました。なにより、wp-login.php や wp-admin/ に対するログインの試行をログで見かけるたびに気持ちの良いものではないと思ったのが主な動機です。ただ、WordPress はアップグレードの仕組みが優秀で、ボタンクリックするだけで作業そのものは完了しますので(これまで失敗したことがなかった)、その点、良くできていると思います。 以下、つらつらと特徴をメモしていきますが、結論 Hugo を選択しています。 (2021/11/14更新)静的サイトジェネレータの選定に
玩具大手、スポーツ用品店、老舗書籍チェーン。これらはすべて米アマゾン・ドット・コムが破壊(ディスラプト)した分野だ。アマゾンは進撃の歩みをとめず、さらなる業界の破壊に向かっている。同社が次の標的とする薬局、中小企業向け融資、物流など9つの業界について分析する。米アマゾン・ドット・コムのジェフ・ベゾス最高経営責任者(CEO)はかつて「あなたの利益は私のチャンスだ」と言ったとされる。同社は今や、2
The Next DEV Challenge is Here 🚀 Join us for the Wix Studio Challenge with Special Guest Judge Ania Kubów: $3,000 in Prizes!Running through July 07, the Wix Studio Challenge provides an opportunity to develop with one of the most popular and in-demand website building solutions the internet has to offer. There is one prompt for this challenge, and one way to win the entire $3,000 prize pool. 🙀 C
先日、このサイトとは別に運用しているWordPressの1つが不安定になってしまい、不具合の原因を調べたところMySQLのアップグレードが原因でutf8mb4の文字コード指定に異常が発生していた。 復旧のために対象DBの文字コードの異常を修正する必要があったので、一度Dumpしてからリストアを実行し復旧させた。 復旧は軽微な対応で済んだのだけど、今後は手間をかけずに、サーバーレス的な継続的な改善ができるようにしたい。 今回の課題 現行のWordPressサイトの本番環境を手間をかけずに安定運用させる まず最低限の機能で構築 保守コスト優先、WordPressの管理画面をベースにする CloudFrontでホスティングすることでサーバレスな機能を運用する 構築後に検索やSEO対策の機能を実装する WordPressなのでセキュリティリスクが発生しないように注意する 実現方法の候補 Stati
Serverless Static WordPress Hosting Shifterは世界で一番使われているCMS「WordPress」を、超高速・安全・メンテフリーにするオンラインサービスです。サーバーレスによる全く新しいアプローチで、WordPressユーザーから伝統的なホスティングにつきものの、遅延・停止などソフトウェアやサーバー保守にかかる負担・セキュリティの不安を排除します。 安心・安全性 WordPressとAWSのプロフェッショナルが在籍。経験豊富なスタッフが日本語・英語で安心のチャット対応。無制限の拡張性を定額で利用可能。WordPressで作成したコンテンツをShifterが完全な静的HTMLに変換し、無料のHTTPS通信で配信。伝統的なホスティングにありがちな面倒な手続きや追加の保守、悪質なボット・攻撃者からの脅威を製作者から排除。
WordPress を 無料で使いたい! もちろん SSL に対応したサーバーで HTTPS がいい! そんな、わがままを叶えれられるかもしれませんよ。 妙案まず、ローカル版 WordPress を PC にインストールして、そこで記事を書きます。 次に、WordPress の記事を 静的サイト にしてくれる プラグインで HTML に変換します。 最後に、HTML になった 記事 を GitHub Pages などで公開すれば、完成です! GitHub Pagesや、Firebase Hosting、Netlify は、SSL 対応なので HTTPS 運用できますし、広告も入りません。 まあ、これを WordPress 運用と呼んでいいのかは分かりませんがね。 注意として、動的な機能は使えません。サイト内検索とかコメントフォームとかですね。 ローカル版 WordPress を立ち上げるL
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く