Diary

Diary

日々学んだことをアウトプットする場として初めてみました

Web

Hellow Deno

Web

今回は deno という言語について軽く触れた後、世界と挨拶すること(hellow world)を目指して頑張ります。 deno とは何か install VSCode で使えるようにする Getting Started Hellow World パーミッション制御 Hellow World on server おわりに deno とは…

js で綺麗なグラフを書く

Web

js で綺麗なグラフを書く 今回は Apexcharts を利用して、簡単にグラフを書いてみました。 下は体重を範囲指定可能にして描画したものです。普通に書こうと思ったら結構しんどそうな見た目ですが、Apexchartsのテンプレを利用させてもらってます。 範囲指定…

GitHub Pagesを用いた CI/CD 入門

GitHub Actions使ってみた 前からC I/CDに興味があったので、GitHub Actionsを使ってみました。 GitHub Actionsを使って、VueのbuildとGitHub Pagesへのdeployを行う GitHub Actionsへの登録 Vueプロジェクトをpush GitHubでどのブランチから配信するかを決…

curlによるHTTP/3通信

curlによるHTTP/3通信 やったこと SSLのインストール(http3は標準でsslを使用) curlビルド時にSSLを紐付ける 現状確認 現在のMacに入っているVersionを確認する $ curl -V > curl 7.68.0 (x86_64-apple-darwin13.4.0) libcurl/7.68.0 OpenSSL/1.1.1d zlib/…

HTTP/2, HTTP/3概論

Web

HTTP/2, HTTP/3概論 HTTP/1しか知らない、いやHTTP/1すらよくわからない僕ですが、勉強して自分が気になった点についてまとめてみます HTTP/1 まずはHTTP/1から ハイパーテキストを転送するプロトコル TCP/IP or TLS上で動作 基本的な技術 HTTPS TLSを利用し…

Vuetifyのcarouselでボタンの位置がズレる!

Web

Vuetifyのcarouselでボタンの位置がズレる! 本当は矢印のボタンが左右に分配されてよくある感じになって欲しい そのときのVueコンポーネント <template> <v-carousel> <v-carousel-item v-for="(item,i) in items" :key="i" :src="item.src" reverse-transition="fade-transition" transition="fade-transition" ></v-carousel-item> </v-carousel> </template> これは公式の Source Code …

Vue.js×GitHub PagesでHPを公開する

Web

Vueで作ったHPをGitHub Pagesを用いてインターネット上に公開する アップテスト 環境 vue --version: @vue/cli 4.5.13 パッケージマネージャー: Yarn [注意]静的サイトしかGitHub Pagesは対応してません 公開するまで vue/cli2以前と、3以降でビルド時のconf…

dockerを使って爆速でVue CLIを始めてみる

Web

Vue CLI の使える環境をdockerで構築 pythonと構成同じです これから少しいじっていく予定なので、その辺で感じたことも共有できたらなと思います 必要なもの Docker VSCode ファイル構成 .- docker-compose.yml |- Dockerfile |- src/ (自動生成されます)…

JavaScript で文字をぶっ飛ばす方法

Web

目標 fontBombのようなものを、JavaScript のみを用いて実装したい 実装方法 とりあえず、1つのタグの中の文章を飛ばすことを考える 下の説明で出てくる関数名は、コードの例中での関数名のこと 1つのタグのままでは文字ごとに別々の動きを出すことが不可…