inosyanのブログ読者になるinosyanのブログプログラム、家庭菜園、僕が興味を持ったことを書いていきますこの広告は、90日以上更新していないブログに表示しています。~カスタムファイルを作る~マイクラMakeCode前回、「JavaScriptからプログラムブロック1の切り替えを行うと、コードが崩れてしまうことがあるので、その解決策としてカスタムブロック2を作ると良い」という話を書きました。今回は、そのカスタムブロックの書き方について説明したいと思います。inosyan.hateblo.jpエクスプローラーを開くまず、JavaScriptに切り替えておきます。画面の左下の「>」のボタンを押します。すると、画面左に「エクスプローラー」が出てきます。画面が小さいとエクスプローラーは表示されません。エクスプローラーが見えない時は、画面の端をドラッグして画面を大きくしてください。エクスプローラーの中を見てみるエクスプローラーでは、プロジェクトを構成しているファイルの一覧を見ることができます。はじめは折り畳まれているので、右の「>」のボタンを押して広げましょう。エクスプローラーの中は次のようなファイル構成になっています。main.blocksプログラムブロックのファイル。このファイルを選ぶと、切り替えボタンを押さなくても自動的にプログラムブロックに切り替わる。main.tsJavaScriptのコードを書くためのファイル。エクスプローラーを開いたときは、このファイルが選ばれている。pxt.jsonプロジェクトの設定。タイトルを編集できる。テキスト形式に切り替えると説明文も編集できる。プロジェクトを共有する時に参照される。README.mdプロジェクトの説明を書くためのファイル。マークダウン3という記述方法で書く。整形されて表示される。それ以外の、名前の横に「>」がついているものは、プロジェクトが参照するライブラリのコードです。鍵アイコンがついていて編集できませんが、見ることは可能です。仕組みを知るために見ておくと良いでしょう。名前の横にゴミ箱のアイコンがついているものは捨てることができます。プログラムブロックを使わないのであれば捨てて構いません。これを消すとプログラムブロックに切り替えができなくなります。main.blocksは一度消すともとに戻せないので注意してください。建築を支援するためのライブラリですが、必要なければ捨てても良いでしょう。これは一度消しても、設定の「Extensions」から復活させることができます。これは、このファイルにかかれているプログラム言語が「TypeScript(タイプスクリプト)」という言語であることを示します。TypeScriptは簡単に言うと、JavaScriptに「データ型6」の概念を加えた言語です。JavaScriptと違い、データ型を指定する手間はありますが、数字が入るべきところに間違って文字を入れるといった間違いを、未然に防ぐことができます。カスタムブロック用のファイル「custom.ts」を作るエクスプローラーの横に「+」のボタンがありますね。これは、カスタムブロックを書くためのファイル「custom.ts」を作るためのボタンです。このボタンを押しましょう。Ahead」を押します。これがカスタムブロックを書くためのファイルです。戻り、再びプロジェクトを開くと、ブロックの選択エリアに「CUSTOM」が追加されています。次回はカスタムブロックの書き方について説明します。プログラムブロックとは、ビジュアルプログラムでつかうパズルのピースのような形のブロックのこと。一般的にはブロックと呼ぶが、マインクラフトのゲーム内のブロックと区別するため、ここではそう呼ぶ。↩カスタムブロックとは、ユーザーが定義したプログラムブロックのこと。JavaScript(TypeScript)で書くことができ、他のプログラムブロックと同じようにならべて使うことも、JavaScriptから呼び出すこともできる。↩マークダウンとは、テキスト入力の際に決められた記号を記述することで、HTMLのように見栄えよく表示させることのできる記述方法のこと。↩HTMLとは、ウェブページを作成にするのに用いられる言語。タグと呼ばれる「<」と「>」で囲まれた要素を組み合わせ、表示したいページを定義する。拡張子とは、ファイル名の最後につける、ピリオドに続くアルファベットの文字のことで、ファイルの種類を表す。「txt」はテキストファイル、「js」はJavaScript、「ts」はTypeScript。↩データ型とは、プログラムで使われる変数や引数などの正体がなんなのかを表すもの。「test」という変数があった場合、データ型が「number」なら数字で表すことがわかり、「string」なら文字列を表していることがわかる。1はてなブログをはじめよう!inosyanさんは、はてなブログを使っています。ブログを報告する引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。