徹底比較！Firebase vs Netlify (2018年版) - KAYAC engineers' blog
みなさまこんにちは、のびーことfnobiです。今年ももうアドベントカレンダーの季節なんですね。はやいはやい。 さて個人的にアドベントカレンダーでは、振り返りの意味も込めて その年お世話になった技術に関する記事を書く、というルールにしてますので、今回は NetlifyとFirebaseの話 をします！！ （ちなみにFirebaseの話は去年もしたかったのですが、時間が足りなかった＆他の人も書いてたのでパスしました） この記事の目的 いまフロントエンドエンジニアに使ってほしいサービスの私的TOP2・NetlifyとFirebaseについて、様々な観点から比較して、 「なんかどちらも便利そうって聞くけれど、どちらを使えばいいのかわかんないな？？」 という人をこの世からなくします！ Netlifyってなんぞや？ https://www.netlify.com/ githubと連携可能な静的Webホ
【ブログ向け】CSSセレクタ入門【基本編】 - mlog
今回は、「CSSセレクタ」 について解説していきたい思います。 主に、ブログでCSSデザインを導入する場合を想定 して、基本編・応用編の２回に分けて解説を進めて行きます。 今回は、基本編として、CSSセレクタについて簡単に解説した後、よく使う「基本のセレクタ」を紹介していきます。 ※ ブログでCSSを使用する場合は、お使いのブログがCSSの使用に対応している必要があります。 目次 CSSセレクタとは？ カスタム対象のクラスやIDの確認方法 記事中で紹介するコードの表示確認方法【ブログ向け】 はてなブログの場合 CSSファイルから試す場合 よく使う「基本のセレクタ」 要素の指定 ID名の指定 クラス名の指定 要素名＋クラス名で指定 特定の複数クラスを持つ要素を指定 複数セレクタの指定 子孫セレクタの指定 子セレクタの指定 まとめ CSSセレクタとは？ 「CSS」を使うと、HTMLの特定の要素
ゲーム内お知らせをHugo+Netlify CMS+CircleCIで作りました - KAYAC engineers' blog
鎌倉は寒いです。みなさんはいかがですか。ソーシャルゲーム事業部のゲーム技研チームの谷脇です。 この記事はTech KAYAC Advent Calendar 2019 Migration Trackの10日目の記事です。9日目はデーモン管理をdaemontoolsからsystemdに移行させるでした。 ゲーム内お知らせとは みなさんは、スマートフォンのゲームをされますか。ええ、そこのあなたはよくされる。しかし、そちらの方はあんまりされない。なるほどなるほど。 では分かる人にはおさらいとして、あまりピンとこない方にはそんなことがあるのか〜となってもらうために説明させていただきます。 我々カヤックでゲームを運営している人々が「お知らせ」を指した場合、ゲーム内のある機能を示しています。他のゲームではニュースなどとも呼ばれています。 カヤックで作っているゲーム「ぼくらの甲子園！ポケット」(以下ぼく
Netlify + GitHub 環境で簡単にサイトを公開する方法 - mlog
今回は Netlify + GitHub 環境で簡単にサイトを公開する方法 について解説したいと思います！ 「 Netlify 」は静的コンテンツのホスティングサービスです。 GitHub や GitLab、Bitbucket のリポジトリに置いてある静的コンテンツを比較的簡単な設定で Web 上に公開することができます。 サイトを更新する場合も、GitHub に更新内容をプッシュするだけでサイトが更新 され、非常に便利です。 その他、公開用ブランチやディレクトリの選択が自由 だったり、無料枠の範囲で独自ドメインを設定できる など、簡単設定かつ高機能、懐にも優しいサービス内容となっています。 目次 目次 簡単な流れ 公開用の GitHub リポジトリの作成 リポジトリ作成 & クローン 公開用のブランチを作成 公開用ファイルを追加 コミット & プッシュ Netlify で公開設定 Net
Netlify に独自ドメインを設定する方法 - mlog
静的コンテンツのホスティングサービス「 Netlify 」では、無料枠の範囲で独自ドメインの利用が可能です。 今回は Netlify に独自ドメインを設定する方法 について解説したいと思います。 目次 目次 はじめに 簡単な流れ カスタムドメインの設定 Netlify での設定 DNS 設定 サイトチェック まとめ はじめに 本記事では、以下の記事で公開したページをベースに解説を進めていきます。 Netlify + GitHub 環境で簡単にサイトを公開する方法 まだ Netlify を利用していない、または、独自ドメイン設定用のサイトがない場合は、上記のページを参考にサイトを公開してください。 簡単な流れ 本記事では、以下のような流れで解説を進めていきます。 Netlify でドメイン追加設定 DNS プロバイダで CNAME レコードを追加 サイトチェック まとめ それでは、早速、Ne
WordPressの使い方大全集 | ワードプレステーマTCD
WordPressサイトの画像を軽量なAVIFに変換できるプラグイン「ShortPixel Image Optimizer」 2024.04.26
【SEO内部対策】パンくずリストをはてなブログで設置 - interest blog
簡単にパンくずリストを設置する方法 パンくずリストを設置しました。はてなブログではパンくずリストの設定が無く、諦めていたのですが、あるブログを発見し実装することができました。これにより、SEO的にも内部構造が整理され検索エンジンからの評価も多少は上がると考えられます。 【目次】 パンくずリストとは？ コードの設定方法 カテゴリーの設定 パンくずリストとは？ 初心者の方の為に、「パンくずリストとは」ブログ・サイトの訪問者が、「今サイトのどこにいるのか？」ということを視覚的に認識してもらう地図のようなものです。 このブログでは、記事タイトル下にある赤丸の部分の事を言います。 見てお分かりの通り、TOP＞Google＞ウェブマスターツールの順に階層が分かれていますよね。その記事（ページ）にたどり着くまでにTOPページからどこを通って来て、今どこにいるのかという事が一目で分かりますよね。 この仕組
はてなブログテーマ「Written」の横幅のサイズを変更してアドセンスを設置できるようにする - はてなブログを作った時の設定とかのメモランダム
2015-04-15 はてなブログテーマ「Written」の横幅のサイズを変更してアドセンスを設置できるようにする カスタマイズ Tweet 最終更新日：2015年5月20日。コードを微調整しました。 Writtenは素晴らしいテンプレートですが、記事が表示されるメインカラムの横幅が少し小さく、アドセンスのビッグバナー（728×90）を表示するには少し横幅が足りません。 Googleの広告サイズに関するガイドやによると、高い効果を見込める広告サイズや配置はある程度決まっているようですので、それがきちんと表示できるように少しテンプレートをいじってみましょう。 はてなブログを作った時に最初に設定することのメモ - はてなブログを作った時の設定とかのメモランダム なお、こちらの記事は上の記事の設定が終わっていることを前提としています。 ? まずは配置を考えてみる AdSense Tips: Co
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【書評】たった20記事のミニサイトで月10万アクセスを集める方法