企業同士の協力 業務提携 複数の会社が協力して商品を作ったり、サービスを提供したりなどすることを業務提携という。 業務提携の種類には生産提携,販売提携,技術提携,資本提携などがある。 コーペティション経営 複数のお店が一つのエリアに出店するなどし…

株式会社 株式会社とは 企業が資金を調達するために 株式という証明書を発行し、買ってもらう。 そして株式の購入者を株主といい、株式の価値が上がったり、利益の配分を受ける配当を受けることができる。 また、株式を購入しても出資金額以上の責任は負わな…

Vuetifyとは Vue.js用、マテリアルデザインのフレームワーク！ まずマテリアルデザインとは シンプルなデザインでディスプレイサイズに合わせて最適化しやすくしよう というGoogleが発表したデザインガイドライン。(2014年) Vuetify使い方 <template> <v-app> <v-content> <v-container fluid> <v-layout wrap> <v-flex xs12 sm5></v-flex> <v-flex xs12 sm5></v-flex> </v-layout> </v-container> </v-content> </v-app> …</template>

AtomicDesign 今回はAtomicDesignの考えのもと、フォルダ構成していきたいと思います。 AtomicDesignとは 一言で言うと5段階に区切って定義するUIデザイン手法。 5段階とは、Atoms(原子),Molecules(分子),Organisms(有機体),Templates(テンプレート),Pages(…

前提 Node.jsのインストールでnpmコマンドが使えること。 vue/cliより@vue/cliの方が新しいみたいなのでこちらも載せます。 インストール @vue/cliをインストール npm install --global @vue/cli プロジェクト作成 vue create [project naeme] その後にいく…

config プロジェクト作成前 プロジェクト作成まであれば以下でできます。 django-admin startproject config . プロジェクト作成後 djangoでdjango-admin start projectをする際に プロジェクトフォルダの直下に配置されてしまうため それをconfigファイルで…

前提 sqliteは色々と問題があるので postgresqlに変更したいと思います。 前提としてはpostgresqlをインストールしていること。 psqlコマンドを使えるようにしてください。 方法 pip install psycopg2-binary databaseの設定を変更します。 setting.pyの変更…

前提 Pythonをインストールされていてコマンドが使える。 仮想環境 仮想環境とはパッケージの導入状態をプロジェクトごとに独立させます。 venvによる仮想環境。 1.まずフォルダを作成してください。 2.その後ターミナル or コマンドプロンプトを使用します…

前提 プロジェクトが作成してあることが前提。 プロジェクト作成時にes-lintをNoにしてください。 vue init webpack プロジェクト名 実行 必要なものをインストール npm i -D typescript webpack webpack-cli ts-loader@3.5.0 css-loader vue vue-loader vue…

始め方 まずgitがインストールされていること。 githubにsshの設定をしていること。 初期化 git init インデックスに反映 git add . コミット git commit -m 'first commit' プッシュ git push origin master 別のブランチを作成移動 git checkout -b 〇〇 …

型推論 変数には型を必ず付与する必要はない。 宣言時に代入された値から、型の推論ができる。 const/letの型推論 letの型推論 let test = 'aiu' //推論 let test: string constの型推論 const test: 'aiu' //推論 const test: 'aiu' Widening Literal Types…

キーワード typeof typeofを使用して、宣言済みの変数の型を取得できる。 let asString: string = '' let test: typeof asString test = 'aiueo' //OK test = 0 //NG keyof keyofでLiteral Unionなどのオブジェクトのプロパティ名称を取得できる。 typeofと…

NaN NaN(Not-a-Number)はJavaScriptでいう「非数」(数字ではない値のこと)。 const val = '100' const val = val + 200 以上のような型が違う場合でもJavaScriptが内部で数値として変換してしまっていた。 このように型の不整合やバグを防ぐために登場TypeSc…

TypeScriptとは JavaScriptの進化版! Microsoftによって開発され、コンパイルするとJavaScriptに変換される。 インストール 事前にNode.jsのインストールが必要。 npm install -g typescript typescriptをインストールするとtscコマンド使える。 tsc --init …

ストアの分割 ストアはモジュール化し、分割することで管理しやすくする。 モジュールの使い方 オブジェクトで定義したモジュールを、ストアのmodulesオプションに登録する。 モジュール定義 const moduleA = { } const moduleB = { } ストアに登録 const st…

Vuex 状態管理の拡張ライブラリで、データとその状態に関する全てを一元管理する。 特徴 Vuexによって管理されているデータはリアクティブになっているため、 構造状態に関わらず常に同期されている。 またデータの管理や、状態を管理できるモジュール機能な…

Vue CLI 環境構築編でも触れましたが、 Vue CLIとは開発支援のためのコマンドラインインターフェース。 アプリケーションのビルドなどの支援をする。 またwebpackに必要なファイルを自動的に作成もする。 webpack こちらも環境構築編で触れましたが、 複数の…

経営とは 「人・物・金・情報」の4つを組み合わせて、顧客にサービスを提供する。 また株式会社では株主から資金を得て経営し、売り上げを一部を株主に配当金として渡す。 そのお金でさらに企業の株を買い、企業に投資する。 経営学と経済学の違い 1.経営学…

スロット スロットは親から子コンポーネントにテンプレートの一部を差し込む機能で コンテンツやテンプレートの一部をカスタマイズする際に使用する。 デフォルトスロット HTML <parent>埋め込みたいもの</parent> HTML <div class="child"> <slot>埋め込まれる場所</slot> ->このまま実装すると[埋め込みたい</div>…

親子関係(親子コンポーネント) テンプレートで他のコンポーネントを使用すると親子関係になる。 propsとカスタムイベントを使用する。 親コンポーネント→子コンポーネント データバインディングで親のデータを子コンポーネントが使用できる。 props downとい…

コンポーネント テンプレート(html)とJavaScriptをセットにして、 機能ごとに分割して管理できるようにする仕組み。 例:headerのセット,mainのセットとして最終的に組み合わせる。 コンポーネントの定義 Vue.componentメソッドでグローバルに登録しすべての…

算出プロパティ 算出プロパティとは処理を含めることができるデータのこと。 ゲッター(取得) セッター(代入) 算出プロパティへの代入を行う場合エラーになる。 しかし、getで値を取得し、setでプロパティに代入することで対応できる。 キャッシュ機能 算出プ…

リアクティブシステム リアクティブシステムとは Vueの内部の核となるシステムで 同期や最適化などを行う。 データバインディングはその機能の内の1つである。 リアクティブシステム中のデータをリアクティブデータという。 クラスのデータバインディング HT…

用語 データバインディング データと描画を同期させる。 コンポーネント 機能ごとに分離して開発できるようにする仕組み。 ディレクティブ (v-で始まる) データ用オブジェクトのプロパティ フック あらかじめ決めたタイミングで処理を行わせること。 <div v-○○:○○></div> 参考に…

更新 新しく更新しました。 こちらの方がいいかもしれないです。 taitoajiki.hatenablog.com 前提 OSに合わせてnpmのインストールが必要 vue-cliインストール 開発環境をセットアップなどをする公式のコマンドラインツール npm install -g vue-cli Webpack W…