HTML5から追加された「カスタムデータ属性」。data-hogeといった形式で独自の属性を作れます。これを使うと、これまでCSSやJSの中に直接書いていたテキスト情報をHTMLに集中させて、CSSやJSはカスタムデータ属性からテキストを読み込む形にできます。テキス…
Vue.jsシリーズ、公式サイトのサンプルにあったlocalStorageと連携したTodoリストのコードを読み解く。前回はJS編その1としてコードの全体像を見ていきました。今回から詳細編。ひとまずVueインスタンス本体以外の部分を見ていきます。localStorageの設定も…
CSSのグラデーションで最近追加されたconic-gradient。これを使うと放射状の光線を表現できるようなので、前々から存在は気になっていました。実際に触ってみた。光線ということで「太陽」を作ってみました。それでは、いきましょう!
Vue.jsシリーズ、公式サイトのサンプルにあったlocalStorageと連携したTodoリストのコードを読み解く。前回はHTML、CSS編でした。今回はJS編。localStorageと関わる部分を見たかったけどボリュームがあったのでまずは全体像から。それではいきましょう!
Tone.jsシリーズ、前回は3コード楽器のコードを拡張しやすいようにリファクタリングしました。今回は鍵盤を1オクターブ分に拡張しました。また、和音の一箇所を打ち替えるだけでメジャー調をマイナー調に変更することにも成功。それではどうぞ!
Vue.jsで単純なものを作るとリロードしたときに初期状態に戻ってしまって儚い(はかない)。。かといってデータベースと連携したものをつくるのはまだハードルが高い。前段階として以前にも触れたLocalstrageと連携して値を保存してみたい。公式サイトのサン…
前回に引き続き、AWSについて調べていきます。前回調べたWebサイトホスティングに該当する実際のAWSのサービス「EC2」「RDB」「ELB」「S3」などについて。それではいきましょう!
AWS(アマゾンウェブサービス)について詳しくなりたくいろいろ調べています。当面の目標はステージング環境を作ること。AWSの「いろは」的なスライドがあったのでその中に出てくるわからない単語を調べながら読み進める。今回はWebサイトホスティングの一般…
Google Chartsの記事で描画したグラフとVue.jsの連動に挑戦。入力した数字
p5.jsシリーズ、前回、挑戦したドットインストールの「p5.jsクリエイティブコーディング」の続きです。今回は「# 07」以降、「色」と「動き」です。