Libx Awesomeリスト

    このページの内容

    Awesome Static Website Services

    Static Website Servicesを扱う資料や関連プロジェクトをまとめたAwesomeリストです。

    目次

    音声

    • SoundCloud - 埋め込み可能なプレイヤーを備える音声ホスティング。最大3時間のコンテンツは無料。
    • Mixcloud - 無制限アップロードと埋め込み可能なプレイヤーを備える音声ホスティング。
    • Spotify - Spotify Play Buttonで任意の曲、アルバム、プレイリストを埋め込める。

    書籍

    カレンダーとスケジューリング

    • Google Calendar - 他者と共同利用できる埋め込み可能なカレンダー。
    • Booking.js - 美しい埋め込み可能な予約ウィジェット。
    • zenplanner - 有料。フィットネス向けオンラインスケジューリング。

    画像

    • Flickr - Yahooによるオンライン写真ホスティング。
    • Cloudinary - 画像ホスティング、加工、配信。

    地図

    • Google Maps - Google地図は簡単に埋め込める。
    • Mapbox - 見栄えのよい埋め込み可能な地図。
    • uMap - 優れたOpenStreetMapデータセットに基づくパーソナライズ地図を作成・埋め込みする。

    プレゼンテーション

    • Prezi - ズームと回転ができる印象的な遷移を持つオンラインプレゼンテーション。
    • Reveal.js - HTMLプレゼンテーションフレームワーク。
    • Slides.com - スライドデッキを作成、発表、共有する場所。
    • SpeakerDeck - スライドをPDFとしてアップロードし、オンラインで共有可能なプレゼンテーションを得る。

    動画

    • Mux - 有料。クライアントで動画を直接再生するAPI。ライブストリームにも利用可能。
    • YouTube - 無制限アップロードの埋め込み可能動画。
    • Vimeo - 有料。広告なしの埋め込み可能動画。
    • Vevo - 埋め込み可能なミュージックビデオ。
    • Wistia - 無料プランは動画25本まで。

    コード

    • Codepen - 埋め込み可能なフロントエンドコード例のプレイグラウンド。
    • JS Bin - 埋め込み可能なフロントエンドコード例。
    • JSFiddle - 埋め込み可能なフロントエンドコード例。
    • highlight.js - ウェブ向け構文ハイライト。
    • Indiepen - フロントエンドコード例を埋め込むプライバシーに優しいソリューション。

    Functions as a Service

    • 1Backend - 数秒でバックエンドをデプロイする。無料枠付きのオープンソース。
    • AWS Lambda - サーバーのプロビジョニング・管理なしでコードを実行でき、使用したコンピューティング時間に対してのみ支払う。
    • Google Cloud Functions - サーバーやランタイム環境の管理なしでCloudイベントに応答する、単一目的のスタンドアロン関数を作成する。
    • Webtask by Auth0 - 単純なHTTPでサーバー上のコードを呼び出す。LambdaやGoogleよりはるかに簡単に設定できる。
    • Azure Functions - Microsoft提供。Azureクラウド上でLambdaと同じ前提を持つ。
    • IronWorkers - Iron.io提供。無制限スケールと単純な価格設定を持つ多言語コンテナ環境でコードを実行する。
    • IronFunctions - Iron.io提供。プライベート、パブリック、ハイブリッドを問わない任意クラウド向けオープンソースサーバーレスコンピューティングプラットフォーム。
    • OpenWhisk by IBM - BlueMixホスティングプラットフォームの一部でオープンソース。Watson AIエコシステムと良好に連携する。
    • StackPath EdgeEngine - 好みの言語でFunctions as a Serviceを書き、グローバルなデータセンターネットワークへデプロイする。インテリジェントルーティングや負荷分散を含むすべてのネットワークを、StackPathがプライベートバックボーン上で管理する。
    • Cloud 66 - 自身のクラウドアカウントへ静的ウェブサイトをビルド・デプロイする。
    • Vercel - 好みの言語でFunctions as a Serviceを書き、monorepoの一部としてデプロイできる。
    • Azure Static Web Apps - サーバーレスFunctions、認証、CDNなどを含むフルスタック静的アプリホスティング。
    • Qoddi - Herokuに似た開発者中心アプローチでデータストレージを含むフルスタックアプリホスティング。3アプリまで無料で使える。
    • Autocode - 設定不要で関数を即座にスケーラブルなウェブサービスへ変換する。ブラウザー内IDE、使いやすいAPIライブラリ、シームレスな認証管理を備えるサーバーレスホスティングが利用できる。

    GraphQL

    • FaunaDB - サーバーレスGraphQLデータベース。期限なしの無料枠があり、Netlifyアプリへ容易に含められる。

    コミュニティ

    コメント

    • Staticman - ユーザー生成コンテンツを受け取り、GitHubリポジトリへデータファイルとしてアップロードするNode.jsアプリ。GitHubへのpushごとに自動デプロイすれば、ブログコメントなどの動的コンテンツを完全静的サイトの一部として持てる。
    • Disqus - ネストした返信、複数ログイン方式、メール通知を備える簡単に埋め込めるコメント。
    • Facebook Comments - Facebookによるサイト用の埋め込み可能コメント。
    • IntenseDebate Comments - ネストした返信、複数ログイン方式、メール通知を備える埋め込み可能コメント。
    • LiveFyre - リアルタイムコメント。SEO最適化済みで、デスクトップ／モバイル双方で美しく表示される。
    • Redditjs Embed Widget - サイトへRedditコメントを埋め込む。投稿がなければ、ユーザーへ送信を促すリンクを表示する。
    • Muut.com - 埋め込み可能コメント、フォーラム、プライベートメッセージング。多機能ながらサイトへ残すフットプリントは非常に小さい。
    • Gitment - GitHub Issuesに基づくコメントシステム。サーバーサイド実装なしでフロントエンドから使える。
    • giscus - GitHub Discussions上に構築されたコメントウィジェット。
    • utterances - GitHub issues上に構築された軽量コメントウィジェット。

    フォーム

    とてもシンプルなフォーム

    • Formspree - 静的ウェブサイトのフォームからメールを受信する。
    • elFormo - メール経由のシンプルなフォーム処理と応答取得。
    • Flipmail - メール経由のシンプルなフォーム処理と応答取得。
    • MailThis - 任意の添付付きメール経由のシンプルなフォーム送信。
    • Simple Form - 任意のファイル添付、メール通知、オンライン送信表示を備えるシンプルなフォーム。
    • Brisk Forms - メールアドレスを非公開に保ちつつ応答をメール送信する、オープンソースの無料フォーム送信サービス。
    • 99 Inbound - メール／Slack通知とサードパーティアプリ統合（例: MailChimp）を持つフォームエンドポイントサービス。
    • Getform - メールと統合機能を備えるデザイナー・開発者向けフォームバックエンドプラットフォーム。
    • HeyForm - 強力なオンラインフォームを作れる無料で使いやすいdrag & dropフォーム作成ツール。40以上のフィールド型、統合、分析などを含む。
    • Form.taxi - メール通知、ファイルアップロード、GDPR準拠データ処理でフォーム送信を簡単かつ確実に扱うバックエンド。

    通常のフォーム

    • Formcarry - 強力なダッシュボード、信頼できるスパム遮断、添付アップロード、Zapier統合を持つ、手間のないHTMLフォームエンドポイント。
    • Formcake - 開発者向けフォームバックエンド。Zapier統合、単純なエンドポイントAPI、無制限フォーム。
    • Google Forms - 結果をGoogle Sheetsへ保存し、送信時にメールを送れる。
    • FormKeep - 有料。美しいウェブインターフェースでフォーム送信を表示する。スパムフィルタリングと、Gmail、Trello、Basecampなどのwebhook統合を備える。
    • 123 Contact Form - MailChimp、Salesforce、Google Driveなどのオンラインサービスへ接続する。決済処理業者との統合、セキュリティ、分析も含む。
    • FormAssembly - 複雑な分岐ロジックや複数ページを含められる、任意種類のフォームを作成できる。
    • FormSite - 支払いとフォーム管理を備えるフォームビルダー。
    • FormStack - A/Bテスト、部分送信、分析、統合を備えるフォーム。
    • Sheetsu - データをGoogle SpreadsheetへPOST・GETする。
    • Typeform - 埋め込み可能な優れたフォーム。
    • Wufoo - 無料または有料。フォームデザイナーで構築でき、通知、レポート、支払いを備えるフォーム。
    • Zoho - ファイルアップロードとcaptchaを備えるフォーム。
    • GitHub Issues - 開発者がコメント／質問を得る興味深い方法。例はgithub.com/sindresorhus/amaを参照。
    • Utterences - GitHub issues上に構築された軽量コメントウィジェット。
    • FormBackend - フォームバックエンドを作成し、HTMLフォームをバックエンドへ送信する。エントリをオンライン表示し、他サービスへ接続でき、新規エントリごとにメールを受け取る。
    • Pageclip - HTMLフォーム向けの柔軟なサーバー／バックエンド。リアルタイムウェブUIでデータを表示するか、APIでCSV／JSON出力を得る。
    • Formester - 統合機能を備えるフォームとメールマーケティング（リード収集、メールキャンペーン、ニュースレター）。
    • StaticKit - Reactをネイティブサポートする静的サイト向けモダンフォーム。
    • SheetDB - Google SpreadsheetをJSON APIへ変換する。
    • Form2Channel - HTMLフォームをForm2ChannelへPOSTし、送信内容をGoogle Sheetsに保存、メール、Slack、Telegramで受け取る。登録なし、費用なし、制限なし。
    • reCAPTCHAme - reCAPTCHAとhCAPTCHAのトークン検証サービス。フォームをreCAPTCHAmeへPOSTしてスパムを避ける。静的サイト用でサーバーサイドコーディング不要。
    • Formware - 任意のウェブサイトへ埋め込める、無制限回答付き会話型フォーム。

    ホスト提供

    • Netlify - Netlifyには組み込みのフォーム処理がある。

    ライブチャット

    • jivochat - オンライン販売の増加を目的に設計された、ウェブサイト向けプロフェッショナルライブチャット。
    • LiveChat - ウェブサイト上のライブチャット。
    • Olark - ウェブサイト上のライブチャット。サイト訪問者とその行動も確認できる。
    • SnapEngage - 統合とカスタムスタイルを備えるライブチャット。
    • tawk.co - ウェブサイト訪問者を監視し、チャットできる。
    • WebsiteAlive - ウェブサイトとソーシャルネットワーク向けライブチャット。
    • Zopim - 無料トライアル付きライブチャット。
    • Tiledesk - オープンソースのチャットボットビルダーを備える無料ライブチャット。

    ニュースレター

    • MailChimp - 無料のメールマーケティング。追加機能には支払いが可能。
    • Constant Contact - キャンペーン、自動応答、分析を備えるメールマーケティング。
    • AWeber - キャンペーン、自動応答、分析を備えるメールマーケティング。
    • Campaign Monitor - キャンペーン、自動応答、分析を備えるメールマーケティング。
    • MailerLite - 無料メールマーケティング。より多くの購読者には支払いが可能。

    ソーシャルメディア

    • Pinterest - Pin It Button。
    • Twitter - 埋め込みtweet。
    • Facebook - Facebook埋め込みプラグイン。
    • ShareThis - 複数ソーシャルネットワーク向け共有ボタン。
    • Kontaktify - 訪問者が簡単に連絡を取れるコンタクトウィジェット。

    アンケート

    • Google Forms - Google formsをアンケートやサイト上のフォームに使える。
    • SurveyMonkey - 使いやすい無料アンケート。
    • Typeform - とても美しいフォーム。
    • Qualaroo - 画面右下から表示されるアンケートをウェブサイトの任意場所へ埋め込む。
    • Insight Stash - 高速でシンプルなアンケートフォーム。
    • Formware - 無制限の回答を持つ魅力的なアンケートを無料で作成する。

    E-Commerce

    • Ecwid - 埋め込み可能なショッピングカート。
    • FoxyCart - 基本HTMLコードでショッピングカートを追加する。
    • Snipcart - 数行のコードで完全なオンラインショップを含める。
    • Gumroad - 作品を販売するオールインワンソリューション。
    • Payhip - デジタルダウンロードとメンバーシップを販売する埋め込み可能な方法。
    • Moltin - あらゆるものへeCommerce機能を追加する。
    • Trolley - 静的・JAMstackサイト向けに設計されたポップアップカートを任意のウェブサイトへ追加する。
    • Commerce Layer - JAMstackへエンタープライズecommerceを追加する。

    支払い

    検索

    セルフホスト:

    • lunr.js - ブラウザー内のシンプルな全文検索。
    • itemsjs - JavaScriptによる全文・ファセット検索、ほぼ依存関係なしの検索エンジン。
    • minisearch - ブラウザーとNode向けの小さく強力なJavaScript全文検索エンジン。
    • flexsearch - BrowserとNode.js向けの次世代全文検索ライブラリ。
    • fuse.js - 依存関係ゼロの強力で軽量なあいまい検索ライブラリ。
    • static-search - HTMLファイルのJSONインデックスを生成するGoプログラムと、このインデックスを検索する任意UI付きJavaScriptコンポーネント。
    • elasticlunr - Lunr.jsに基づくブラウザー検索・オフライン検索向けJavaScript開発の軽量全文検索エンジン。
    • tinysearch - RustとWasmで構築した静的ウェブサイト向けの小さな全文検索エンジン。
    • js-search - JavaScript／JSONオブジェクトのクライアントサイド検索。ES5互換でjQuery等のサードパーティライブラリ不要。
    • search-index - ブラウザーとNode.js向けの永続的でネットワーク耐性を持つ全文検索ライブラリ。
    • fuzzysearch - JavaScriptによる小さく非常に高速なあいまい検索。
    • fuzzy - ブラウザーとnode用のあいまい検索／フィルター。
    • fullproof - ブラウザー内で高品質な全文検索を提供するJavaScriptライブラリ。
    • Jets.js - ネイティブCSS検索エンジン。
    • Hulipaa - 静的ウェブサイトへ追加できる、ミニマリスト検索バーUIで数千ページを扱える静的全文検索エンジン。

    サードパーティ統合:

    • Google Custom Search Engine - カスタムGoogle Searchでサイトを検索する。
    • Algolia - 最初のキーストロークから即時かつ関連性のある結果を返すホスト型Search API。
    • CloudSh - 数行のJavaScriptでウェブサイトに強力な検索を提供する。

    分析

    • Google Analytics - Google提供のフリーミアムウェブ分析サービス。
    • Simple Analytics - 💲。シンプルでクリーン、親しみやすい分析。

    認証

    • Uthentic - 2行のコードで静的サイト向けサーバーレス・パスワードレスログインを実現する。

    ユーティリティ

    • BulkPicTools - WebAssemblyを活用してローカル圧縮・変換を行う、静的サイト作成者向けプライバシー優先のブラウザーベース一括画像処理ツール。

    その他

    • Sketch Fab - 埋め込み可能な3Dコンテンツ。

    関連リスト

    ライセンス

    CC0

    法律で可能な限り、Adam Garrett-Harrisはこの作品に関するすべての著作権および関連・近接権を放棄しています。