この部分はPokemon.vueをv-forで並べています。 タイプ別にtitleとtext部分に背景色をつけているんですが、検索などでv-forに使っているリストが増減したときに正しく背景色がつかない問題がありました。 わかったのでメモ。 v-forでVueインスタンスを追加す…

Twitter liteを初めて触ったときからPWAに憧れていたのでついにやってみた。 PWA化のためにやったこと 参考 michimani.net "dependencies": { "core-js": "^2.6.5", "firebase": "^6.6.1", "vue": "^2.6.10", "vuetify": "^2.0.0", + "register-service-work…

vue-pokedex-89790.firebaseapp.com タイプ絞り込みボタンと名前検索を実装してみました。 テンプレート <v-layout class="row"> <div v-for="type in types" v-bind:key="type.index"> <v-btn @click="selectType=type">{{type}}</v-btn> </div> </v-layout> <v-text-field v-model="keyword" label="ポケモンの名前を入れてね" ></v-text-field>

リアクティブなCSSを試したくて各カードに色をつけてみました。 まだ見栄えは悪いですが、その過程でv-bindを使ったクラスの切り替えができたのでメモ。 <v-card-title :class="titleClass">{{Pokemon.no}}:{{Pokemon.name}}</v-card-title> data() { return { titleClass: "", } }, created() { this.titleCls…

vue-pokedex-89790.firebaseapp.com 3連休だったのでVue.jsの勉強もかねてこんなの作りました。 Vue.jsのポケモン図鑑です。 データ データソースは古都ことさん(@kfurumiya)が公開しているpokemon_data.jsonです。 github.com 構成 Vue.js + UIフレームワー…

www.katonobo.com この記事を見てすごく手軽に環境が作れそうだったのでやってみた。 準備 Node.jsのインストール Chocolateyを使ってさくさくっと。 最新のLTSをインストール。 choco install nvm -y nvm install 10.16.3 Vue,jsのインストール npm install…

qiita.com amueller.github.io この記事を見てやってみた。 準備 git clone https://github.com/amueller/word_cloud cd word_cloud python setup.py install setup.pyの実行時にC++のビルド環境を求められた。 visualstudio.microsoft.com ここから、「Visu…

AtCoderデビューをしました。 受験したのはAtCoder Beginner Contest 140 atcoder.jp 結果はA・Bの2問ACで300点 順位は4733位でした。 Cは解法が全く浮かばず、Dに取り組みましたがだめでしたね……。 とりあえず2問解けたのは毎日やってた成果は出たかなあと…

AOJの問題で文字列のn文字目~m文字目までを操作する必要があった。 はじめは素直にlistにして～ってやってたけど、Pythonにはスライス操作というそのものズバリな機能があった。 sentence[始点:終点:ステップ数] という書き方をします。 ステップ数は省略可…

Spring Frameworkで何となく使っていた 、 使いたいインスタンスの初期化・設定をcontext.xmlに従って自動で行う機能があるんですが この仕組みはDI（Dependency Injection）というデザインパターンらしい。 気になったので少しお勉強。 DIとは Dependency I…

ひそかに10月の応用情報を取ろうと勉強しています。 8月は目標に応用情報の教科書本を1周し終わることを掲げてました。 なんとかこなせたので、9月〜10月は午後対策本を進めていきたいな〜と考えてます。 (全文PDF・単語帳アプリ付)徹底攻略 応用情報技術者…