2018-01-01から1年間の記事一覧

Sublime Text の独自スニペットを Visual Studio Code に移行

スニペットは Sublime Text の場合.xml、vscode は.json なので、変換ツール convert-snippets-to-vscode を使いました。 手順 独自のスニペットを作成 の通り "editor.tabCompletion": true に。 コマンドから convert-snippets-to-vscode をインストール n…

Visual Studio Code で sftp

sftp の設定メモ 設定手順 Cmd+Shift+P から SFTP: config を選択 設定内容 /.vscode/sftp.json の設定内容 { "protocol": "sftp", "host": "[HostName]", "username": "[UserName]", "password": "[Password]", "context": "themes", // ローカルフォルダ内…

フロントエンドの学習についてなど

概要 今年 11 月末で Web 制作会社を退職、年明けから新しい会社で働くことになりました。 基本的に転職先の会社の業界や業務内容はそこまで変わらないのですが、フロントエンドエンジニアという職種でよりエンジニアらしい仕事が求められると思うので、11 …

Web 制作会社でのマネジメント

前回に続き前職の話になりますが、マネジメントに関しても 1 月から一旦手から離れるので覚え書きしておきます。 概要 前職は Web 制作会社(全体 15〜20 名、時期による) コーダーチームのマネジメント(3〜6 名、時期による) 入社から半年で前任が退職し…

オフショア拠点を持った際のコミュニケーションについて

前職の話になりますが、覚え書きしておきます。 前提 筆者は日本側のフロントエンドチーム オフショア拠点はフィリピン オフショア拠点のメンバーはチームで 2 名 → 7,8 名 現地にブリッジ的な役割をしてくれる日本人ディレクターが常駐(案件の進行を担当)…

【学習メモ】基礎から学ぶ Vue.js その5

第 7 章 より大規模なアプリケーション開発 Vue CLI の導入 Vue CLI をグローバルにインストール npm install -g vue-cli バージョン確認 vue --version プロジェクトの作成 vue init webpack my-app # vue init [テンプレート名] [プロジェクト名] プロジェ…

【学習メモ】基礎から学ぶ Vue.js その4

第 6 章 トランジションとアニメーション 基本的なトランジションの使い方 <div id="app"> <button v-on:click="show=!show">切り替え</button> <transition><div v-show="show">トランジションする要素</div></transition> </div> .v-enter-active, .v-leave-active { transition: opacity 1s; } .v-enter, .v-leave-to { opacity: 0; } var app = new Vue({ el: "#app", d…

【学習メモ】基礎から学ぶ Vue.js その3

第 5 章 コンポーネントで UI 部品を作る コンポーネントの登録 <div id="app"><my-component></my-component></div> Vue.component("my-component", { template: `<p>MyComponent</p>` }); var app = new Vue({ el: "#app" }); ローカルに登録 そのコンポーネントのスコープ内だけでの使用を制限する場合 var MyCompo…

【学習メモ】基礎から学ぶ Vue.js その2

第 3 章 イベントとフォーム入力の受け取り 第 4 章 データの監視と加工 インラインメソッド <div id="app"><button v-on:click="handleClick">click</button></div> var app = new Vue({ el: "#app", methods: { handleClick: function() { alert("clicked"); } } }); フォーム入力 双方向データバインディング type="text" <div id="app"></div>…

【学習メモ】基礎から学ぶ Vue.js その1

基礎から学ぶ Vue.js という本を読みながら Vue.js を触り始めたのでメモしておきます。 すべては長そうなのでポイントだけにしようと思いますが、とりあえず 2 章までで使いそうなものは改変して書こうと思います。 基礎から学ぶ Vue.js作者: mio出版社/メ…

【読書メモ】改訂新版 JavaScript 本格入門

これまでなんとなく書いてやりすごしていた JavaScript を基礎から学習したいと思い、改訂新版 JavaScript 本格入門 を読みました。 改訂新版JavaScript本格入門 ?モダンスタイルによる基礎から現場での応用まで作者: 山田祥寛出版社/メーカー: 技術評論社発…

Babel ターミナルで常時監視する(mac)

Babel のインストール プロジェクトフォルダに移動して、 $ npm install -g babel-cli babel-cli は Babel をコマンドから操作するためのツール $ npm install --save-dev babel-preset-es2015 babel-preset-es2015 は ES2015 のコードをトランスコンパイル…

webpack 導入編

参考 最新版で学ぶ webpack 4 入門 - JavaScript のモジュールバンドラ - ICS MEDIA フロントエンド弱者が腹を括って Webpack に触ってみた - こまどブログ webpack 4 入門 - Qiita Webpack 4 Tutorial やってみた - albatrosary's blog 既定値で package.js…

Visual Studio Code の初期設定など

Sublime Text 2 のときから 5 年ほど使用していましたが、空いたタイミングで移行しました。 まだ慣れない所、設定できていない所などありますが、移行メモを残しておきます。 環境:Mac 職種:フロントエンドエンジニア(主に HTML/CSS を書きます。) テー…

フロントエンドまわりの略語の意味と読み方

分類順がバラバラですが。 フォーマット、言語 HTML エイチティーエムエル HyperText Markup Language CSS シーエスエス Cascading Style Sheets JS ジャバスクリプト JavaScript PHP ピー・エイチ・ピー Hypertext Preprocessor を再帰的に略したもの JPEG …

【学習メモ】[Udemy] JavaScriptエンジニアのためのES6完全ガイド 勉強メモ その2

概要 【世界で 2 万人が受講】JavaScript エンジニアのための ES6 完全ガイド | Udemy を学習したのでメモしておきます。 その 1の続きです。 構文編 constとlet const - JavaScript | MDN let - JavaScript | MDN 変更される可能性がない場合(定数)はcons…

【学習メモ】[Udemy] JavaScriptエンジニアのためのES6完全ガイド 勉強メモ その1

概要 【世界で 2 万人が受講】JavaScript エンジニアのための ES6 完全ガイド | Udemy を学習したのでメモしておきます。 動画内で図解を用いたくわしい解説や小テストがフェーズごとにあります。 こちらに記載しているコードは自分なりに発展させたものにな…

Mac 初期設定

Mac

手動で設定した際の自分用メモです。 はじめにやること アプリケーションのインストール アプリケーションの設定 Node.js と npm のインストール Mac 環境設定関連 はじめにやること OS アップデート Touch ID 有効 Mac で Touch ID を使う Dock 見えないよ…

【読書メモ】Webフロントエンド ハイパフォーマンス チューニング

Web フロントエンド ハイパフォーマンス チューニングを読みました。 フロントエンドのフの字も知識もない自分ですが、勉強になったポイントなどを備忘録しておきます。 Webフロントエンド ハイパフォーマンス チューニング作者: 久保田光則出版社/メーカー:…

はてなブログ

前のブログ はWordPressで更新していましたが、はてなブログに移行しました。 当面は技術的なことのアウトプットをしていこうと思います。