コンポーネントの基本の記述について書きます。ここでは、クリックイベントを持つコンポーネントの例を簡単に見ていきます。他の記事でも書きましたが、改めてコンポーネントが再利用可能であることを確認します。 コンポーネントの基本の記述 コンポーネントの記述例 コンポーネントのdataオプションは関数にする コンポーネントの再利用 参考サイト コンポーネントの基本の記述 コンポーネントは、以下のように定義します。 Vue.component('コンポーネント名', { // ... オプション ... }) オプションには、data、template、methodsなどを指定できます。dataオプション…

コンポーネントで再利用可能なパーツを作ります。つまり、ページのある箇所のHTML、CSS、JavaScriptを部品に切り出して、再利用できる形にします。例えば、ナビゲーションバーやヘッダー、フッターを部品に切り出して使うことが考えられます。そして、切り出した部品を新たなタグとして定義します。 コンポーネントを作る コンポーネントの再利用 コンポーネントにメソッドを定義する まとめ 参考サイト コンポーネントを作る 以下に簡単な例を示します。ここでは、<click-box>～</click-box>というタグを新たに作ります。このタグの内容をVue.component()で定義します。 <di…

Reactは、PropsまたはStateが更新されるたびに、コンポーネントを自動的に再レン​​ダリングします。 どちらも変更されない場合は、再レンダリングは発生しません。 しかし、初心者はコンポーネントを再レンダリングするのが非常に難しいと感じることがよくあります。 まず、コンポーネントを再レンダリングするために使用できる方法を見て、本当に再レンダリングを強制するべきか、 Reactに処理させるべきかについて説明します。 Reactコンポーネントを再レンダリングさせる方法とタイミングを真に理解するには、Reactの内部動作を理解する必要があります。 つまり、コンポーネントを強制的に再レンダリン…

公式のcomponentsにあるASIOコンポーネントだとノイズ・処理落ちがひどいので他のを探してたらこれがあった それでもノイズ等ある方はASIO4ALL経由でASIO再生すると良いかも ASIO非対応デバイスでASIO4ALL（V2.15 BETA 3）を使いfoobar2000でASIO再生した話 今回使うASIOコンポーネントは公式ページのcomponentsからダウンロードできるものではなく外部サイトからダウンロードしたものを使います この作者さんはDSDとかを再生できるコンポーネントも作ってらっしゃるそうです ・ダウンロード先 sourceforge.net ダウンロード先にこのよ…

はじめに Twitterを流し読みしていると、こんなツイートが流れてきました。 PowerPointの色調整は、HSLモードがおススメ。#PowerPoint pic.twitter.com/g0lEz3DSi4 — ネスコプラズム (@nesscoplasm) 2021年9月7日 いつもPower Pointを中心にいろいろなデザイン関連のツイートをされているネスコプラズムさんのツイートでした。HSL、便利そう！ Power Appsでの色指定 Power Appsでの色指定は、Color列挙体(組み込み色の名前で指定)、ColorValue(16進数値で指定)、RGBA（Red,Green…

ソフトウェアコンポーネントについて、Wikipediaでは以下のように記載されています。 Wikipedia:ソフトウェアコンポーネント 事前に製作されたコンポーネント群を組み合わせて、電気製品や機械製品を作るようにソフトウェアを作れることを強調する。 このようにコンポーネント指向の開発ではいくつかのコンポーネントを組み合わせてサービスを開発します。 そのため、ひとつ一つのコンポーネントは様々な組み合わせに耐えうる設計をしなければいけません。 そのようなコンポーネントの設計を行う上での基礎的な考え方を紹介します。 コンポーネントにマージンやポジションなどの外側のレイアウトを設定しない コンポー…

こんにちは！！良い天気っす。 久々に青空を見た気がします。オリジナルのネックに戻したイングべモデルに付けていたスモールヘッドのネックがここ数年埃にまみれていたのをずーっと不憫に思っていました（笑）どごかに適当なボディはねぇがー？と某オクをパトロールしたらなんとも素敵なガンメタボディがありました。スクワイアのやっすいSTのだそうです。ネックジョイントも少し斜めってて修正が必要でしたがぴたりと合うとそれもまた楽しい作業でした。弁当箱ザグリなのでどんなPUのレイアウトも大丈夫！！しかも二点式のトレモロユニットっす。オラ初体験っす。このユニット、意外と使いやすいっすね。食わず嫌いでした。PUはどんなの…

Googleが10月3日(日本時間4日)、Androidの2022年10月セキュリティ情報を公開した。セキュリティパッチレベルは、2022-10-01、2022-10-05の2つに分かれている。 Android スマートフォンにおけるセキュリティパッチは通常、Android スマートフォンのOEMベンダー、あるいは販売を行っている携帯電話会社が提供の判断を行い、配信される。すべてのAndroid スマートフォンで毎月配信されるものではない。

環境 Unity 2021.3.31f1 素材元 https://pipoya.net/sozai/assets/map-chip_tileset32/ 問題 UnityのTilemapを使うと、ピクセル間に隙間ができることがあります。 この問題は、カメラの解像度に対してマップチップのサイズが合っていないために発生します。特にカメラ側の解像度が高いと問題になります。 カメラの解像度を自分でいい感じに調整するのも面倒ですし、マップチップのアセット側を調整したりアンチエイリアスを切るのも、それほどスマートな解決方法とはいえません。 また、軽くググって出てきたこれらの方法では、今回の問題は解決しませ…

Bedrock Launcher windows向け統合版Bedrock LauncherがGithubに! 注意点 感想 windows向け統合版Bedrock LauncherがGithubに! 開発中のプログラミングのソースコードなどが公開されているGithubに、「Minecraft Bedrock Launcher」というwindows向けマイクラ統合版のランチャーのプレリリース版が公開されていました。 bedrocklauncher.github.io github.com このアプリケーションソフトは、現在windows(Java / Bedrock)向けのMineCraft L…

UI デザインをチームでしていて近頃はめっきり Sketch を触る機会が減り、Figma を使用するケースが増えてきました。デザイナーとエンジニア間でのやりとりも Figma を導入している企業が増えている温度感が高まってきてピークに達している肌感があります。何より、2022年9月15日に発表された Adobeによる Figma 買収で Adobe 傘下に入るやもしれぬことが発表され驚かされました。 これを機にさらに使い易くなるといいですね！ Figma を普段触っていてアップデート毎に Auto Layout 機能等も以前よりは分かり易くなり、微細な調整機能も充実してきています。そして、数…

オブジェクト指向を語るとき、対象をどのように解釈し、抽象的に表現するのかということについての話題は多い。しかし、なぜそうするのか、どのような利点があるのかを、具体的かつ、簡潔に駆られることは少ないように、私は感じている。例えば、オブジェクト指向の利点として語られる要素の一つに「再利用」がある。しかし周知されている再利用とは、コンポーネントとしての再利用、そのポータビリティであり、その汎用性だ。それがオブジェクト指向ではなく、ライブラリ化による利点に置き換えられているように思うのだ。 ライブラリを多用するPythonの事例を見ても分かるように、その中身がオブジェクト指向であるかどうかなど、誰も気…

買って後悔するより 買わないで後悔するほうが 何倍もダメージが大きいと気づく 私はプレミアソフトを調べるのが好きです なので、暇があると ずっとプレミアソフトの値段を調べています そして最高に楽しいです そんな時に、 「こんなに値段が上がってるの！！」と驚くことがあります。 数百円や１０００円前後で買えたのに、 値段がいつの間にか上がっていて、ビックリする。 こんな衝撃です。 そして、そんな衝撃は、 昔のゲーム機であればあるほど大きいです。 つまり、 このブログの読者層である ３０代、４０代の方が最も遊んでいたゲーム機です。 ですので、私と同じように 衝撃を受けてもらえると思った訳です。 そし…

買って後悔するより 買わないで後悔するほうが 何倍もダメージが大きいと気づく 私はプレミアソフトを調べるのが好きです なので、暇があると ずっとプレミアソフトの値段を調べています そして最高に楽しいです そんな時に、 「こんなに値段が上がってるの！！」と驚くことがあります。 数百円や１０００円前後で買えたのに、 値段がいつの間にか上がっていて、ビックリする。 こんな衝撃です。 そして、そんな衝撃は、 昔のゲーム機であればあるほど大きいです。 つまり、 このブログの読者層である ３０代、４０代の方が最も遊んでいたゲーム機です。 ですので、私と同じように 衝撃を受けてもらえると思った訳です。 そし…

通常、JSXでComponentにprops を渡す場合、下のように書ける。 const props = { hoge: 'aaa', fuga: 'bbb' } <Component hoge={props.hoge} fuga={props.huga} /> スプレッド演算子を用いると、より簡潔に書き換えられます． const props = {hoge: 'aaa', fuga: 'bbb' } <Component {...props} /> 僕は、スプレッド演算子の書き方でReact propsを渡せることに違和感がありました。そのため、なぜReact propsをスプレッド演算子で…

こんにちは。ATOM事業部フロントエンドテックリード兼デザイナーの河原です。 最近HTMLメールを作成する機会が増えたので、HTMLメールフレームワークの「MJML」を導入しました。 今回はその導入事例の紹介です。 面倒なHTMLメール HTMLメールは通常のWebサイト向けのHTMLとは異なる独特のベストプラクティスがあります。 例えば。 幅を 600px に設定する テーブル要素ですべての構造をコーディングする CSSをシンプルに保ち、インライン化する JavaScriptは使わない モバイルを意識してレスポンシブにする また、さまざまなサービスやメーラーでテストしなければならず、結構面倒…

ども。コモノです。 今日はドイツで開かれるアナログゲームの祭典、シュピール22のプレビューから個人的嗜好に偏って気になる新作ボドゲをピックアップするvol.2をお届けいたします。 vol.1はコチラ www.comonox.com シュピールは会期中に出口調査でスカウトアクションという人気投票を行っていますが、そのランキングは翌年の国内ボドゲ市場でも注目を浴びる作品が多く並ぶことでも有名です。今年のスカウトアクションはどうなるのかなど毎年ボドゲファンは目を離せないのがシュピールなのです。大量に並ぶ新作リストから、来年国内でも流通あったら良いなぁというものをピックアップしました。全部ポチるとか到…

自分が書いたコードだけじゃなくて、使用したOSSも、脆弱性がないか検討する必要があります。 参考になる記事として、以下のリンクを挙げておきます。 Javaで書いた4行のコード、依存関係をたどると51万行に――超複雑化するソフトウェア構成、SBOMで探るには：特集：1P情シスのための脆弱性管理／対策の現実解（3） - ＠IT ソフトウエアを構成するコンポーネントをリスト化するツールが「SBOM」だそうです。 急速に注目集める「SBOM」、Microsoftが生成ツールをOSS化 その機能とは？：幅広いソフトウェアリポジトリに簡単に統合できる - ＠IT