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へ

at
Labels:

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/

at
Labels:

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

関数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と表示されている)
at
Labels:

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

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

KeTCindy.JSを使った描画（2次曲線）
https://s-takato.github.io/ketcindysample/s02graphs/offline/s0205coniccurvejsoffL.html(別タブ表示)
at
Labels:

目次を表示する

本記事は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
at
Labels: ,