hard-source-webpack-pluginでCould not freezeが出た時の解消メモ

バージョン version:0.13.1 エラー内容 [hardsource:xxxxxxxx] Could not freeze ./node_modules ..... 解決方法 キャッシュの削除 rm -rf node_modules/.cache 参考 github.com

システムの仕様決めについて思うこと

依頼者からの要求をそのまま仕様に落とし込むのではなく、依頼者が要求した内容をよく吟味して、依頼者が何をしたいのか、目的は何かよく考える必要があると思います。 例えば、ある入力フォームの高さと幅を広げて欲しいという要求があったとき、二つ返事で…

JavaScriptで"" == 0 の結果

コンソールで "" == 0 true と出て驚きました。 JavaScriptのnull, undefined, 0, 空文字の判定はかなり注意しないと意図しない判定が多いです。 以下のリンクで判定について確認できます。 qiita.com

副問い合わせの結果をJoinするSQLメモ

SQL

table名等は適当です。 select * from nTable left join ( select * from leftTable inner join anyTable on leftTable.id = anyTable.leftTableId ) leftResult on nTable.any = leftResult.any

Vueでグローバル定数ファイルを定義するベストプラクティスが議論されていたのでメモ

Vue

stackoverflow.com 自分は上記記事を参考にして以下のようにしました 。 外部から変更できない変数を宣言してexport し、使う側でimport する方法です。 constフォルダ等(定数と分かるフォルダ名)を用意して各定数ファイルを用意すると、一目で定数ファイ…

Vueで外部JavaScriptファイルを読み込む方法

Vue

コード例 outside.js const VALUE = 1 export default Object.freeze({ VALUE: VALUE }); any.Vue <script> import outside from 'path/to/outside' // .js(拡張子の指定)は必要ない ... mounted() { // importしたjsの変数 console.log(outside.VALUE) // 1 }, 補…

computedでネストしたObjectの値変更を検知する

Vue

computedは基本ネストしたObjectの値までは検知しない。 検知するためには、Vue.setを使用する。 Vue.set(object, propertyName, value) https://jp.vuejs.org/v2/guide/reactivity.html

Python初心者がマルコフ連鎖で吾輩は猫であるをマルコフ連鎖で出力してみる

環境 Windows10 Python 3.8.1 使用したライブラリ Janomeというライブラリを使わせて頂きました。 MeCabというライブラリもお勧めらしいのですが、Windowsに入れようとすると色々乗り越えなければいけない壁が多いのでこちらのライブラリにしました。 $ pip …

Python3のopenでUnicodeDecodeError: 'cp932' codec can't decode byte 0x85 in position : illegal multibyte sequenceが出たときの覚書

環境 Windows10 Python 3.8.1 コード # テキストファイルを読み込む src = open(filename, "r", ).read() エラー内容 UnicodeDecodeError: 'cp932' codec can't decode byte 0x85 in position : illegal multibyte sequence python3の文字エンコーディングは…

JQueryで開始就業時間や休憩時間を自動入力するスクリプト

