すたあらいず

プロジェクトすたあらいずのミケネコです。
オンライン英語学習プログラムサイトを作成しています。
素人の５０台前半のおばさんですが１年ちょっと前から始めて、ゆっくり進めています。
思い出せる限りこれまで何をしてきたのか綴っていこうと思います。
「もっといい方法があるのに」などコメントを頂けるとありがたいです。

[すたあらいず @pj_starrise]

テーブルのタイルの設定がやっと終わりました！
コンテンツのタイプによってフレームを変えて分かりやすくしてあります。
最後の本のフレームの幅が若干狭いような…？
あした調整します。

[すたあらいず @pj_starrise]

昨日の投稿で【HTML】を【THML】と書いてしまっておはずかしい💦💦

実際にAIと壁打ちした時には、普通のチャットのように指示をしたり質問をしたりしていました。

皆様に共有するという目的で、AIに【どんなプロンプトを書けば早く目的を達成できるか】をそれまでのチャットの中で聞いてみました。

[ミケネコ|お役立ち情報 @OyakudachiMike]

noteで記事を書きました！この投稿をリポストするとお得に記事を読むことができます。
かかと事情をコントロールする方法 | 英語の助っ人：ミケネコ @OyakudachiMike #note https://t.co/SvpYHwK5wK
どなたでもかかとをつるつるにできます！

[すたあらいず @pj_starrise]

note+ に記事を作成しましたので是非ご覧くださいね。
【プログラミング知識ゼロでもOK】AIに「神ブックマークレット」を正確に作ってもらうための指示書＆プロンプトのコツ
https://t.co/NyeaMxeWXw

[すたあらいず @pj_starrise]

昨日の投稿で【HTML】を【THML】と書いてしまっておはずかしい💦💦

実際にAIと壁打ちした時には、普通のチャットのように指示をしたり質問をしたりしていました。

皆様に共有するという目的で、AIに【どんなプロンプトを書けば早く目的を達成できるか】をそれまでのチャットの中で聞いてみました。

[すたあらいず @pj_starrise]

昨日の投稿の最初の画像にあるカラフルなボタン。
これが昨日お話しした【Apps Script】を稼働させるボタンです。
【設定方法】
１．ボタンを設置したいセルを選択
２．Goolge Sheetで「挿入 ＞ 図形描画」

[すたあらいず @pj_starrise]

これまで無駄な時間を使っていたということが分かり勉強になりました。回答は以下の通りです。
【「AIに正確なコードを書かせるためには、DOMの構造（検証ツールの画面）と欲しい項目の順番をセットで教えるのが一番の近道だ」というノウハウをシェアするのに最適な構成になっています。】
だそうです

[すたあらいず @pj_starrise]

ボタンを押してコピーし、レッスンエディタの「コード」のタブのほうにペーストするだけです。

始めと終わりに特定のpxの行間を入れるようにスクリプトに加えることもできるので楽々自動化を堪能できますよ。

THMLに入れてほしいものはなんでもAIにお願いしてみてください。

[すたあらいず @pj_starrise]

昨日の投稿の最初の画像にあるカラフルなボタン。
これが昨日お話しした【Apps Script】を稼働させるボタンです。
【設定方法】
１．ボタンを設置したいセルを選択
２．Goolge Sheetで「挿入 ＞ 図形描画」

[すたあらいず @pj_starrise]

ブックマークレットで抽出した情報をGoogle Sheetに貼ったら次は？
【Apps Script】です！
これもスプレッドシートの中でいろいろ自動化できるツールです。
例えば…

[すたあらいず @pj_starrise]

「OK」で保存してポップアップを閉じると完了です。

このスクリプトでは、シートにYouTube動画のURLを入力して別のスクリプトで情報をすべて埋めた状態でクリックすると、それらの情報をもとにレッスン内でテーブルを設置するTHMLが作成されポップアップで表示されます。

[ミケネコ | 低課金英語多読の窓口 @NffsZVqa7CcCger]

