k01ken’s b10g

He110 W0r1d!

Pythonに関する私的メモ

開発環境は、Windows 10 Pro(64bit) + Python 3.7.6。 ■複数行コメントを書きたい ダブルクォーテーションを3つずつ入力して、その間に書く。 """ ここに記述 """

Cloudflareを使ってみる

CDN

1.公式サイトへアクセスし、Sign upボタンをクリック。 2.EmailとPassword(パスワードは8文字以上で、数字を含んでいて、英数字以外の文字を1文字以上含めること)を入力して、Create Accountボタンをクリック 3.アカウントを作成できると、ダッシュボードに…

WebブラウザのアドオンであるAdblockPlusで特定要素をブロックする方法

開発環境は、Windows 10 Pro(64bit)。今回は、Firefoxを使って、説明します。バージョンは、89.0(64ビット)です。まず、アドオンである、Adblock Plus - free ad blockerをインストールします。 一般的な方法 デフォルトで、Adblock Plus側から、ブロックし…

ES2020(ES11)に関する私的メモ

Null合体演算子(??) 左辺がnullかundefinedであれば、右の値を返し、そうでなければ、左の値を返します。 [使いどころ] 変数がnullやundefinedだった時に初期値を入れることができる。 const a = null ?? 'nullかundefinedです'; const b = undefined ?? 'nu…

ES2018(ES9)に関する私的メモ

テンプレートリテラル スプレッド構文 テンプレートリテラル テンプレートリテラルはダブルクォートやシングルクォートではなくて、`~`(バックティック)で文字列を囲みます。 console.log(`${3 * 3 * 3}`); // 27 let name = "Taro"; console.log(`Hello ${…

ES2015(ES6)に関する私的メモ

