スプレッドシートをNotionに埋め込んで、ちょっとした編集ができることは確認済だった私（@saosaoyamayama）。
使い勝手はあまりよくありませんが、ガッツリ編集しなければ問題ないなと思って、その時は埋め込みを削除したんですよね。
今までスプレッドシートで管理していたお仕事ツールをNotionに置き換えていくなかで、どうしてもスプレッドシートを使うしかないこともあります。
で、今回久しぶりに埋め込んでみたのですが……編集できない!?
【2023/07/03追記】
いつの間にやら編集できるようになっていたんですよね……。Notionサポートから「編集できるようになりましたよ」の連絡はありませんでした。残念。
Contents
Notionのサポートに頼ってみることに
いつも大抵何かしらの情報に行き当たって解決に至るんですが、今回ばかりはまったく……。
他に同じような問題を抱えている人が見当たらない時点で、私側の問題なのだろうとは思っています。Notionを手探りで使っている自覚はあるので、何か余計な権限設定でもしているのではないだろうか。
ただ、サポートのかたは「権限の可能性は低い」とおっしゃっていました。
やったこと
- Notionの初期化（ローカルデータのリセットと更新）
- ブラウザの拡張機能オフ
- サポートアクセスの許可
上記以外にもアドバイスに従っていろいろやってみましたが、ダメ。
「サポートアクセス」は、メールのやり取りやキャプチャの共有で解決しない場合に、サポートのかたに私のNotionに入っていただき中身を確認してもらうものです。
単なるシェアではなく、Notionの設定メニューに「サポートアクセス許可」という項目があります。これで実際に見ていただきましたが、やっぱりダメ。
私のほうでやった追加作業は……。
- 別アカウント（何もページを作っていない）で埋め込み
- いかにも干渉しそうな埋め込みの削除
- 埋め込みURL（スプレッドシートのURL）を変更
この辺りをやってみましたが、うまくいかず。結論としては、エンジニアチームに確認を依頼してくださるとのことでした。
でも、サポートしてくださったかたのお手元ではスプレッドシートの埋め込み・編集ができているわけで、私の問題だよねコレ……。
気付いたこと
Googleドキュメントを埋め込んだらどうなるんだろうか。ってことで、同じように共有権限をゆるゆるにして埋め込んだのが上のキャプチャです。
ブラウザでドキュメントを編集するのと同じ形で表示されていますよね。編集可能な形で埋め込めました。
ドキュメントとスプシを埋め込んで、かたや編集、かたやプレビュー。コードがどんなふうになっているのか確認してみました。
Notionアプリの上部メニューから「表示」を開くと、開発者画面が開けます。
こんなやつね。
右側のコードをVisualStudioCodeにコピペして、ドキュメントとスプレッドシートで何か違いがあるのか確認してみました。
そもそも中身が全然違うから「違いしかない」んですが、ひとまず埋め込みに関連しそうな[iframe]周りを見てみました。
コード的にはほぼ同じっていうかまったく同じ。もちろんURLは異なります。それは、そうなんですが……。
ドキュメントは埋め込んだURLがそのまま反映されているのに対し、スプレッドシートは「プレビュー」になっていることがわかりました。
まず、ブラウザのURLをコピーして埋め込んだものがコチラ。
ブラウザURL
https://docs.google.com/spreadsheets/d/hogehogehogehoge/edit#gid=1386834576
埋め込み
https://docs.google.com/spreadsheets/d/hogehogehogehoge/preview/sheet?gid=1386834576続いて、共有画面から取得したURLを埋め込んだパターン。
共有ボタンで取得したURL
https://docs.google.com/spreadsheets/d/hogehogehogehoge/edit?usp=sharing
埋め込み
https://docs.google.com/spreadsheets/d/hogehogehogehoge/preview?usp=embed_googleplus
https://docs.google.com/spreadsheets/d/hogehogehogehoge/preview/sheet?gid=1386834576このように、editが勝手にpreviewへ切り替わっていました。
そりゃまあ、Notionでプレビューしか表示されないってことはプレビューに切り替わってるんだろうよ。そりゃそうだよ💢
ひとまず、URLが勝手に変わってしまうっていうのをどうにかしないとダメってことですね。
試したこと
ここからはNotionお問い合わせ前にやった試行錯誤です。
スプレッドシートの埋め込み（編集可）では「リンクを知っている人全員」が「編集者」という最強のゆるゆる共有設定にするのがお作法です。そのうえで、以下を試しました。
- 共有リンクをNotionのembedで埋め込み
- 共有リンクのeditより後を削除してembedで埋め込み
- Googleドライブのリンクとして埋め込み
- importrangeを使っていないシンプルなスプレッドシートを埋め込み
- Notionアプリではなくブラウザでやってみる
- 埋め込むNotionページの共有権限を「公開」にしてみる
- ほとぼりが冷めたころ再チャレンジしてみる
結果、全滅でした。
embedで埋め込み
embedブロックで埋め込む手順は以下のとおりです。
- スプレッドシート作成
- 共有設定を「リンクを知っている全員」「編集者」にする
- リンクをコピー（あるいはURLをコピー）
- NotionでEmbedブロックを作る
- URLを挿入して埋め込み
以前はこれでうまくいきました。ただまあ、データが膨大すぎて作業効率が悪かったのですぐに削除したんですが……。
今回の埋め込みでどのように表示されたのか、キャプチャを撮りました。
スプレッドシートの1行目・A列から表示されていますね。ただ、これより上にスクロールできません。つまりメニューバーは表示されないんです。
また下部のタブ表示もおかしい。タブ名が青くなっていますが、うまく埋め込めた場合は「フツーのスプレッドシート」の表示でした。あの緑色ベースのアレね。今回は質素＆簡略化されています。
何よりも、セルをクリックしても応答ありません。編集ができないってこと。テキストは認識されるのでコピーはできますが編集はできません。
Googleドライブ埋め込み
これはそもそも無理だとわかっていてやりました。だって「Add previews of files」って書いてあるもんね！
Googleドライブのブロックはあくまで「プレビュー」を表示させるものです。
プレビューしか表示されません（当たり前か）。
importrangeを使っていないシートに変更
仕事で使っているスプレッドシートは、クライアントのスプレッドシートのデータを「importrange」という関数を使って引き込み、表示しています。
私のスプレッドシートの共有権限をフリーにしても、引き込んでいるスプレッドシートの共有権限が狭いと「海賊版ダメ、ゼッタイ」みたいになるのかなと思い、完全私物スプレッドシートを埋め込んでみました。
それが最初のキャプチャなんですよね……。つまり惨敗。
アプリ・ブラウザともにやってみる
あるあるネタなんですが、GoogleChromeを最新版に更新していないことに気付きました。
なーんだこれかよ！ 記事のオチこれかよ！ ださっ（助かった）！
と思ってChromeを最新版に更新したんですけどね。惨敗。天下のNotion様が「最新ブラウザでしか動きません」とか言わないからね……。
Notionの共有設定もゆるゆるにしてみる
スプレッドシートは「かかって来いや」体勢でも、Notion側が「あ、そういう誰でもウェルカムとか無理なんで」ってなっているのでは……？
ということで埋め込みに使っているテストページの権限を確認してみました。
あんれぇぇぇ？ 「アクセス不可」ってなんぞ？
フルアクセス権限が付与されているのは私自身のアカウントです。で、私’s Notionの全員ってところが「アクセス不可」になっていました。
「私’s Notion」のメンバー1名、これ、私です。この時点で結構頭の中混乱していましたが、とりあえずここを「フルアクセス」に変更しました。
で、Webで公開をオン（青）にして、ページの編集まで許可しちゃいました。
それでもDAMEじゃん💢
もちろん、権限を変更したら都度リンクを貼り直して更新しています。それでもダメでした。
【番外編】Twitterを覗いてみる
今や私のトラブルシューティングツールとなっているTwitterの登場です。
もしかして私以外にも「編集できなくなってるんだけどー！」って言っている人がいる
のではないか。
言っていません。誰も言っていませんでした。
解決したら追記します。
もうこれ以外言えない……。
誰も困っていない以上、私ひとりの困り事にNotionのサポートのかたやエンジニアのかたにお手数をおかけしているのがあまりにも申し訳ねえ。
でも、私だけかもしれないけれど、私だけじゃないかもしれない。私のようなごく平凡なヤツが、激レアケースにぶち当たるはずがない。
Notionサイドで解決できたらご連絡いただけるそうです。助かるなあ。
で、私も地道にあれこれ試している最中です。
