圧倒的成長には英語が不可欠。
表題の通り。
英語の必要性を身をもって実感したので、
勉強します。とりあえず英語の本を10冊程度買い。
オンライン英会話を始めました。
英語上達完全マップの通り学習を進めていこうと思います。
最新の技術、知識は常に英語で書かれている。日本語になってからでは遅いのだ。
LaravelとAngularの環境構築~clarityを入れる~
↑の続き。
https://vmware.github.io/clarity/documentation/buttons
超UIがよいclarityを入れていく。
必要なものをインストールしていく。
- npm install
- npm install clarity-icons --save
- npm install @webcomponents/custom-elements@1.0.0 --save
- npm install clarity-ui --save
- npm install clarity-angular --save
- npm install '@angular/animations' --save
- cp node_modules/clarity-icons/clarity-icons.min.js public/js/clarity-icons.min.js
- cp node_modules/@webcomponents/custom-elements/custom-elements.min.js public/js/custom-elements.min.js
- cp -aRf node_modules/clarity-angular/icon public/img/icon
index.blade.php
<!DOCTYPE html>
<html>
<head>
<base href="/">
<title>Angular With Webpack</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Raleway:100,600" rel="stylesheet" type="text/css">
<link rel="{{asset('image/icon')}}" type="image/x-icon" href="favicon.ico">
<link rel="stylesheet" href="{{asset('css/clarity-icons.min.css')}}">
<link rel="stylesheet" href="{{asset('css/clarity-ui.min.css')}}")>
</head>
<body>
{{-- <my-app>Loading...</my-app> --}}
{{-- <script type="text/javascript" src="{{asset('js/app.js')}}"></script> --}}
<button class="btn btn-primary">Primary</button>
<button class="btn btn-success">Success</button>
<button class="btn btn-warning">Warning</button>
<button class="btn btn-danger">Danger</button>
<button class="btn btn-danger" disabled>Disabled</button>
<button class="btn btn-outline">Regular</button>
<button class="btn btn-success-outline">Success-Outline</button>
<button class="btn btn-info-outline">Info</button>
<button class="btn btn-warning-outline">Warning</button>
<button class="btn btn-danger-outline">Danger</button>
<button class="btn btn-outline" disabled>Disabled</button>
<script src="{{asset('js/custom-elements.min.js')}}"></script>
<script src="{{asset('js/clarity-icons.min.js')}}"></script></body>
</html>
app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { ClarityModule } from 'clarity-angular';
import { AppComponent } from './app.component';
@NgModule({
imports: [
BrowserModule,
ClarityModule.forRoot()
],
declarations: [
AppComponent
],
bootstrap: [ AppComponent ]
})
export class AppModule { }
- npm run dev
でた!
全然検索しても引っかかってこないため、苦労した…
LaravelとAngularの環境構築をする
まず、開発環境はDockerとLaradoc使って構築。↑の記事を参照。
これでLaravelの環境は完成。
↑のgithubから Angularインクルード済みのLaravel Projectを配置。
githubの手順どおり色々実行していく。
ただ
npm run dev
を実行したところError…
pakege.jsonのcross-envのpathが違うとのことなのでそれを修正
{
"private": true,
"scripts": {
"dev": "npm run development",
"development": "node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
"watch": "node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
"watch-poll": "npm run watch -- --watch-poll",
"hot": "node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
"prod": "npm run production",
"production": "node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
},
こんな感じ。
そしてwebpackをインストール
npm install webpack
実行!!!
が、Error…
またもやググる。
ふむふむ。
package.jsonの
typescript:"^2.2.1"→typescript:"2.4.0" に変更
そして
npm install
npm run dev
できた!!
とりあえず今日はここまで、続きはまた書いていきます。
迷ったら難しいほう、嫌なほうを選ぶ
大小問わず、物事の判断基準に難しいほう、嫌なほうを選ぶようにするとうまくいくことが多い。
例えば、
風呂入るのめんどくさいから仮眠とろう。
→風呂入るのはめんどくさいけど、そっちのほうを選ぼう。
といった具合だ。
基本、行動には慣性の法則が働いている。
その初動を与えるのに、この思考が使えると実感している。
ブログ書くの明日にしようかな。
→ブログ書くのはめんどくさいからこそ、今やろう
みたいな感じだ。
基本人間は知らないことはやりたがらない。
自分の行動にルールを決めておき、↑の思考を無理やり捻じ曲げるのである。
そうすることで、人生は面白いように動き出す。
生産量=集中力×時間
ホワイトカラーの生産量とは 集中力×時間の式で表すことができる。
ただ、あまりにも時間のみに意識をもち、
たくさん時間をかけて仕事をやったかんを出している人が多すぎる気がする。
線ではなく、面で見るのである。
特に朝は集中力が高まりやすい。集中力があるときは常時に比べて4倍程度の生産性があるように感じる。
ということは、自分が集中できる時間帯の30分は2時間の価値があるのだ。
時間を奪う人はたいてい時間の意識が薄い。
たった30分午前の時間を奪っているという感覚は捨てなくてはならない。
また、集中力を得るために時間を使う行為は面の視点で見ると非常に生産的だ。
よって、集中を得るために運動でも何でもいいが、リフレッシュすることが大切である。
恥をかいた分だけ自由になれる。
タイトルは「多動力」より引用。
人は恥をかいた分だけ、失敗した分だけ成長する。
これを知っている人と知らない人では人生に天と地の差がある。
成功のみが経験と考えている人たちは、きっとなにも挑戦してこなかったのか、めちゃくちゃ運が良い人である。
世の中には自分でコントロールできない問題がたくさんあり、ほとんどが予測不可能である。
その中で確実に成功することなどない。
ではどうすればよいのか?
期待にかければ良いのである。
期待値がプラスになっていれば、1つ1つの成功、失敗がランダムウォークに動いているように見えても、それを100回、1000回と繰り返したときにきれいな上昇トレンドになっているのだ。
ただ、1回1回の結果は市場要因など不確定要因がおおいため毎回毎回唯一のものとなる。
過去成功したことがいま成功するとは限りらない。
ただ、過去の経験から期待値を考えることはできる。
「多動力」にも書いてあるように、他人は自分に興味がない
Amazonのceo ジェフ・ベゾスも多くの批判を受け、精神をすり減らした際に
人ごみにあえていき、他人が自分に見向きもしないのを確認するらしい。
自分に興味がない多くの、他人の人生を生きるのではなく
一番自分に興味がある、自分のために自分の人生を生きよう。
失敗こそが人生の経験である。様々な種類の失敗を繰り返し、本当の自分の時間を生きるべきである。