usako1124のブックマーク / 2020年6月10日

usako1124 id:usako1124

2020年6月10日のブックマーク (6件)

VSCode拡張キャメルケーススネークケースの変換 | まだどう？
キャメルケーススネークケースの変換が面倒最近仕事でGoを書いているのですが、 GoでAPIサーバーを開発しているとキャメルケースとスネークケースを変換したりすることが多いです。 json、クエリパラメーター、Goの命名規則、コーディング規約、 APIドキュメントの作成とキャメルで作ったものをスネークに変換して別の場所で使う、またはその逆なんてことが多いです。例えば、Goの命名規則は基本アッパーキャメルで、レスポンス等で使うjsonはフロントからローワーキャメルケースを要求されて GETでつかうクエリパラメーターはスネークみたいなことも。手動でやると結構神経削られますので、VSCodeの拡張を使いましょう。オススメの拡張機能 ”change-case” ケース変換してくれるchange-case拡張はいろいろあるんですが、オススメは wmaurerさんの”change-cas
usako1124 2020/06/10
vscode
リンク
【VSCode】settings.jsonを開いて表示する方法と、デフォルト設定を確認する方法
設定の適用範囲についてVSCodeでは設定変更を適用する範囲を、以下の範囲で変更できます。ユーザー（VSCode全体）ワークスペース（ワークスペースごと）フォルダ（ワークスペース直下のフォルダごと）今回のsettings.jsonファイルは、「ユーザー」の設定変更を管理するJSONファイルとなります。それぞれのJSONファイルを表示する場合には、設定変更を適用する範囲を変更した後に、上記手順でJSONファイルを開きます。設定を適用する範囲を変更設定変更を適用する範囲は、設定内の検索ボックスの下にあるタブで変更できます。設定内にある設定変更を適用する範囲を変更するタブ。コマンドパレットから「settings.json」と「デフォルト設定を確認できるファイル」を開く方法以下の手順は、コマンドパレットから「settings.json」ファイルと、VSCodeのデフォルト設定を確認できる「
usako1124 2020/06/10
vscode
リンク
[VSCode] change-case拡張機能の設定 - Qiita
change-caseのデフォルト設定で十分に使えるのですが、たまには特別のニーズがある場合は、個別設定で簡単に実現できます。 change-caseのショートカットキー Ctrl+Uをクリックすると、定義された順番で単語のケースが変わる。例：hogeFuga → HogeFuga → HOGE_FUGA → hoge_fuga → hogeFuga ... 設定画面を開く Code → 基本設定 → 設定 → ユーザ設定またはワークスペースの設定で下記の設定内容を追加 change-caseの設定値の確認設定画面の設定の検索フィールドに「change-case」を入れると、デフォルト設定が表示される change-caseの可能な設定値一覧
usako1124 2020/06/10
vscode
リンク
ヨドバシ.com - ビタントニオ Vitantonio VBL-1000CW [コードレスマイボトルブレンダーコージーホワイト] 通販【全品無料配達】
usako1124 2020/06/10
life
リンク
【Vuex】ストアの4つの概念まとめ【唯一の情報源】 - Qiita
Vuexの根幹　【ストア】【役割】 Vuexを使う上でアプリケーションの状態（情報）を保持する役割です。 Vuexのコンセプトである『Vuexは信頼できる唯一の情報源である事』が前提にあるため、ストアはアプリケーションの中でただ一つだけの根幹となる存在です。今回はその大事な役割であるストアの４つの概念をまとめます。４つの概念・state→アプリケーションの状態（情報）・getter→stateの一部やstateから返された値を保持する・mutation→stateを更新（変化）させる・action→非同期通信や外部APIとのやりとりを行うこの４つを一纏めにしたものをモジュールと言います。モジュールでこの４つを守っているイメージです。ストアの作成 Vue-cliでVuexを取り込んでおけば、srcフォルダにstore.jsが入っています。 Vuexも読み込まれていますので
usako1124 2020/06/10
vue

vuex
リンク
Vuexのはじめかた - Vuex入門者向けのはじめの一歩ガイド - 主夫ときどきプログラマ
これはVue.jsアドベントカレンダー#2 14日の記事です。 Vuexはflaxアーキテクチャを採用した公式プラグインで、vue.jsで利用することができます。公式の日本語ドキュメントもあるので導入しやすい状況になっています。とはいえ、いざ使ってみようという時には気が引けてしまうもの。自分が導入を試みた時もいろいろと悩むポイントがありました。どこから手をつけていいかわからないファイル構成のお手本が知りたいスタンダードな書き方を知りたいこのあたりのことを、どう解決したかについて今回は紹介します。はじめにすること公式ドキュメントを読みましょう。苦手な人もいると思いますがなにを意識しながら読むかが決まっていれば読みやすくなるものです。 fluxを理解する事前にfluxアーキテクチャについて理解する必要があります。fluxを知った上でVuexのドキュメントを読むとより理解し
usako1124 2020/06/10
vue

vuex
リンク
- 2020年6月11日
- 2020年6月10日
- 2020年6月9日