KeTCindyを使うために（20231124メモ[再確認中です]）

[本記事は再確認中です]

ketcindy.iniが更新されない場合の対応（Windows10）

• ketcindymasterフォルダーをC:\ketcindymasterに配置する（必須条件）
• ketcindymasterをデスクトップやDドライブに置い場合、
  ketcindy.iniは更新されない。
• ketcindy.iniはC:\Users\×××に作られる。
  C:\Users\×××はユーザホーム (ホーム)と呼ぶことがある。
  ketcindy.iniはCindy(例えば00start.cdyなど)の立ち上げ時に読み込まれる。
• ketcindy.iniが正しく更新されない場合、直接書き直すことも考えられるが推奨できない。

作業場所（作業フォルダーの場所）一例　

•  C:\Users\takaに作られるketcindy2023Nov23をそのまま作業ファルダーとする。
•  D：の直下に任意に作業フォルダーを作成する（例：ketwork）[自分の場合]
  ketworkにketcindy2023Nov23にあるtemplatesやsamplesからcdyファイル（00start.cdyなど）をコピーし作業を行う。

ketcindy.ini・ketcindy2023Nov23を作成する
　　　　　　　　　ketcindysettings.cdyの場所

• ketcindysettings.cdyはketcindymasterのdocにある。
• ketcindysettings.cdyを立ち上げ、ketcindy.iniやketcindy2023Nov23を作る。
• ketcindysettings.cdyでの作業内容はketcindymaster内のHowToUseJ.pdfにある。

KeTCindy Home(KeTCindyを使用するための情報)



↑をクリックするとKeTCindy Homeへ

Animation/s0601cycloid.cdyの実行

サイクロイドのアニメーション（Windows10）

手順1　HTMLに書き出す（s0601cycloid.htmlが作成される）

手順2　Ketjsoffボタンをクリック(s0601cycloidjsoffL.htmlが作成される)

手順3　作成したs0601cycloidjsoffL.htmlをブラウザで表示。
　　　必修：CindyJS.css、Cindy.jsが必要です。適切な場所に配置します。
　　　

・ソースが公開されています。
https://s-takato.github.io/ketcindysample/s06animation/s0601cycloid/s0601cycloidjson.html

・ketcindysample/s06animation/が公開されています。
https://s-takato.github.io/ketcindysample/s06animation/

Seteditable/Textedit/Subsedit(入力窓)の利用

関数Seteditable/Textedit/Subseditの利用事例

Seteditable/Textedit/Subseditの利用

上の図をクリックで、SeteditablejsoffL.htmlが表示されます（別タブ）

アンダーライン部（赤）は、「KETCindy 関数リファレンス(KETCindy Project Team)」の
6.3 KeTJS の設定
6.4 KeTJS のコマンド
を参照してください。

//str1=Textedit(0); only ketjs //KeTJS だけで有効(KeTJS だけに書き込む)
//str2=Textedit(6,"T=小学校"); only ketjs //=の右を取得
//str3=Textedit(7,"T=学校",""); only ketjs //全文字列を取得
//str4=Textedit(8,"T=good",""); only ketjs //全文字列を取得
//str5=Textedit(8,"T=good"); only ketjs //全文字列を取得

Ketinit();
Addax(0);
 
Letter([[-4,7.5],"e","Seteditable/Textedit/Subseditの利用"]);
Letter([[-5.5,6],"e","入力窓",[0,6],"e","入力窓から取得した文字列を表示"]);
Letter([[-5.5,-0.5],"e","Seteditable 入力窓枠/表示窓の設定"]);
Letter([[-5.5,-1.2],"e","Textedit 入力窓から取得する文字列の範囲を指定"]);
Letter([[-5.5,-1.9],"e","Textedit =の右側を取得または全文字列を取得"]);
Letter([[-5.5,-2.6],"e","Textedit デフォルト値をセットすることもできる"]);
Letter([[-5.5,-3.3],"e","Subsedit 窓に文字列をセット"]);
 
Seteditable(0,["","Size=18","Width=180"]);
Seteditable(6,["y=","Size=18","Width=180"]);
Seteditable(7,["3:28:19=","Size=18","Width=180"]);
Seteditable(8,["答え=","Size=18","Width=180"]);
 
//str1=Textedit(0); only ketjs //KeTJS だけで有効(KeTJS だけに書き込む)
//str2=Textedit(6,"T=小学校"); only ketjs //=の右を取得
//str3=Textedit(7,"T=学校",""); only ketjs //全文字列を取得
//str4=Textedit(8,"T=good",""); only ketjs //全文字列を取得
//str5=Textedit(8,"T=good"); only ketjs //全文字列を取得
 
