inosyanのブログ読者になるinosyanのブログプログラム、家庭菜園、僕が興味を持ったことを書いていきますこの広告は、90日以上更新していないブログに表示しています。~フォルダの見た目~前回は、カスタムブロック1のコードのうち、namespace(名前空間)2がカスタムブロックのフォルダの名前になることについて説明しました。今回はフォルダの見た目を変える方法ついて説明します。始まる箇所がありますね。これらはプログラムとしては認識されない「コメント」と呼ばれる部分で、実際のプログラムの動きには影響を与えません。コメントはそのコードがどんなものなのか、他の人や自分があとで見てわかるように説明を書いておくためのものです。*/で囲まれたコメントには、そのすぐ下にあるコードの説明を書きます。部分にマウスオーバーすると、その文章がポップアップされます。これは、他のコードから参照するときに説明が見れるので便利ですが、別に書かなくても構いません。ついているところに注意してください。//%で始まるコメントが名前空間の上に書いてあると、その名前空間がカスタムブロックのフォルダであることを表します。名前空間の上に書いてるこの部分に注目してください。icon=""の3つが書かれていますね。これらのそれぞれの役割について説明します。フォルダの順番フォルダはこのように並んでいますね。「INOSYAN_TESTAPP」が一番上に来ています。数字が高ければ高いほど上に表示されます。いうファイルを見てみてください。そこに、そのほかのフォルダのweightが書かれています。部分を変えることで別の色にすることができます。#(シャープ)」とそれに続く16進数3で表します。強さで表し、2桁の16進数にしたものを3つつなげて書いたのです。(10進法で17)で、緑の成分が多いので緑色をしています。icon=""色を表すもう一つの方法に、色名で表す方法があります。(purple)にしてみましょう。icon=""他にもいろんな色があります。フォルダのアイコンカスタムブロックのフォルダに使われているアイコンは、実は文字と同じ方法で表示されています。値を変えることで、他のアイコンに変えることができます。エディタ上のアイコンの値はただの四角形にしか見えません。表示されるアイコンは、三角フラスコの形をしているのに不思議ですね。この四角形にしか見えないところには、Unicode(ユニコード)4がはいります。四角にしか見えないかと言うと、エディタが使用しているフォント5がそのアイコンのコードに対応してないからです。Unicodeは世界中の文字(図形を含む)を扱うためのものですが、フォントデータはUnicodeの文字すべてに対応しているわけではありません。表示できない文字コードは四角で表示されます。カスタムブロックのフォルダを表示するのに使われているフォントは、アイコンのUnicodeも表示できるものが使われているので、ちゃんとアイコンとして表示されます。アイコンの値は、他の方法を使って指定することができます。icon="\uf118"に置き換えてみましょう。Homeに戻って再びプロジェクトを開くと、アイコンがフラスコからスマイルに変わっていますね。f118のように、Unicodeの文字にはアルファベットと数字を組み合わせた記号が割り当てられています。検索すると、スマイルのアイコンが出てきますね。詳細ページをみると、Unicodeの記号f118がわかるので、カスタムブロックに使うアイコンには、それを指定しましょう。プログラムで指定する際には、ほかの文字と区別するために記号の前に\nをつけます。アイコンは他にもたくさんあります。かっこいいアイコンを見つけたら、そのUnicodeの記号を設定してフォルダのアイコンとして表示されるか見て見ましょう。表示できない場合もありますが、多くのアイコンに対応しているようです。作るカスタムブロックですので、かっこいいアイコンを設定しましょう!カスタムブロックとは、ユーザーが定義したプログラムブロックのこと。JavaScript(TypeScript)で書くことができ、他のプログラムブロックと同じようにならべて使うことも、JavaScriptから呼び出すこともできる。↩namespace(名前空間)とは、変数名や関数名などが重複しないようにするための仕組み。関数名などの名前はコンピューターがそれを特定できるようにするため、それぞれ違った名前にしなければならないが、他の人が作ったライブラリを使ったりプログラムが大きくなると、偶然同じ名前になってしまうことがある。namespaceでプログラムを囲むことにより、他のプログラムとの重複を避けることができる。↩16進数とは、数字の表し方の一つで、16で1つ桁が繰り上がる。ように表すことが多い。↩Unicode(ユニコード)とは、文字コードの一つ。コンピューターでは文字を表現するのに文字コードと呼ばれる符号(記号)を用いるが、Unicodeは世界中の文字を扱えることを目指す。↩フォントとは、文字の形状のデザインのことだが、コンピュータにおいてのフォントは、文字コードを画面に表示するのに使う、文字の形状を集めたデータファイルのことである。プログラミングをしてみましたこんにちは。久々にブロクを更新します。1はてなブログをはじめよう!inosyanさんは、はてなブログを使っています。ブログを報告する引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。