Google ドキュメントをWebページとして使える「ImportDoc」

SheetDBSheetsonなどGoogleスプレッドシートを使ったエンジニア向けサービスを過去に取り上げてきましたが、今回の「ImportDoc」は、GoogleドキュメントをWebページとして活用することができます。

◆ Google ドキュメントのコンテンツをWebページに使える「ImportDoc」
https://importdoc.com/

紹介

利用にあたって、Googleドキュメントを使うアカウントでサインアップします。

連携が完了したら、このようなホーム画面が表示されます。

使ってみる

まずはじめに、GoogleドキュメントでWebページになる画面をつくりGoogle Driveに保存しておきます。

続いてホーム画面の「ADD DOCUMENT」を実行して、Google Driveのデータを連携します。

すると、作成したGoogleドキュメントが表示されるので選択します。

このような画面がでてきたら読み込み成功です。ただし、使うのは、画面上部に表示されたスクリプトの方です。

<script src="https://unpkg.com/import-doc/dist/import-doc/import-doc.js"></script><import-doc src="https://api.importdoc.com/document?id=BwFuPS56nlagtspCNtom"></import-doc>

このコードをWebサイトの任意の場所に埋め込むと

Webページとして表示してくれます。

ImportDoc単体でWebページを表示するのではなく、一部のコンテンツにGoogleドキュメントを挿入するといった使い方になります。

たとえば、お知らせやイベントスケジュールなど、動的に変わるコンテンツに適用すれば、エンジニアがいなくてもサイトをメンテナンスすることができます。

導入も非常に簡単ですので、ぜひ試してみてください!

◆ Google ドキュメントのコンテンツをWebページに使える「ImportDoc」
https://importdoc.com/

新着ピック  






















新着ニュース

もう「変態」とは言わせない、実用性を備えた2画面ノートに進化したASUS ZenBook Duo | TechCrunch Japan

Infrastructure as Codeにおける理想のドキュメント管理を目指して #infrastudy | Developers.IO

SpaceXのCrew Dragon宇宙船がISSとのドッキングに成功 | TechCrunch Japan

YouTube、警察の差別を研究・提言する非営利団体に100万ドル寄付

【小ネタ】[AWS IoT Greengrass] クイックセットアップを使用して、コマンド一発でセットアップする(RaspberryPi) | Developers.IO

宇宙空間でのCrew Dragonの手動操縦に初成功、同じ操縦をシミュレータで誰でも試せる | TechCrunch Japan

「FF7」にトラウマがある漫画家が「FF7リメイク」をプレイ、期待以上の面白さと不満の理由は?

NVIDIA Jetson Xavier NXのシステムボリュームをNVMe SSDに切り替える | Developers.IO

NVIDIA JetsonとUSBドングルでLTE(SORACOM Air)接続するために nmcli を使う | Developers.IO

NVIDIA Jetson Xavier NXをHDMI接続せずにHeadlessでセットアップする | Developers.IO

NVIDIA Jetson Xavier NXをHDM...

DevelopersIO / 4時間前


有人宇宙船「Crew Dragon」、ISSとの自動ドッキング成功

markdownでのTable作成時に肩のチカラが抜けるプラグインvim-table-modeを導入してみた | Developers.IO

EventBridgeのSchema Registry コードバインディング機能でS3イベント処理を楽に実装する | Developers.IO

EventBridgeのSchema Registry...

DevelopersIO / 11時間前


エネルギー補給のタイミングを教えてくれるスマートウォッチ「Polar Grit X」登場 長時間のスポーツ向け

AWS Systems Manager Explorer に AWS Compute Optimizer のレコメンデーション情報が追加になりました! | Developers.IO

AWS Systems Manager Explore...

DevelopersIO / 11時間前


nOpsを使ってWell-Architectedレビューを実施する | Developers.IO

AWS SAMがStep Functionsに対応しました! | Developers.IO

【Integromat】Developers IOブログの投稿を友人に通知してみた(再チャレンジ) | Developers.IO

【Integromat】Developers IOブロ...

DevelopersIO / 12時間前


[AWS] SESとLambda関数でメールの一斉送信を実装してみた | Developers.IO

cdkを使ったStepFunctionsでのループ込実装手続きを振り返りつつ書いてみた | Developers.IO

もっと見る
会員登録
Register
記事をPICKする

会員登録すると、もっと便利に利用できます。