JQueryのリハビリでいけてないスクリプトを書きました。 例えば以下のような入力フォームがあったとして、開始と休憩は大抵は一緒なので、あまり手打ちしたくありません。 なので土日以外は自動で入力するように… $.each($('input[ref="start_time"]'), func…

v-text-fieldとDatePickerを組み合わせる

v-menuを使ってv-text-fieldとDatePickerを組み合わせる <v-menu v-model="menu" max-width="290px" min-width="290px"> <template v-slot:activator="{ on }"> <v-text-field slot="activator" v-model="fromDate" label="fromDate" readonly v-on="on" /> </template> </v-menu>

prettierでerror Delete `␍` prettier/prettierが出たときのメモ

環境 Windows10 VS code 1.41.1 エラー内容 error Delete ␍ prettier/prettier 対策 stackoverflow.com ↑のリンクで解決した。 VS Code右下バーの改行設定をCRLFからLFに変更。 ↑のリンクではもう一つの解決法としてチェックルールを変えるやり方も紹介され…

元の配列に影響しないようにreverseするには

Array.prototype.reverse()は元の配列もreverseする 公式サイトに元の配列にも影響するから気を付けてと書かれていた。 最初は何故元の配列もreverseされたのか分からなかった。 developer.mozilla.org 元の配列に影響を与えないようには 例えばslice().reve…

UI/UXデザインパターンがまとめられている良記事だったので覚書

saruwakakun.com blog.ohako-inc.jp 余談 少しUI/UXと異なる話ですが、実体験として以前切符のネット予約にて 自分が見事にフールプルーフの想定するフール行動(禁止されていたが癖でブラウザの戻るボタン押下)をして もうこちら側ではリカバリー不可で電…

Firebaseのデプロイがとても楽だった

Firebaseとは Googleの提供するモバイルおよびWebアプリケーション開発プラットフォーム です。 個人で何か作って公開してみようかなと思い、Herokuと悩んだのですがこちらの方が新しいので選んでみました。 無料枠も用意されています。 qiita.com ログイン…

firebase-toolsがPSSecurityExceptionで使えなかったときのメモ

firebase-toolsがPSSecurityException 環境:Windows10 Home PowerShell Firebaseのチュートリアル Firebase web codelab をやっていたところ npm -g install firebase-toolsを実行後に firebase --versionを実行すると firebase : このシステムではスクリプ…

MyBatisのListを取得する際のresultTypeメモ

結果がListの場合、resultTypeはListの中身の型を指定する。 List<String>型で取得したい場合は、resultType="string"と記述する。 resultTypeにListを指定しなければいけないと思ったが必要なかった。 https://qiita.com/rs_/items/420109480bc8ab72d55b</string>

配列から特定の要素を持つものだけ削除したい場合 -JavaScript

filter() メソッドを使うやり方 let list = [ { id: '1', name: 'taro' }, { id: '1', name: 'taro' }, { id: '2', name: 'tako' }, { id: '2', name: 'ika' }, ]; const delId = '1'; list = list.filter((v) => v.id !== delId); https://developer.mozill…

RestClientによる自動テスト

https://restlet.com/modules/client/ RestClientを使うと指定した順番でAPIを叩くことが出来る(シナリオ) またアサーションを指定することもできる 例:ステータス200でResponse Bodyに値が入っている等 テストコードを書かずに自動テストが出来るのでお…

Spring Bootで定期的なタスク処理

1.EnableSchedulingをAppクラスに使用する 2.定期実行したいメソッドにScheduledアノテーションを付与する qiita.com

EC2にRedmineを構築の覚書

AWS

以下の記事を参考に本当に5分で出来ました。 インスタンスを作成する画面でBitnamiのredmineのAMIを選択 インスタンスを作成して完了 qiita.com

業務システムの権限制御についてメモ

ロールベースアクセスコントロール(RBAC) qiita.com

Vuexのactionsに3つ以上の引数を渡すには?

Vue

mutations, actionsは第一引数にstate,指定されていれば第二引数にpayloadを受け取る仕様になっている。 そのため、多くの引数を渡したい場合には、オブジェクトにまとめて第二引数として渡す必要がある。 // ダメな例 呼び出す側 this.アクションメソッド(x…

Developers Summit 2019 Summer に参加してきました

Developers Summit 2019 Summerに参加 event.shoeisha.jp デブサミに参加してきました。 このようなイベントの参加は久々だったのですが、とても良い刺激になりました。 アウトプットしないと一年後には忘れているので、会場で殴り書きしたスマホのメモを、…

JavaScriptのvarとletとconstの違い

ES6の新機能 : letとconst let ・・・ 「再宣言」が不可 const ・・・ 「再宣言」も「再代入」も不可 例えconstで宣言していても、オブジェクトの要素に対しては変更を入れることが可能 varで宣言された変数は関数スコープ letで宣言した変数はブロックスコ…

Pull RequestとMerge Requestの違いについて

Git

結論 機能に違いはない。 どちらも、変更作業をレビュアーに通知して、マージを依頼するもの。 なぜ名前が違うのか Git管理サービスによって名称が異なる。 GitHubやBitbucketは最初のアクションであるpullに着目してPull Request、 GitLabやGitoriousは最後…

エンジニアリング組織論への招待を読んだ

どんな本 「エンジニアリング組織論への招待 ~不確実性に向き合う思考と組織のリファクタリング」を読みました。 技術書大賞(翔泳社)などを受賞している非常に評判の良い本です。 エンジニアリングの本質は、「不確実性の削減」であるという論の元、どうす…

アジャイル、スクラムについての参考リンク覚書

職場のスクラムマスターからおすすめされた資料 www.ryuzee.com なおスクラムはアジャイル開発手法の一つ。 IPAの資料 アジャイルソフトウェア開発宣言の読みとき方 https://www.ipa.go.jp/files/000065601.pdf メモ アジャイルでは対話を重視する。 メンバ…

HTTPヘッダーのLocationの役割

概要 Location レスポンスヘッダーはリダイレクト先の URL を示す。 3xx (リダイレクト) または 201 (created) ステータスレスポンスを返すときに使用する。 リダイレクトの場合、 Location で示されたページにアクセスする新しいリクエストを生成するために…

急な仕様変更依頼を受けたらどうすればよいか

自分がお客様とやりとりした経験で、仕様変更依頼が起きたのは一度や二度ではありませんでした。 実際の経験を脚色した仮の話で考えます。 事象 UAT終了直前の仕様変更依頼 UATが終わろうという時に、システムの仕様を少し変更してほしいと要望があった。 仕…