const, letについて 分割代入 アロー関数 const, letについて ・従来からある何もない変数やvarとの比較をすると、スコープと再代入・再宣言可能かどうかで違いがあります。 function hello(){ { a = "none"; var b = "var"; let c = "let"; const d = "cons…

求めるゴールから逆算して考える

できるだけムダなことを避けて、必要最小限の労力で、求めることを達成したいと思ったときは、求めるゴールから、現在の自分まで、逆算して、その過程を計画して、実行するのが、ベストです。ただ、これを行うためには、2つやることがあって、まず、求めるゴ…

快/不快リストを作る

自分の人生をちょっとでもマシにしようと思ったときに、自分がやっている方法を紹介します。 まず、快リストと不快リストという2つのリストを作ります。そして、ちょっとでも、快に思ったら、快リストに、具体的に、どういうことを快に思ったのかを書く。逆…

VeeValidateを利用してフォームのバリデーションを行う

Vue

開発環境は、Windows 10 Pro(64bit) + Vue 2.6.12。フォームのバリデーションはわざわざ自分で実装するのも面倒なので、フレームワークを活用することにしました。今、使っているのはVue 2なので、VeeValidateのバージョンは最新は現時点で4なのですが、3を…

Vueでテキストフォームの値に応じて、ボタンを有効/無効にする

Vue

開発環境は、Windows 10 Pro(64bit) + Vue 2.6.12。現在のテキストフォームの値は、watchを使って監視をします。watchの中に、v-modelで紐づけているdataのオブジェクトのキー名を指定して、そのオブジェクトに変化があれば、watchがそれに応じて変化します…

PythonでJSONデータを読み込み、処理する

開発環境は、Windows 10 Pro(64bit) + Python 3.7.6。PythonでJSONをパースする場合、組み込みのパッケージであるjsonパッケージを使います。 使い方には、JSONファイル自体を読み込む場合と、JSON形式の文字列の場合の2パターンがあります。 JSONファイル…

習慣化すること① 早く寝て、睡眠時間をしっかりと取る

1つ1つシンプルな行動を習慣化することで、自分を変えてみたいと思い、今日から行うこの企画。何を習慣化するのか優先順位を考えると、起きている間のあらゆることのパフォーマンスに関わるので、睡眠が最上位に来ると思って、まず、夜、しっかり寝ること…

Vuetifyの用途別の使い方まとめ

開発環境は、Windows 10 Pro(64bit) + vue 2.6.12 + vuetify 2.4.11。 ■始めに Vuetifyでは、ルートとなるコンポーネントには、template部分に、v-appタグで囲っておかないといけない。 ■参考リンク Application ■指定の要素を中央に寄せたい ※中央に寄せた…

Vue CLIを使う際に知っておきたいポイント

Vue

開発環境は、Windows 10 Pro(64bit) + node 14.17.0 + npm 6.14.13 + @vue/cli@4.5.12 + Vue 2.6.12。Vue CLIを使っていて、自分が知っておきたいポイントをメモしておきます。 ■新しいコンポーネントを追加した際にホットリロードを反映させたい ※Vue CLIの…

自分の問題を解決する方法

自分が今抱えている問題を解決する自分なりの方法を紹介したいと思います。 自分が思いつく限りの問題を書き出す 1つの問題に対し、思いつく限りの原因を書き出す 1つの原因を1つの問題として、さらにその原因を思いつく限り書き出す 複数の問題に共通する1…

Go言語のGinとVue CLI間でHTTP Cookieのやりとりをする

開発環境は、Windows 10 Pro(64bit)。フロントエンドがVue.js、バックエンドがGin(Go言語)とした場合、開発時に、Go言語のマイクロWebフレームワークであるGinのWebサーバーと、Vue.JSの開発ツールであるVue CLIの開発用Webサーバー間で、それぞれ違うポート…

物事を習慣化させる方法

物事を習慣化するためのテクニックとして、 徹底してハードルを下げたものを最初は始める。もし、継続できなかったら、ハードルを一段階下げて、継続できるまでそれを繰り返す。この部分では、徹底して、自分のペースで、自分に甘くする。 すでに習慣化され…

Linux系OSのコマンド一覧

mkdir - ディレクトリを作成する mkdir ディレクトリ名 touch - タイムスタンプを変更する、存在しない場合は、ファイルを作成する touch ファイル名 apt-get - Debian系のパッケージ管理システムAPTを利用してパッケージを管理するためのコマンド apt-get …

Selenium WebDriverを使ってみる

開発環境は、Windows 10 Pro(64bit) + node v14.17.0。Selenium WebDriverというものを使って、Webブラウザを自動的に動作させてみたいと思います。 今回は、ライブラリの言語をJavaScriptに選択して、やってみます。1.まずは関連するパッケージをnpmから取…

ソフトウェアテストのリンクまとめ

システム開発の工程の「単体テスト」と「結合テスト」の違いを徹底解説! 単体テスト・結合テスト・総合テストの違い、観点や注意点を簡単に説明する 経験ゼロでもできるプログラミング現場の単体テスト E2Eテストの導入から学んだこと

Dockerのリンクまとめ

■公式サイト Empowering App Development for Developers | Docker Docker ドキュメント日本語化プロジェクト — Docker-docs-ja 19.03 ドキュメント ■入門サイト Docker入門(第一回)~Dockerとは何か、何が良いのか~ Dockerコンテナ上でnginxを起動させる…

Firebaseを使ってみる

開発環境は、Windows 10 Pro(64bit)。※事前に、Googleアカウントでログインしておいてください 今回は、FirebaseのHostingの機能を用いて、静的なindex.htmlをデプロイするまでやっていきたいと思います。 1.公式サイトへアクセス。使ってみるボタンをクリッ…

Windows 10にて指定のプログラムを定期実行させる

開発環境は、Windows 10 Pro(64bit)。Windows10のタスクスケジューラーの機能を使い、PythonのGUI自動化パッケージであるPyAutoGUIで作ったアラートを表示させるプログラムを、15分ごとに起動させたいと思います。下記の2つのプログラムを最初に作っておいて…

ノーコード・ローコード系のサイトのリンクまとめ

特集:「内製化」の誤解と、今すぐなすべきこととは? ローコード開発で成果が出る企業、出ない企業 - @IT ノーコードでブラウザベースの作業を自動化できるChrome拡張機能【今日のライフハックツール】 さまざまな「Power Platform」製品で利用可能に Micr…

Jestを使ってJavaScriptの単体テストを行う

開発環境は、Windows 10 Pro(64bit) + node.js v14.17.0 + npm 6.14.13。JavaScriptのテストフレームワークであるJestを使ってテストをしてみたいと思います。1.チュートリアルを参考に、プロジェクトを作り、Jestをインストールするために以下のコマンドを1…

Flutterを用いてHTTP通信を行う

開発環境は、Windows 10 Pro(64bit) + Flutter 2.0.3 + Dart 2.12.2。

Next.jsを使ってみる

開発環境は、Windows 10 Pro(64bit)。 ■環境を整える 1.公式サイトへアクセスし、Start Learningボタンをクリック 2.公式サイトのチュートリアルに倣って、Cドライブ直下に移動して、以下のコマンドを入力。パッケージのインストールが開始されます。 npx cr…

ReactNativeを使ってみる

開発環境は、Windows 10 Pro(64bit)。1.公式サイトへアクセスし、Get startedをクリック 2.以下のコマンドを入力し、アプリを作る環境を整えたいと思います。 開発ツールには、React Native CLIとExpo CLIの2つがあるみたいですが、今回は、公式が、紹介して…

MySQLで一度テーブルを作ってから追加で変更したい場合のまとめ

開発環境は、Winwdows10 Pro(64bit)。 ■データベースのカラムの入れ忘れ、あるいは、後から、カラムを追加したくなった場合 ALTER TABLE tasks ADD is_favorited BOOLEAN DEFAULT FALSE AFTER list_id; ALTER TABLE tasks ADD user_id INTEGER NOT NULL AFTE…

GinでHTTPレスポンスヘッダーを設定する方法

Go

開発環境はWindows 10 Pro(64bit) + go version go1.15.3 windows/amd64。GoのマイクロWebフレームワークであるGinで、HTTPレスポンスヘッダーを設定する方法を書く。 // cは、*gin.Context c.Header("レスポンスヘッダーのキー", "レスポンスヘッダーの値")…