クモのようにコツコツと

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

Google Chartsでスプレッドシートを読み込んでグラフを表示する

以前、GoogleChartsをQuickにStartしました。この時は連想配列の値を読み込んだのですが、今回は同じGoogleサービスであるGoogleドライブのスプレッドシートのデータを読み込んでみました。それではいきましょう!

縦書きCSSやってみた(writing-mode、text-orientation、text-combine-upright)

CSS

前からやってみたかった縦書きCSS。業務でやる機会もまだなさそうなので概要だけでも体験したく触ってみた。縦書き(writing-mode)、文字回転(text-orientation)、縦中横(text-combine-upright)の3つのプロパティがあります。それではいきましょう! 縦…

【Vue.js】transitionタグでアニメーション効果をつける

Vue.jsの続きです。前回はwatch(監視プロパティ)で簡単なクイズを作りました。今回はtransitionタグというVue.jsの独自タグでアニメーション効果をつけます。それでは、いきましょう!

フロントエンドのモダンな開発環境を作るために調べていること(追記あり)

開発環境を「モダン環境」にしたいなーと思いつつ知識がなさすぎて足踏みしていました。「ないならば、つけてしまおう知識ギス」というこでとにもかくにも調べ始めています。はい。

【Vue.js】watch(監視プロパティ)で戦国時代クイズを作った

Vue.jsの続きです。前回はcomputed(算出プロパティ)で割り勘アプリを作りました。今回はwatch(監視プロパティ)で簡単なクイズを作ってみます。それではいきましょう!

ブログの更新方針について(2019年7月版)

当ブログのモチベーションを維持するために、やり方を少し変える必要を感じたので、まとめてみました。

WordPressのCSSやJSをテーマのphpファイルをいじらずにダッシュボードだけでカスタマイズする方法

WordPressの前回の記事でGutenbergのブロックを使いコードを1行も書かずにペライチページを作りました。それにしてもTwenty Nineteenは…クセが強い!CSSとJSのカスタマイズ、テーマのphpファイルをいじらずにダッシュボードだけで完結できました。自作テーマ…

【Tone.js】3コード楽器のコードをリファクタリング(ループとイベントと即時関数)

Tone.jsの続きになります。前回作った3コード楽器のコードに重複している部分があったのでリファクタリングしました。クリックイベントをfor文でループしたら思うようにうごかず手こずりました。目指せ全音階&全和音楽器!への布石になった回。それではどう…

webpackを理解するために調べたこと(Webデザイナー→フロントエンドエンジニアへの脱皮)

Webデザイナーとフロントエンドエンジニアを分かつキーワードがいくつかありますが、その中の一つ「webpack」について急速に知りたくなり、調べてみた記録。たぶんこれはWebデザイナーが「その次(フロントエンドエンジニア)」に進むための重要なキーワード…

ラテラルシンキングとロジカルシンキングを使って右脳も左脳もフル稼動しよう!

右脳を使う「ラテラルシンキング 」と左脳を使う「ロジカルシンキング」が対な関係で面白い!右脳型の方も左脳型の方も二つの思考法を車の両輪のように活用して、脳をフル稼動させましょう♪(ちなみに私は典型的な左脳型人間ですw)。なお、今回は二つの思考…