MS Office

【Office】Excelの表も簡単にブログへの埋め込みできる!無料で使えるWeb用オフィス Office for the web

こんにちは。
@OfficeTAKUです。

Office for the web(Office Online,Office webapps) は、マイクロソフト アカウントがあれば無料で利用できるオフィスソフト
基本的に無料で使えるかわりに機能が制限された簡易版、というイメージ。

ですが、パソコンにインストールして使うデスクトップアプリケーションではできないこともあります。

それがWebサイトやブログへの埋め込みリンクの作成です。
iframe タグを簡単に生成できます。
実は2010年からこの機能は実装されていた(「Office Web Apps」、ExcelやPowerPointをWebページに埋め込む新機能 – ITmedia エンタープライズ)ようですが、いままで知らずにいました。

OneDriveに保存されているOfficeで作成した書類をブログに埋め込む

エクセル、ワード、パワーポイントなどで埋め込みが可能です。

Office for the web で作成したファイルはもちろん、パソコンで作成したファイルでも、OneDriveにアップロードしてあれば大丈夫です。

今回は、ExcelとWordを試してみました。
先述したとおり、

  • マイクロソフトアカウントを所持していること
  • OneDrive上にファイルがあること

が前提条件となります。

Excelブック(表)のブログへの埋め込みコードを作成する方法

下記のようなExcelの埋め込みコードを生成する方法です。

下記の記事の関数一覧の元になったExcelブックです。

  1. Office for the web にログインします
  2. ブログに埋め込みたいブックを開きます
  3. [ファイル]タブをクリックします
    Office for the web
  4. [共有]をクリックします
  5. [埋め込み]をクリックします
    Office for the web
  6. 確認画面が表示されます
    Office for the web
  7. [生成]をクリックします
  8. 埋め込む範囲(ブック全体、あるいはセル範囲、定義してある名前の範囲)を選択します。
  9. オプション(外観・操作・大きさ)を指定します。
  10. 生成された埋め込みコードをコピーしてブログなどに貼り付けます。
    Office for the web
Excel:埋め込みのオプションについて

【表示するデータ】
ブック全体」、「セル範囲」、「 定義した名前の範囲」を選択することができます。

ブック全体」を選択した時は、行番号・列番号を表示することができます。

【外観】
[行見出しと列見出しを非表示にする]は、[表示するデータ]で[ブック全体]を選択した時に操作が可能になります。
チェックを外すことで、行番号と列番号が表示されます。
Office for the web
【大きさ】
[幅]は最大700pxまで指定できます。
[高さ]は範囲に合わせて自動で表示されます。自分に任意に指定することもできます。

Word文書のブログへの埋め込みコードを作成する方法

Wordでも同様です。オプションが変わるだけです。

  1. Office for the web にログインします
  2. ブログに埋め込みたい文書を開きます
  3. [ファイル]タブをクリックします
  4. [共有]をクリックします
  5. [埋め込み]をクリックします
  6. 確認画面が表示されます
  7. [生成]をクリックします
  8. オプション(大きさ・相互の関係)を指定します。
  9. 生成された埋め込みコードをコピーしてブログなどに貼り付けます。
    Office for the web
Word:埋め込みのオプションについて

Wordでは「大きさ」と「相互の関係」という2つのセクションだけです。
【大きさ】
幅はExcelとは違い700pxという制限はないようです。
でも、Excelと同じく700pxにしました。
【相互の関係】
[ユーザーによる文書の印刷を許可する]のチェックを外してみました。直接印刷することはできないと思います。

まとめ

以上、Office for the web のドキュメントをWebに埋め込む方法でした。
Excel の表、そのまま表現できるのがメリットです。
必要があればファイルのダウンロードもできるので、別途ファイルへのリンクなど作る必要がないのも便利です。

また、WordPress内で完結させたければ、WordPressのプラグイン「TablePress」を利用すれば、Excelのデータもキレイに表に変換することが可能です。

場合によってうまく使いわけたいと思います。

Office for the web についての詳細は下記Microsoft公式ページへ
Office for the web サービスの説明 | Microsoft Docs

【WordPress】サイトヘルスチェックで指摘された問題点を解消前のページ

【WordPress】Excelの埋め込みリンク(iframe)を貼り付けたらiPhoneではみでてしまう問題次のページ

ピックアップ記事

  1. 公認会計士と司法試験/予備試験合格の勉強のプロが教えてくれる「メモリーツリー」勉…
  2. プリンター ブラザー DCP-J973N 導入記。お手頃価格でセッティングも取り…
  3. [iTunes] Apple Music ライブラリ内の曲を再生したら全く別の曲…
  4. [レビュー] リンダ・リウカス『ルビイのぼうけん こんにちは!プログラミング』:…
  5. 3.11復興とは?問うドキュメンタリー:メディアが語らない真実「被災地の水産加工…

関連記事

  1. MS Office

    [Word2003] 右揃えボタンなどがグレーアウトして使えない

    Word2003 を 利用中に、段落配置ボタン(両端揃え、中央揃え、…

  2. MS Office

    [Word 2002,2003]テキストボックス内の文字列を上下中央に揃える4つの方法

    Word 2007 になってようやくWordでもテキストボックス内の文…

  3. MS Office

    [WD2010] Wordで簡単!暑中見舞い作成

    こんにちは。悪筆、文章下手、筆無精な@OfficeTAKUです。…

  4. MS Office

    [Windows 8.1] 言語バー(IMEツールバー)を表示する方法

    こんにちは。@OfficeTAKUです。Windows 8…

  5. Office 2013 タッチタブ

    MS Office

    [OFF2013] タッチ タブを非表示にする

    こんにちは。@OfficeTAKUです。今年 2014年2…

LINE公式アカウント:OfficeTAKU

OfficeTAKU Line公式アカウントバナー

最近の記事

  1. ビジネス統計スペシャリスト

人気の記事

  1. Surface Mobile Mouse
  1. WebService

    Amazon Echo Alexa を Google カレンダーとリンクしたらと…
  2. Web

    2018年7月 の人気記事はこれだ!月間 アクセス数 ベスト10
  3. WebService

    話題のDeepL翻訳はアプリをインストールするとより便利
  4. ハードウェア

    【レビュー】BenQ デスクライト WiT MindDuo:使用・体験編
  5. Microsoft Surface Pro 7

    ハードウェア

    【レビュー】Microsoft Surface Pro 7 :学生・教職員には特…
PAGE TOP