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 を発行する簡単なコードを作成したところ、以下のエラーが発生し、それを解決することができたので、その方法を説明します。...

2021.04.29 2023.03.01

TechVue.jsJapanese

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

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

2021.04.29 2022.07.20

TechVue.jsJapanese

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

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

2021.04.27 2022.03.17

Vue.jsJapanese

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

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

2021.04.23 2022.03.17

JapaneseVue.js

[Vue.js]Vue CLI project(@vue/cli) でVue.jsプロジェクトを作成し、GitLabプロジェクトに登録する手順

新規でVue CLI(@vue/cli)のプロジェクトを作成する機会があったので、備忘までに手順を残しておきます。手順を忘れた頃に新たに作成し、その度はまることも多いので、一度整理したいと思った次第です。作業前の状態 node, npm,...

2021.04.21 2022.03.17

Vue.jsJapanese

Match Review 「ネガティブトランジションの意識付けに見られる相馬新監督の修正優先度」2021 J1 #10 徳島ヴォルティス[TOK] vs 鹿島アントラーズ[KSM]

ザーゴ監督から相馬監督に交代した鹿島アントラーズ。チームとしての問題点がいくつか見えていたとしても、シーズン途中の監督交代（方針転換）は優先度をつけて1つずつ行う必要があるはず。徳島相手に初陣を飾った鹿島アントラーズだが、試合を通じて「ネガ...

2021.04.19 2021.07.28

match review of J League

[Column]鹿島アントラーズザーゴ監督解任に至った要因を直近2試合から検証する

2021年J1リーグ第9節の試合後、鹿島アントラーズのザーゴ監督の解任が発表された。8試合で2勝2分4敗の勝点8の15位という成績だった。全20チーム中下位4チームが無条件にJ2に降格する今シーズンということを考えると、降格圏に足がかかって...

2021.04.17 2021.07.28

Column

[SwiftUI] GeomertyReader を用いて、親Viewの内側に等分に子Viewを配置する方法

親Viewのサイズに関わらず、均等にViewオブジェクトを配置する方法をGeomertyReaderを用いて実装します。geometry.sizeを活用することで、View内の相対的な座標を指定することが可能になるため、親Viewでのレイア...

2021.04.14 2022.07.20

TechSwiftUIJapanese

[SwiftUI]SwiftUIがContentViewや、View Objectを配置する仕組み。Modifierの有無や、その順番による結果の違いなど

SwiftUIにおいては既存のUIKitとは異なり、コードベースでView Objectを配置していきますが、慣れるまではなかなか思ったとおりに配置できなかったりします。そこで、簡単な例を基にSwiftUIにおいて、ContentViewや...

2021.04.13 2022.07.20

TechSwiftUIJapanese

Match Review 嵐の中のエル・クラシコ。両監督が若手の特徴を活かした戦術を披露した伝統の一戦。20/21 LaLiga #33 Real Madrid [RMA] vs FC Barcelona [FCB]

優勝戦線に残るための大事な一戦も、無観客。両チームの顔とも言えるセルヒオ・ラモス、ジェラール・ピケが不在。雨のコンディション。練習場のようなアルフレッド・デ・ステファノでの開催。と絵面としては寂しい感じになってしまった一戦。それでも、両チー...

2021.04.12 2021.07.28

match review of LaLiga