はじめに GitHub ActionsにCI/CD機能が追加されたので、 CI/CD機能と現在使っているCircleCI(SaasのCI/CD)についてメモ程度にまとめ はじめに CI/CDとは CircleCI GitHub Actions CI/CDとは CI/CDとは、Continuous Integration/Continuous Deliveryの略 ソフ…
今回は、データベースの設計を実装していく。 データベースの設計 realtime database 口コミを保存する機能を実装していく データベースの設計 realtime database realtime databaseはデータとアプリケーションをリアルタイムで同期する事ができる 今回は、…
今回はVue.jsとFirebaseを使って、認証機能までやっていく。 Firebase Vueプロジェクトの作成 vue-routerによるページ遷移の作成 Firebaseでプロジェクトを作成 メール / パスワードによる認証 まとめ 続き 参考にさせてもらったサイト Firebase Firebaseと…
動けばOK感覚を脱するために、 CSSの詳細度についてメモします。 CSS 詳細度 (Specificity) !important インライン記述 IDセレクタ クラスセレクタ、属性セレクタ、擬似クラス 要素セレクタ、擬似要素 ユニバーサルセレクタ 詳細度の計算 CSS CSS (Cascading…
Vue.jsの一歩としてToDoリストを作ってみました。 下準備する HTML部分 Vueインスタンス 完成 最後に 下準備する 今回は、CDNを使っています。(2019/07/01) <script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script> HTML部分 setTodayで日付を表示 v-forでtodos配列から一つずつオブジェクトを取得していく チェッ…
開発規模が大きくなり複雑になってくるので同じ処理をまとめる。 componentを用いて処理をまとめる 書式 実装 手順 componentを用いて処理をまとめる コンポーネント作成方法は、「グローバルに登録」「ローカルに登録」の2種類ありますが、今回はローカルに…
React Nativeでアプリを作ってみようと取り組んで、AsyncStorageで躓いたのでメモ React Native AsyncStorage 最後に React Native React Nativeは、JavaScriptのみを使用してモバイルアプリを構築できます。 Reactと同じデザインを使用しているため、宣言型…
Kinectを用いたプログラミングのメモとして... Kinect for Windows コントローラーを使わずにジェスチャーなどで操作を可能にする周辺機器。 主な機能として、画像・深度の取得、関節・音の検知がある。 Kinectは以前生産終了となったが、Azure Kinect DK と…
まずは、Vue.jsのライブラリをCDNでインストールする v-bindを使って画像を表示する v-bind:データでHTMLの要素の属性を指定できる <img v-bind:src="プロパティ名"></img> v-bindを使ってimg要素のsrcを指定する imageNameには後で表示する画像名を入れる Vueインスタンス Vueインスタンスのdata…
Vue.jsとは JavaScriptのフレームワーク 手軽にSPAを作れる 詳しくは jp.vuejs.org 手順 Vue.jsのライブラリをCDNでインストール (バーションは2019/3/28現在) VueとHTMLを繋げる要素を作る Vueインスタンス作成 elオプション どのHTML要素と繋げるか dataオ…