from selenium import webdriver
import chromedriver_binary  # Adds chromedriver binary to path

driver = webdriver.Chrome()
driver.get("http://www.python.org")
assert "Python" in driver.title

2023-09-27

docker-composeの.envの変数をDockerFileで使いたい

docker

結論

.env ファイルに

HOGE=aiueo

と記載した場合 docker-compose.ymlで

version: "3"
services:
  foo:
    build:
      context: .
      dockerfile: "Dockerfile"
      # Dockerfile に渡す変数
      args:
        # .env の HOGE を FOOBAR として渡す
        - FOOBAR=${HOGE}

最後に、DockerFile内でARGを実行すると、使用可能になる

ARG FOOBAR

RUN echo "${FOOBAR}"

参考

docker-compose.yml で定義した変数を Dockerfile に渡したい - かもメモ

2023-08-05

vueを一部だけ使いたい

typescript vite vue

@vitejs/plugin-vue、@vitejs/plugin-vue-jsxをインストールする npm i xxxxxx
vite.config.ts に以下を加える

import vue from '@vitejs/plugin-vue'
import vueJsx from '@vitejs/plugin-vue-jsx'

(中略）

    plugins: [
        vue(),
        vueJsx({
            // options are passed on to @vue/babel-plugin-jsx
        }),     
    ],

    resolve: {
        alias: {
            vue: 'vue/dist/vue.esm-bundler.js',
        },
    },

tsconfig.json に以下を加える

  // このあたりのパスは各環境によります
  "include": [
    "shims-vue.d.ts",
    "src/**/*", 
    "src/**/*.vue"
  ],
  "paths": { "@/*":["./src/*"] },  
  "vueCompilerOptions": {
    "target": 3.3
  }

shims-vue.d.ts を作成（たぶんts名は何でもいいです。↑のincludeにその名前を指定したらいいだけかと）中身は以下です

declare module '*.vue' {
    import type { DefineComponent } from 'vue'
    const component: DefineComponent<{}, {}, any>
    export default component
}

index.htmlにvueのルートコンポーネントを追加(idは何でもOKです）

  <div id="app-vue">
  </div>

vueコンポーネント作成例）App.vue

<script setup>
import { ref, onMounted } from 'vue'

// リアクティブな状態
const count = ref(0)

// 状態を変更し、更新をトリガーする関数。
function increment() {
  count.value++
}

// ライフサイクルフック
onMounted(() => {
  console.log(`The initial count is ${count.value}.`)
})
</script>

<template>
  <button @click="increment">Count33 is: {{ count }}</button>
</template >

メインとなるtsでvueコンポーネント作成例）main.ts

import { createApp } from 'vue'
import App from './jsx/App.vue'

createApp(App).mount('#app-vue')

参考

Fix `Configure your bundler to alias 'vue'` in Vite.js

vue.js - TypeScript 'cannot find module...' in Vue project - Stack Overflow

2023-08-03

VSCodeでjsonを一行に整形するショートカット

VScode

概要

Preferences > Open Keyboard Shortcuts で join lines で検索。デフォルトはCtrl + J といった情報もありますが私は違いましたので、ショートカット割り当てました。（私の場合、今までCtrl+Jに割り当たっていたショートカットは使っていなかったため、Ctrl + Jにしました。）

~~意外と調べてもなかったので記載。~~

すみません。これ一択でした…。 JSON Tools - Visual Studio Marketplace

参考

~~visual studio code - Shortcut for joining two lines - Stack Overflow~~

ぷっぽプログラミング備忘録

linux, javascript, php, C#, そのうちScalaとかアプリ開発とかやってみたいです。

Google検索で特定ファイルタイプで絞り込んで検索したい

概要

参考

dbeaverのsqlエディタの文字を拡大・縮小する

結論

参考

VSCode で mdファイルをpdfファイルに変換する

概要

手順

参考

WindowsでSelenium入れてブラウザ自動実行

手順

docker-composeの.envの変数をDockerFileで使いたい

結論

参考

vueを一部だけ使いたい

参考

VSCodeでjsonを一行に整形するショートカット

概要

参考