Parcelの時代が来た。まだwebpackで摩耗しているの？
みたいなタイトルの記事が絶対出回るんだろうなぁ…（予測） Parcelってなに？webpackと同じバンドラーです。webpackとの違いは？機能が最低限な代わりにめちゃくちゃシンプルです。設定ファイルいりま […]
Posted Date 1月 30th, 2019
Category in JavaScript, Parcel
30秒でmacのカレンダーとgoogleカレンダーを同期させる
はじめにたまにやるときいつも忘れるので書いておこうと思います…秒でやります！！！やりかた1.macのカレンダーを開く2.Cmd + ,を押して設定を開く3.アカウントタブを開く同期したいgoogleアカウント […]
Posted Date 1月 29th, 2019
Category in Google, Google Calendar, Mac - Apple
photopea入門
はじめにエンジニアでもデザインとかをやりたいときになんかソフト使えるようになりたいなーと思ってました、ところ！無料でphotoshop的なのが使えるところがあるとの情報が！！早速みてみましょう！！photopeaとは？無 […]
Posted Date 1月 26th, 2019
Category in Photopea
タイピングを早くするために心がけること
はじめにタイピングをやっていて早く打つために心がけたほうが良いものがわかってきたのでメモしたいと思います。ミスを無なくすことを最優先実戦でもこれが一番大事なので、とりあえず一番ミスが少なくなるスピードでまず...
Posted Date 1月 25th, 2019
Category in Typing
タイピング(ブラインドタッチ)習得サイトサイト比較
はじめにタイピングやろうかな？と思ったのですが、なにか良いサイトないかなー？ということで探しました。随時更新予定!!最も大きな目的は「習得」なのでそれにあったものを探します！e-typingたぶん一番有名登録することでグ […]
Posted Date 1月 24th, 2019
Category in Typing
タイピング強化への道 第一話「きっかけ」
vimとかのショートカット覚える前にタイピングを早くせい実はわたしはそれほどタイピングが早くない。プログラマって以外とタイピングする時間多くないからまぁいいかと思ってたけど、よくよく考えたらタイピング遅いくせにショートカ […]
Posted Date 1月 23rd, 2019
Category in Typing
Serverless入門 第1話「サーバーレスフレームワークとはなにか？」
はじめに？Serverless(ツール名)とは？最も広く利用されているサーバーレスアプリケーションを作成するためのツールです。Frameworkサーバーレスフレームワークとは？ビルド、構築、デプロイ、スケール等を簡単に行 […]
Posted Date 1月 16th, 2019
Category in Hosting, Serverless
IntelliJで覚えたほうがいいショートカット【mac】実践編
はじめに以前の記事で入門編コード補完編基本的なショートカットとコード補完の方法について学びました。ここからは実戦の上でいい感じに使う方法を考えます。PHPのメソッドをいい感じに入力する方法A. ライブテンプレートを使いま […]
Posted Date 1月 12th, 2019
Category in IDE, IntelliJ, PhpStorm
IntelliJで覚えたほうがいいショートカット【mac】入門編
はじめに※コード補完編はこちら※基本的にPhpStormやWebStromも共通ですいつもかなり適当に入力していたのでいい感じにしたい..!!という思いがかなり強くなってきました！なお筆者がmacのためmacのキーに厳選 […]
Posted Date 1月 12th, 2019
Category in IDE, IntelliJ, PhpStorm
cssの設計思想についてrscss・gem等
そもそもCSSの設計思想とはなんぞやCSSを扱う上でセレクタは欠かせませんが、自分一人ならいざしらず他の人も同時に作業する場合、みんなが「オレオレ」で「いい感じ」してしまった末路として、一つのセレクタが複数箇所で意...
Posted Date 1月 8th, 2019
Category in CSS, 設計思想
node jsのバージョン管理について nodebrew vs nodeenv
はじめにnode.jsの入れることになったんだけどnodeのバージョン管理っていくつか選択肢あるぶん、少し迷うのよねぇん。。ざっと見ただけでも– nodeenv– nodebrew– […]
Posted Date 1月 7th, 2019
Category in Node.js
BABELはまりRequires Babel “^7.0.0-0”, but was loaded with “6.26.0”
はじめに久しぶりに触るプロジェクトで出ました。。Babelでjsビルドしようと思ったらRequires Babel “^7.0.0-0”, but was loaded with “6.26.0”はぁ..解決策@babe […]
Posted Date 1月 4th, 2019
Category in 未分類
JavaScriptのthisとは？呼び出しコンテクストとは？
はしめにJavaScriptのthisとかいう初心者殺しポイント。これを理解して中級者にステップアップしましょう。まずはじめに関数内のthisとは？JavaScriptの関数には隠しパラメータ的なものを必ず２つ持ちます。 […]
Posted Date 1月 4th, 2019
Category in Basic, JavaScript, 未分類
Hello Nuxt js
はじめにNuxt.jsとは？vue.jsをこういうふうに使ったほうがいいよ！みたいなやーつ。読み方は？インストールインストールしたのでdev_server起動してみるcd {プロジェクトname}npm run devデ […]
Posted Date 1月 3rd, 2019
Category in Nuxt.js, Vue.js
googleからトレンドを知る方法
はじめにやっぱ俺、トレンドに敏感だからさ、、ファッションとかさ、、、ちなみに今年の流行はクロックスを頭に乗せることらしいよ。ぜひやってみてください！！googleでトレンドを知る方法googleトレンドを使います！！ht […]
Posted Date 1月 3rd, 2019
Category in Google, Google Trends
Claudia.jsとAWS Serverless frameworkの違い
何が違うんねん、というかどっち使ったほうがいいの？Claudia.jsは単純にデプロイするだけ(デプロイメントライブラリ)not フレームワークServerless frameworkはAWSサービスを抽象化する。大規模 […]
Posted Date 1月 2nd, 2019
Category in AWS
npmのインストールオプション save devとか何が違うの?
いきさついよいよJavaScriptのほうに本格的に手を出すことになった。いつも忘れるので書き記す。npm install foo_package (オプションなし)npm version 5.0以上は saveオプショ […]
Posted Date 1月 1st, 2019
Category in JavaScript, npm
parcelのGet Startedをやってみた
## まずはparcelコマンドをグローバルにインストールnpm install -g parcel-bundler
mkdir parcel && cd parcel
& […]
Posted Date 1月 30th, 2019
Category in JavaScript, Parcel
google日本語入力の変換学習をOFFにする
よくよく考えたら邪魔でしかなくね??タイピングの効率化を図る今日このごろ..思ったのですが、変換を学習してくれるこの機能…じゃまでしかないような気がしてきました…どうやってOFFにするのgoogl […]
Posted Date 1月 29th, 2019
Category in Google, Google IME
Photopeaを学ぶ
はじめにPhotopeaの起動とスタートブラウザに行くだけで始まります。そして、それはどこにもアップロードされることはありません。すべてあなたのパソコン上で完結します。Workspace (作業領域)フォトショップとそっ […]
Posted Date 1月 26th, 2019
Category in Photopea
タイピング最適化 しゃはsyaでなくsha
タイピングの最適化とはなにか？いい感じにタイピングしてください、ということですレベル1どっちでも打てる場合があるときの統一シャはsha?sya?これは指の移動が少ないshaにしましょうジャはzya?ja?これももちろんj […]
Posted Date 1月 26th, 2019
Category in Typing
Vimium使い方
VimiumとはGoogle Chromeをvimライクなショートカットで使用できるすぐれものです！しかーし機能がいっぱいあるので最低限これだけ覚えていたら使える！といった使う機会がおおいものだけメモしておきます。多い& […]
Posted Date 1月 24th, 2019
Category in Google, google chrome extension
e-typing使いこなし おすすめ練習法 プラン
前提とりあえずブラインドタッチはできる感じになってきたけど、そんなに速いわけじゃない人e-typingスコア : 200前半くらいはじめにやみくもに練習してもだめな気がします。弱点に対して最適なメニューを考えましょう。ま […]
Posted Date 1月 24th, 2019
Category in Typing
Serverless framework入門 第2話「exampleを見ながら特定の言語のアプリを簡単デプロイ」
はじめにServerless frameworkのdocsのなかからexampleを使えば簡単に特定の（対応している）言語のアプリケーションをデプロイすることができます。ここではNuxt.jsを例にやってきましょう！！た […]
Posted Date 1月 16th, 2019
Category in Hosting, Serverless
vim 習得ロードマップ 【僕が考えた最強のmac入力環境】
はじめにすぐ飽きてしまう。。どうしたらよいのか考えました。。追記 2019-01-12やっぱりあきらめずにやったほうがいいいかもん！頑張ろう！vimの学習ツール結局なんか学習ツールでやるのが一番はやいような気がします。。 […]
Posted Date 1月 12th, 2019
Category in Vim
IntelliJで覚えたほうがいいショートカット【mac】コード補完編
はじめに※入門編はこちら(ファイル検索とかが載っています)※基本的にPhpStormやWebStromも共通ですいよいよコード補完をやっていくよー。これにより、かっこよく入力ができるようになって、「なんかかっこいいー！！ […]
Posted Date 1月 12th, 2019
Category in IDE, IntelliJ, PhpStorm
macコントロールキー を使って爆速でmacを操作する
はじめに先輩に教えてもらいました。controll key を押すことでvimみたいにカーソル移動できたりするんですねー。しらなかったんご。これを使いこなしてより進化したmac使いになりたいぜい。ホームぽーじションから大 […]
Posted Date 1月 9th, 2019
Category in Mac - Apple
JavaScriptアノテーションとは？
はじめにJavaScriptでannotation（@マークのことね）がでてきて、「なんやねんこれ..?」ってなりました。アノテーションじゃなくてデコレータ呼び方が違います。注意なにをするためのもの？クラスやメソッドに機 […]
Posted Date 1月 7th, 2019
Category in JavaScript, TypeScript
nodeモジュールの作り方【ひとりでできるもん】
概要packge.jsonindex.jstest公開まずはじめにpackage.jsonそのモジュールの説明書となるpackage.jsonを作成します。https://docs.npmjs.com/creating- […]
Posted Date 1月 6th, 2019
Category in npm
JavaScriptのprototypeとは？2019-01-04バージョン
はじめにまたわからなくなった。😭JavaScriptのprototypeとは？JavaScriptは関数はファーストクラスオブジェクトです。。というのはもうわかってる前提です。オブジェクトってことはメソッドはプロパティを […]
Posted Date 1月 4th, 2019
Category in Basic, JavaScript
Serverless framework 入門 hello world
Serverless frameworkとはAWS LambdaとAWS API Gatewayを利用したサーバレスなアプリケーションを構築するためのツール。サーバーレスアプリケーションを構築するための最も広く採用されて […]
Posted Date 1月 3rd, 2019
Category in AWS
既存のvue.jsをnuxt.jsに移行する際のベストプラクティス
はじめにvueでやろうと思ったけどやっぱサーバーサイドでレダリングしたいからNuxt使ったほうが良さそうだな…というかわけで既存のvueをNuxtにしたいわけだけどどうやったらいい感じになるんですか？おそらく […]
Posted Date 1月 3rd, 2019
Category in Nuxt.js, Vue.js
vue SSRでCannot read property ‘push’ of undefinedが出て詰んだ話
何をしたか？vue の公式ssr化ガイドを読んでそのとおりにやろうとしました。https://jp.vuejs.org/v2/guide/ssr.htmlどこで積んだか？全部やってnodemonでサーバー立ち上げてloc […]
Posted Date 1月 3rd, 2019
Category in Vue.js
Claudia.jsでserverless API AWS LambdaとAPI Gatewayでhello worldしてみた話
はじめにClaudia.jsのお時間です！！なんでもこれだと簡単にnode.jsをAWS Lambdaと API Gatewayにアップできて、hello worldできるやしい。やったことユーザーを作ってアクセスキーを […]
Posted Date 1月 2nd, 2019
Category in JavaScript, Node.js
最近のコメント