このボードは、目標額を月数で割って、毎月の積立額を出します。 初期値では、150,000円を 10か月で積み立てると、毎月 15,000円です。

ボードが保存される場所

CalcAnyway にはサーバーがありません。 作ったボードは、使っているブラウザの保存領域(localStorage)に保存され、運営者を含むどこにも送られません (プライバシーポリシー)。

☰ メニューの「この端末に自動保存」がオンのときは、数を変えるたびに、ボードが自動で保存されます。はじめはオンです。 オフにすると、自分で「保存」を押したときだけ保存されます。 名前を付けていないボードも、作業中のボードとして保存されます。

☰ メニューの「名前を付けて保存」を押すと、名前を入れる欄が出ます。 名前を入れて「保存」を押すと、保存先を選ぶ画面が出るので、「この端末に保存」を選びます。 名前を付けたボードは「ボード一覧」に並び、そこから開いたり、名前の変更・複製・削除をしたりできます。

保存はブラウザごとです。同じ端末でも、別のブラウザからは見えません。別の端末からも見えません。 ブラウザのサイトデータを消すと、保存したボードも消えます。 ☰ メニューに「この端末の保存は一時的です」と出ているときは、「データを消えにくくする」を押すと、 消えにくい保存をブラウザに求めます。認めるかどうかは、ブラウザが決めます。

ファイルに保存する

☰ メニューの「ファイルに保存」を押すと、いまのボードが JSON ファイルとして保存されます。 ファイル名はボードの名前で、ブラウザによって、保存先を選ぶ画面が出るか、ブラウザのダウンロードに入ります。 このファイルは、「ファイルを開く」でボードとして開き直せます。

「バックアップ(全ボード)」を押すと、この端末に保存したボードがまとめて1つのファイルになります。 「バックアップから復元」でそのファイルを読み込むと、ボードが一覧に加わります。 端末やブラウザを移るときに使えます。

「自動バックアップから復元」には、新規作成やボードを開く前など、ボードが入れ替わる直前の状態が、自動で残っています。 選んで復元すると、いまのボードは先に退避されるので、あとで戻せます。 自動バックアップも同じブラウザの中にあるので、サイトデータを消すと一緒に消えます。 ファイルに保存したボードは、サイトデータを消したあとでも開けます。

共有リンクで渡す

☰ メニューの「共有リンクを作る」を押すと、「共有」の画面が開きます。 ここには「パスワードをつける」のチェックと、「共有リンクをコピー」「埋め込みコードをコピー」「QRコードを表示」「表としてコピー」があります。 スマートフォンなどでは「共有…」も出て、端末の共有メニューからリンクを送れます。 初めて使うときは、リンクにボードの名前と全体のデータが含まれることの確認が出ます。

共有リンクは https://calc.codinganyway.com/#data=… の形で、ボードの中身は # から後ろに入っています。 # から後ろは、ブラウザがサーバーに送らない部分です。ボードの中身は、運営者のサーバーにも届きません。 ただし、パスワードをつけないリンクは、知っている人なら誰でも開けます(パスワードをつける方法は、次の節です)。 リンクに入るのは、作った時点のボードです。あとでボードを変えたときは、リンクを作り直します。 画像のカードに入れた画像は、共有リンクには含まれません。

受け取った人がリンクを開くと、ボードは閲覧だけの表示で開きます。 上に、閲覧中で変更は保存されないという表示が出て、数は変えられません。 「取り込んで編集」を押すと、そのボードが自分の作業中のボードになり、数を変えられるようになります。変えた数は、受け取った人のブラウザに保存されます。 作業中のボードにカードがあるときは、入れ替わることの確認が出て、「ファイルに保存して読み込む」か「そのまま読み込む」を選べます。 名前を付けて保存したボードは、そのまま残ります。 「自分のボードに戻る」を押すと、共有されたボードを閉じて、それまでのボードに戻ります。

「QRコードを表示」では、共有リンクを QR コードで表示します。スマートフォンのカメラで読み取ると、同じボードが開きます。 「表としてコピー」では、カードの名前・式・結果の3列を、「表計算」か「Markdown」の形でコピーします。カードを選んでいるときは、選んだカードの分だけです。

パスワードをつけて渡す

