Tech

Ads
Wordpress

[WordPress][Plugin][Enlighter]フォントサイズ変更方法

当サイトでも愛用させていただいているコードスニペットをWordpressに埋め込むEnlighterプラグインですが、設定メニューからフォントサイズを変更しても反映されなかったので調べた結果変更方法がわかりましたので説明します。
Tech

[SwiftUI]DisclosureGroup Examples

SwiftUIで利用可能なDisclosureGroupについて簡単なサンプルを使って実際の動きをみていきます。公式ドキュメントでは「ディスクロージャーコントロールの状態に応じて、別のコンテンツビューを表示・非表示するビュー」とのことですが、実際の例を使ってみてみるのが理解が
Tech

[SwiftUI]GroupBox Examples

SwiftUIで利用可能なGroupBoxについて簡単なサンプルを使って実際の動きをみていきます。公式ドキュメントでは「コンテンツの論理的なグループに関連付けられたオプションのラベルを持つスタイル化されたビュー」とのことですが、実際の例を使ってみてみるのが理解が早そうです。
Tech

[SwiftUI] List View with ListStyle. ListStyle別List Viewの表示差分

SwiftUIのList ViewにはlistStyleモディファイアを使いListStyleを指定することで表示スタイルを選択することができますが、いつもの通り公式サイトにはあまり詳しい説明がなかったため、何を使うとどうなるのかをパット見で分かると便利かと思いましたので、ここに整理しておきます。
Japanese

[SwiftUI]@Stateの代わりに@ObservedObjectを使い、Child Viewの状態変化をParent Viewから参照可能にする

Viewの外部からアクセスするために、@Stateと同じProperty Wrapperである@ObservedObjectを用いた実装について説明していきます。
Tech

[Vue.js][vue-csv-import] Vue.js でCSVファイルを読込み、 b-table に表示する

vue-csv-importを用いてCSVファイルを読込み、テーブルに表示させる方法が少しコツが必要でしたので、その方法を説明します。vue-csv-importはバージョンにより対応するVueのバージョンが異なりますが、今回はVue2環境で作成したVue CLIプロジェクトで試しています。
Japanese

[Vue.js][axios]How to solve “Uncaught (in promise) TypeError: Cannot read property ‘protocol’ of undefined at isURLSameOrigin”

Vue CLI プロジェクト において、 b-button を設置し、クリックすることで、axios を使った API を発行する簡単なコードを作成したところ、以下の エラー が発生し、それを解決することができたので、その方法を説明します。...
Tech

[ Vue.js ] b-table の行選択を可能にし、 選択した行 データ を取得する サンプル コード

Vue.js 用の Bootstrap である BootstrapVue における、 表を実装する方法である b-table を用いて特定の行を選択し、選択した行 データ の内容を画面に表示する方法を サンプル コード とともに説明していきます。
Japanese

[Vue.js]ドロップダウン(b-form-select)の表示内容を動的にフィルタリングしつつ、同時にテーブル(b-table)のアイテムをフィルタリングする方法

以前投稿した、「BootstrapVueのテーブル(b-table)で複数条件によるフィルタを実装する方法」では、複数の条件に従ってテーブルアイテムの内容がフィルタリングされるようにしましたが、今回は、条件として複数のドロップダウン(b-f...
Japanese

[Vue.js]BootstrapVueのテーブル(b-table)で複数条件によるフィルタを実装する方法

BootstrapVueのテーブルコンポーネントの<b-table>を使うと、簡単にきれいなテーブルが作成できます。この作成したテーブルを条件によって絞り込んで表示しようと思います。b-tableには、Built-inでフィルタ機能が実装さ...
Ads