Seteditable(9,["","Size=18","Width=150"]);
Seteditable(10,["","Size=18","Width=150"]);
Seteditable(11,["","Size=18","Width=150"]);
Seteditable(12,["","Size=18","Width=150"]);
 
Subsedit(9,str1);Subsedit(10,str2);
Subsedit(11,str3);
Subsedit(12,str4);
 
Windispg();

・レンタルサーバーに置いた[SeteditablejsoffL.html]をページ内に表示（iframe要素）

• ブロックエディタで作業
• 「カスタムHTMLブロック」内に
  <iframe width="500px" height="300px" src="xxxx.html" scrolling="auto" frameborder="no"></iframe>
  を張り付ける。src=”xxxx.html”は絶対パスで指定した。
  width=”500px” height=”300px” の値は適宜調整する。

・コード表示に関する参考サイト
（「HTMLの編集」、「CSS追加」を行うため実施するときは慎重に。
安全のため、行わない方が良いと思いました）
googlearchive/code-prettify
https://github.com/googlearchive/code-prettify
Getting Started
https://github.com/googlearchive/code-prettify/blob/master/docs/getting_started.md

[以下の記述はWordPressでのコード表示手順です。
WordPressからBloggerに移行したため、覚書として残しました]

• Prism.jsのダウンロードページより必要な項目を選択して「JS」、「CSS」をダウンロードし、
  [カスタムJavaScript]、[カスタムCSS]の各窓に張り付ける。
• ブロックエディタで作業
• [カスタムHTML]ブロックを選択して、表示するコードを張り付ける。
  張り付ける場所は、
  <pre class=”line-numbers”>
  <code class=”language-KeTJS”>
  と
  </code></pre>
  の間。
• 表示の１行目が空行で、Ketinit();が２行目に表示される場合は、
  <pre class=”line-numbers”>
  <code class=”language-KeTJS”>
  Ketinit();
  を
  <pre class=”line-numbers”>
  <code class=”language-KeTJS”>Ketinit();
  に変えるとKetinit();が１行目に表示される。
  なお、”language-KeTJS“でlanguageを任意に変更する(Ketjsと表示されている)

KeTCindy.JSを使った描画（2次曲線）

KeTCindy.JSはWEB上でインタラクティブな教材を表示できます。

https://s-takato.github.io/ketcindysample/s02graphs/offline/s0205coniccurvejsoffL.html(別タブ表示)

• 教材例(2次曲線)
  • https://s-takato.github.io/ketcindysample/s02graphs/offline/s0205coniccurvejsoffL.html
  • https://www.kurims.kyoto-u.ac.jp/~kyodo/kokyuroku/contents/pdf/2142-16.pdf
    （解説PDF）
• KeTCindy　Home
  • https://s-takato.github.io/ketcindyorg/indexj.html

目次を表示する

本記事はWordPressで作成したものをBloggerにインポートしたものです。そのため、
WordPressの作成時の覚書なっています。
Bloggerでの目次表示は下記のサイトを参考にさせて頂きました。

第一章　あいうえお（H2）

あいうえおさん、こんにちは。

第二章　かきくけこ（H2）

Hello, nice to meet you.

• 目次・箇条書の練習
  • はじめてのwordpress、時間がかかりました。
  • 分からなくなったらコーヒーブレイク、天気が良ければ散歩・・・
  • ブラウザ(Chrom,Firefox,Edgeを使用)、突然ダウンにびっくり。
    ブラウザをこまめに再立ち上げするようにしました。
  • PCが真白になり、キーボード入力を受け付けないことも。
    キーボードを触れずに、操作可能になるまで辛抱強く待つ。

• Cocoon設定
  • スキン:いつものコーヒー[作者:がんちゃん]
  • SNSシェア：シェアボタン表示にチェックしない。
  • SNSフォロー:フォローボタン表示にチェックしない。

参考サイト（Bloggerで目次表示。短い記事では目次はなくてよいでしょう。「HTMLの編集」を行うため実施するときは慎重に）

・[Blogger] 目次を簡単に自動生成（忙しい人向けのコピペ素材）
https://www.sukerou.com/2018/10/blogger-table-of-contents-javascript.html
・Bloggerで簡単に目次をつける方法
https://moca-memo.blogspot.com/2019/11/blogger-contents.html