https://bitsmist.com/ 2026-04-27T11:37:11+00:00 https://bitsmist.com/ https://bitsmist.com/_media/wiki/dokuwiki.svg text/html 2024-05-03T03:15:37+00:00 Anonymous (anonymous@undisclosed.example.com) https://bitsmist.com/ja/bitsmist-js-core/unit/asset?rev=1714706137&do=diff プロパティとメソッド 概要 BitsmistJSでは、パークと呼ばれるものをユニットにアタッチすることによって、ユニットに機能を追加します。ユニットにはプロパティとメソッドを追加することができますが、様々なパークが追加する機能の名前の衝突を防ぐため、プロパティとメソッドの追加は最小限にしています。代わりにアセットと呼ばれる入れ物を用意しており、各パークはそこへ機能を追加していくことになります。アセット内のアイテムは、… text/html 2024-05-03T03:15:37+00:00 Anonymous (anonymous@undisclosed.example.com) https://bitsmist.com/ja/bitsmist-js-core/unit/css?rev=1714706137&do=diff CSS 概要 各ユニットはデフォルトでは1つのCSSファイルを持ちます。各ユニットのCSSファイルは、ロードしてユニットに適用される必要があります。BitsmistJSではCSSの適用に標準技術のConstructable Stylesheetsを採用しており、設定に記述することで、共通のCSSと各ユニット専用のCSSといった複数の構造化されたCSSをユニットに適用することができます。また、複数のCSSを切り替えて使ったり、逆にCSSを全く使用しないユニットを作ることもできます。これらの機能はStylePerkによって処理されます。… text/html 2024-05-03T03:15:37+00:00 Anonymous (anonymous@undisclosed.example.com) https://bitsmist.com/ja/bitsmist-js-core/unit/events?rev=1714706137&do=diff イベント 概要 BitsmistJSの特徴のひとつが、イベントドリブンです。各ユニットでは様々なタイミングでイベントが発生します。イベントが発生するとBitmistJSが引数を準備し、登録されているイベントハンドラを呼び出します。各イベントに対するイベントハンドラ内に処理を記述することで、ユニットの動作を作成していきます。 text/html 2024-05-03T03:15:37+00:00 Anonymous (anonymous@undisclosed.example.com) https://bitsmist.com/ja/bitsmist-js-core/unit/html?rev=1714706137&do=diff HTML 概要 各ユニットはデフォルトでは1つのHTMLファイルを持ちます（BitsmistJSではスキンと呼びます）。各ユニットのHTMLファイルは、ロードしてユニットに適用（ノードに追加）される必要があります。複数のHTMLファイルを切り替えて表示したり、逆に全くHTMLを使用しないユニットを作成することもできます。これらの機能は、SkinPerkによって処理されます。さらにShadow DOMの適用も、SkinPerkによって行われます。… text/html 2024-05-03T03:15:37+00:00 Anonymous (anonymous@undisclosed.example.com) https://bitsmist.com/ja/bitsmist-js-core/unit/loading?rev=1714706137&do=diff ロード 概要 各ユニットのJavascriptファイルは、ブラウザにロードされる必要があります。ロード方法にはオートロードとマニュアルロードがあります。オートロードはユニットのタグの属性にbm-autoload属性を指定することで、自動的に必要なファイルをロードし、タグをインスタンス化します。マニュアルロードはscriptタグに明示的に必要なファイルを記述し、ユニットをロードします。前者は手軽なのですが、ロードするファイルがユニットごとにデフォルトでは3つ必要になります。後者の場合は、例えばWebpackなどを使うと、複数のユニットを一つにまとめることができます。… text/html 2024-05-03T03:15:37+00:00 Anonymous (anonymous@undisclosed.example.com) https://bitsmist.com/ja/bitsmist-js-core/unit/overview?rev=1714706137&do=diff 概要 ここではBitsmistJSの中心であるUnitクラスについて簡単に説明し、より詳しい説明への入り口とします。 プロパティとメソッド BitsmistJSでは、パークと呼ばれるものをユニットにアタッチすることによって、ユニットに機能を追加します。ユニットにはプロパティとメソッドを追加することができますが、様々なパークが追加する機能の名前の衝突を防ぐため、プロパティとメソッドの追加は最小限にしています。代わりにアセットと呼ばれる入れ物を用意しており、各パークはそこへ機能を追加していくことになります。アセット内のアイテムは、… text/html 2024-05-03T03:15:37+00:00 Anonymous (anonymous@undisclosed.example.com) https://bitsmist.com/ja/bitsmist-js-core/unit/perks?rev=1714706137&do=diff パークによる拡張 概要 BitsmistJSの核であるUnitユニットはごく単純な機能しか持ちません。各ユニットはパークを適用することで、機能を拡張できます。 例えばサンプルのハローユニットでは、イベントハンドラを設定でセットしましたが、これはEventPerkによって処理がされています。またHTMLファイルのロードと適用は、SkinPerkによって行われます。 text/html 2024-05-03T03:15:37+00:00 Anonymous (anonymous@undisclosed.example.com) https://bitsmist.com/ja/bitsmist-js-core/unit/settings?rev=1714706137&do=diff 設定 概要 各ユニットはJSON、またはJavascriptオブジェクト形式で記述される設定内容に従って、動作を行います。設定には全ユニットに関わるグローバル設定と、各ユニットに固有の設定があります。ユニットの設定と、グローバルの設定は連結されており、ユニット設定にない設定は、自動的にグローバルの設定から取得するようになっています。ユニットの設定は