クモのようにコツコツと

フロントエンドエンジニア イイダリョウの技術ブログ。略称「クモコツ」

Gulpインストールでけった〜!!(package.json作り忘れてた。。)

メタ言語のコンパイル環境を作る!続きです。前回、Gulpのインストールを試みて、うまくいかず苦戦中です。インストールに至るまでの実録!後編ですw

Gulpのインストールが5分で出来なかった話(苦戦中)

メタ言語のコンパイル環境を作る!続きです。前回はコンパイル方法を検討しました。Gulpとnpm scriptsが候補となりましたが、まずはGulpから体験してみようぞホトトギス。それではいきましょう!*1 *1:と、ハイテンションで始めたが今回は悪戦苦闘な展開にな…

【Tone.js】コード音が読みやすくなるようにリファクタリング

久々にTone.js再開!前回はコード切り替えボタンと鍵盤を連携しました。これからコードを増やしていくにあたり、今の書き方だとコード名とコード音の把握が分かりにくくなりそうな気がします。今回はコードのリファクタリングをメインにしてみたく思います。…

【Vue.js】Nuxt.jsプロジェクト router-linkで下層ページに往来

Vue.jsの続きです。前回はNuxt.jsプロジェクトのTOPページのコードを読み解きました。今回は下層ページを作ってみたく。それではいきましょう!

【Gulpかnpm-scriptsか】メタ言語のコンパイル方法を調査・検討した

メタ言語のコンパイル環境を作る!続きです。前回はメタ言語を選定しました。今回は言語をコンパイルするタスクランナーを選定します。

【Vue.js】Nuxt.jsのプロジェクトファイルを見てみる

Vue.jsの続きです。前回はNuxt.jsのプロジェクトを作成しました。今回はそのプロジェクトファイルの中身を見てみる。それではいきましょう!

【JS】モジュール(import / export)でどんなことができるのか事始めてみた

JS

Vue.jsやNuxt.jsを理解する上で重要なJSの「モジュール」という仕組みを先に理解する。外部JSファイルの一部の機能を読み込むようだが、どんなことがことができるのか。それではいきましょう!

Figmaで完結する!Webサイト設計の流れ

Webサイトのデザインや設計を行うとき、昔は工程によっていろんなツールを使い分けていました。今はそれを(私の愛してやまない)Figma一つでブラウザ上だけで完結できます!

【Vue.js】Nuxt.jsのプロジェクトを作成する

Vue.jsの続きです。前回はNuxt.jsのインストールと簡易ページを作成しました。ハローワールド的なペライチページでした。今回は本式なプロジェクトをつくってみる。それではいきましょう!

フロントエンドのメタ言語のコンパイル環境を作る(言語選定編)

以前、CodePenで体験できるフロントエンド のメタ言語(HTMLテンプレートエンジン、AltCSS、AltJS)をやってみた。その後、CodePenでは体験できないEJSなどの存在も知り、そろそろローカル環境にメタ言語のコンパイル環境を作りくなった。言語によって方法が…