「パスワードをつける」にチェックを入れて共有リンクを作ると、ボードの中身を暗号化したリンクになります。 パスワードを知らない人には、中身が読めません。

  1. ☰ メニューの「共有リンクを作る」を押して、「共有」の画面を開きます。
  2. 「パスワードをつける」にチェックを入れます。「パスワード」の欄が出ます。
  3. パスワードを入れます。「表示する」を押すと入れた文字が見えて、「隠す」を押すと隠れます。欄の下に、パスワードの強さが棒で出ます。
  4. 「共有リンクをコピー」を押します。パスワードが空のときは「パスワードを入れてください」と出て、リンクは作られません。
「パスワードをつける」にチェックが入り、パスワードの欄、「表示する」ボタン、緑の強さの棒、注意の文が並んでいる
チェックを入れると、パスワードの欄と強さの棒が出ます。

欄の下には、「パスワードを知らない人には中身が読めません。パスワードはリンクと別の方法で伝えてください。パスワードを忘れると、誰にも(作った本人にも)開けません。」と出ます。 強さは「未入力」「弱い」「やや弱い」「ふつう」「強い」のどれかで、棒と、画面の読み上げに使われます。 たとえば、abc は「弱い」、abcd1234 は「やや弱い」、Correct-Horse-Battery-9! は「強い」でした。

できたリンクは、https://calc.codinganyway.com/#data=p1:… の形で、# の後ろが p1: から始まります。 パスワードそのものは、リンクに入りません。 暗号化はブラウザの中で行われます。ブラウザの暗号機能を使い、パスワードから PBKDF2(SHA-256)で鍵を作って、AES-GCM(256ビット)で暗号化します。

受け取った人の画面

パスワードつきのリンクを開くと、「このボードにはパスワードがかかっています。パスワードを入れてください。」と出ます。 パスワードを入れて「開く」を押すか Enter を押すと、ボードが開きます。 違うパスワードのときは「パスワードが違います」と出て、何度でも入れ直せます。 開けるまで、ボードは表示されません。 パスワードが合うと、ふつうの共有リンクと同じように、閲覧だけの表示で開きます。 「取り込んで編集」で、自分のボードにできます。

使うときの注意

  • パスワードを忘れると、誰にも開けません。作った本人も開けません。
  • パスワードは、リンクとは別の方法で伝えます。同じメッセージにリンクと一緒に書くと、リンクを手に入れた人がそのまま開けます。
  • リンクを手に入れた人は、自分の端末で、パスワードを何度でも試せます。短いパスワードや推測されやすいパスワードは避けて、強さが「強い」になる長さにします。
  • パスワードつきのリンクは、問題(解くモード)・記事のボード・埋め込みの開き方では開けません。開こうとすると「パスワードつきの共有リンクは、問題・記事・埋め込みの開き方では開けません」と出て、ボードは開きません。
  • 「パスワードをつける」にチェックを入れると、「問題として配る」と「埋め込みコードをコピー」の欄は隠れます。

埋め込みコードを作る

「埋め込みコードをコピー」で、ブログなどに貼れる iframe のコードを作れます。 作ったコードを貼ったページには、ボードが表示されます。

  1. 「共有」の画面で「埋め込みコードをコピー」を押します。「高さ」の「小」「中」「大」が出ます。はじめは「中」です。
  2. 高さを選びます。小は 360、中は 480、大は 640 ピクセルです。
  3. 「コードをコピー」を押します。「共有」の画面が閉じて、コードがコピーされます。
  4. 貼る先のページに、コードをそのまま貼ります。
「埋め込みコードをコピー」の下に、高さの小・中・大の選択(中が選ばれている)、注意の文、青い「コードをコピー」のボタンが並んでいる
高さを選んで、「コードをコピー」を押します。

コピーされるコードは、次の形です。

<iframe src="https://calc.codinganyway.com/?embed=1#data=…" title="ボードの名前"
        loading="lazy" style="border:0;width:100%;height:480px"></iframe>

title にはボードの名前が入り、height には選んだ高さが入ります。 判定カードのあるボードでは、「問題として埋め込む」も出ます。チェックを入れると、リンクの ?embed=1 のあとに quiz=1 が加わります。

埋め込んだページには、ボードの中身が URL として含まれます。他人に見せたくない数字は、埋め込まないでください。 iframe のコードを貼れない場所では、ボードは表示されません。貼ったあとは、貼り先のページで表示を確かめます。