とても大好評です！
こちらからココナラ無料登録で2000円分のポイントがもらえます。
https://t.co/JPXEYszivF
さらにサービスを
【お気に入り登録 ＋ メッセージでお知らせ】
いただけば500円の割引クーポンを発行いたします！
🌟🌟🌟　3500円 ➡ 1000円　🌟🌟🌟

[すたあらいず @pj_starrise]

この中のコードもATツールとたくさんたくさん壁打ちをして作成します。

AIい聞くと結構何でもできるというのでいろいろ聞いてみるといいでしょう。

[すたあらいず @pj_starrise]

ブックマークレットで抽出した情報をGoogle Sheetに貼ったら次は？
【Apps Script】です！
これもスプレッドシートの中でいろいろ自動化できるツールです。
例えば…

[すたあらいず @pj_starrise]

ブックマークレットを何に使うかということですが、いろいろなサイトから情報を抽出してGoogle Sheet に貼り付けるためです。
例えば、レッスン内にあるサイトの本のリストをテーブルで表示したい時に本のページのURL、本のタイトル、本のサムネ画像のURLを抽出するブックマークレットを作成します。

[すたあらいず @pj_starrise]

・YouTubeから必要なデータをゲットする
・レッスンエディタに直接貼れるHTMLを作成する
・特定の列を基準に並び替える
・メディアライブラリーにアップロードするファイルの名前を番号順で作成する
・特定の範囲でデータをすべて削除する

[すたあらいず @pj_starrise]

@nyankoandneko 英語の多読にこちらはいかがでしょう？
https://t.co/TOekmxiVq9
一度のお支払いで４５，０００冊以上の本が読み放題になる方法をお伝えしています。

[早期英語でおうちバイリンガル！| 東大ママ・港区・ソレイユ @Souki_eigo]

📚 夏休み特別企画スタート！

中学英文法を夏休みに征服する！
― 学校では教えてくれない、英語の設計図 ―
7月7日から8月31日まで。

毎日1投稿、全56回。

中学3年間で学ぶ英文法を、
「暗記」ではなく「理解」でつなぎ直します。

英語という言語は、どんなルールでできているのか。
その**「設計図」**から見ていきます。

中学生も。
保護者の方も。
英語を学び直したい大人の方も。

この夏、一緒に「英語の見え方」を変えてみませんか。

[ミケネコ | 低課金英語多読の窓口 @NffsZVqa7CcCger]

🉐おうち英語至上🉐
一番オトクなサービス

>>インタラクティブ<<
　　>>音声付き<<
　　> >動画風<<
　 >>読み聞かせ<<
>>オーディオブック<<

ブレインポップもついた
　 買い切りサービス

https://t.co/5u7TQWE73j

\無料登録で40%割引/
https://t.co/JPXEYszivF

ご心配でしたら評価をご覧下さい

[すたあらいず @pj_starrise]

外部の画像のURLはGoogleの何らかの規制で引っかかってHTMLで表示できないようなので、画像をダウンロードしてサイトのメディアライブラリーに保存し、そのURLと差し替えます。
Google Sheetでも【Apps Script】というものを稼働しているので、それについてはまた明日。

[すたあらいず @pj_starrise]

ブックマークレットを何に使うかということですが、いろいろなサイトから情報を抽出してGoogle Sheet に貼り付けるためです。
例えば、レッスン内にあるサイトの本のリストをテーブルで表示したい時に本のページのURL、本のタイトル、本のサムネ画像のURLを抽出するブックマークレットを作成します。

[すたあらいず @pj_starrise]

昨日の投稿に書いたブックマークレットについて。
特定のウェブページの特定の情報を抽出するのを何度も繰り返ししたい場合にブックマークレットが便利です。
【作成の工程】

[すたあらいず @pj_starrise]

本のページをブラウザで開いてブックマークレットをクリックすると、抽出した情報をコピーしたというポップアップが現れるので、これをGoolge Sheet に貼り付けます。