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. [iTunes] Apple Music ライブラリ内の曲を再生したら全く別の曲…
  3. [Facebook] プレビュー機能の脆弱性でトークン流出!アカウントの乗っ取り…
  4. Apple Music や Amazon Musice でクラシック音楽の楽曲・…
  5. [レビュー] 『親子で学ぶ プログラミング超入門 ~Scratchでゲームを作ろ…

関連記事

  1. MS Office

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

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

  2. Office 2013 タッチタブ

    MS Office

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

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

  3. MS Office

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

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

  4. http://www.microsoft.com/ja-jp/windows/lifecycle/xp_eos/consumer/default.aspx

LINE公式アカウント:OfficeTAKU

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

最近の記事

  1. Lenovo IdeaPad Flex550i

人気の記事

  1. ロジクール MX KEYS(MAC用)
  1. WebService

    【30日間無料体験】Amazon プライム 会員 特典一覧
  2. Photo by JESHOOTS.COM on Unsplash

    Excel

    [Excel] エクセルで「名前」を使ってみよう! Vol.5 数式に[名前]を…
  3. Photo by John Schnobrich on Unsplash

    WebService

    【Amazon】6ヶ月間無料体験可能! 学生のみなさん Amazon Prime…
  4. Hard・Acc

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

    【U-NEXT】シニアや映画好きがいま無料体験するならこの動画配信サービス!
PAGE TOP