画像として保存する

☰ メニューの「画像として保存」を押すと、画面のボードが PNG の画像として保存されます。 画像の上には、ボードの名前が入ります。 画像は見るためのもので、数を変えたり、ボードとして開き直したりはできません。 あとで数を変える予定があるときは、ファイルへの保存か共有リンクも一緒に使えます。

記事の中のボード(埋め込み)

活用記事やこのガイドのボードは、ページの中に CalcAnyway を埋め込んで表示しています。 数を変えると計算は動きますが、変えた数は保存されません。 ページを読み込み直すと、最初の数に戻ります。最初に数を変えたときに、保存されないことの知らせが出ます。

埋め込みのボードは、ページのリンク(#data= の後ろ)に書かれた記事の最初の状態から、開くたびに作られます。 埋め込みの表示は、ブラウザの保存領域に書き込みません。 そのため、埋め込みの中で変えた数は、次に開いたときには残っていません。

ボードの下とボードの右下にある「CalcAnyway で開く」は、記事の最初の状態のボードを、CalcAnyway の画面で開きます。 埋め込みの中で変えた数は、引き継がれません。 開いたボードは、記事のボードの名前でこの端末に保存されます。このページのボードなら「guide-save-share」です。 開いた画面で数を変えると、自動で保存されます。

同じ名前のボードがすでにあるときは、「guide-save-share (2)」のように番号を付けた名前で開き、前のボードはそのまま残ります。 前に開いたボードの数を変えていると、「前のを開く」と「記事の最初の形で新しく開く」のどちらかを選ぶ画面が出ることがあります。

記事のボードで自分の数を残すときの流れは、次のとおりです。

  1. ボードの下の「CalcAnyway で開く」を押します。CalcAnyway が別の画面で開きます。
  2. 開いた画面で、数を自分のものに変えます。変えた数は、この端末に自動で保存されます。
  3. 分かりやすい名前にするときは、☰ メニューの「名前を付けて保存」で名前を付けます。
  4. 別の端末で使うときや、人に渡すときは、「ファイルに保存」や「共有リンクを作る」を使います。

「埋め込みコードをコピー」で作った iframe のタグを、自分のサイトに貼ることもできます。 中身は、共有リンクと同じく、コードを作った時点のボードです。見た人が埋め込みの中で変えた数は保存されません。

この操作を使っている記事

うまくいかないとき

  • 記事のボードで変えた数が消えた — 記事に埋め込んだボードでの変更は保存されません。「CalcAnyway で開く」から開いたボードで変えると、この端末に保存されます。
  • 「CalcAnyway で開く」で開いたら、埋め込みの中で変えた数が元に戻っていた — 開くのは記事の最初の状態のボードです。開いた画面で、もう一度数を変えます。
  • 開いたボードの名前に「(2)」が付いた — 同じ名前のボードが、すでにこの端末にあります。前のボードは「ボード一覧」に残っています。
  • 共有リンクを開いた人が、数を変えられない — 共有リンクは閲覧だけの表示で開きます。「取り込んで編集」を押すと変えられます。
  • パスワードを忘れた — パスワードがわかるまで、そのリンクは開けません。パスワードを知っているのが作った本人だけのときも同じです。リンクを作り直せるように、元のボードは別に残しておきます。
  • 「埋め込みコードをコピー」や「問題として配る」の欄が出ない — 「パスワードをつける」にチェックが入っていると、隠れます。チェックを外します。「問題として配る」と「問題として埋め込む」は、判定カードのあるボードにだけ出ます。
  • 共有リンクや QR コードが作れない — ボードが大きすぎると、共有リンクは作れません。カードや線を減らすと作れます。 QR コードに入る長さはリンクより短いので、QR コードが出ないときも、「共有リンクをコピー」は使えることがあります。
  • 画像のカードの画像が、相手に表示されない — 画像は共有リンクに含まれません。
  • 保存したボードが見当たらない — 保存はブラウザごとなので、別のブラウザや別の端末には出てきません。 同じブラウザなら「自動バックアップから復元」に残っていることがあります。 サイトデータを消したあとは、ファイルに保存したボードを「ファイルを開く」で開けます。

次に読む — 式の書き方と関数 計算カードに書ける式と、式で使える記号・関数をまとめています。


使い方ガイドの目次へ →