Webブラウザで動くおみくじをつくろう 勉強がてら、HTML/CSS/JavaScriptを使っておみくじをつくり、GitHub Pagesで公開するまでの方法を書いた日記です。ちょくちょく書き足してますが、基本的なおみ […]
カテゴリー: Web
【Web】Vue.jsのプロジェクトをGitHubにpushする(Web勉強記Vue.js編 5日目)
Vue.jsでHello WorldしたプロジェクトをGitHubにpushする 前回はVue.jsのプロジェクトでHello Worldという文字を表示させた。最終的にはNetlifyでデプロイしてwebブラウザからア […]
【Web】LINE Developersコンソールでチャネルを作成（LINEでリマインダーbotアプリをつくろう日記2日目）
LINEで家賃支払いをリマインドしてくれるbotアプリをつくりたい 前回に引き続き、毎月月末（25日あたり）に家賃支払い時期が来たことを知らせてくれるリマインダーbotアプリ作成日記の2日目。前回はLINE Develo […]
【Web】LINE Developersで開発者登録する（LINEでリマインダーbotアプリをつくろう日記1日目）
LINEで家賃支払いをリマインドしてくれるbotアプリをつくりたい 私は賃貸マンションは住んでいるが、諸事情により家賃の自動引き落としができない。そのため、給料日あたりで家賃を振り込んでいるのだが、振り込みを忘れそうな時 […]
【Web】Vue.jsでHello Worldと表示させてみる(Web勉強記Vue.js編 4日目)
Vue.jsでHello World 前回はVue.jsのプロジェクトをつくってローカルサーバーで動かしてみたが、デフォルトのプロジェクトをそのまま表示させただけ。今回は一歩進んで、Hello Worldという文字を表示 […]
【Web】Windows10でVue.jsのプロジェクトを作成＆実行 (Web勉強記Vue.js編 3日目)
Vue.jsのプロジェクトを作成してみる 前回はWindows10のノートPCにVue.jsをインストールした。今度はVue.jsのプロジェクトをつくって、ローカル環境で動かしてみる。 開発環境 Windo […]
【Web】Windows10でVue.jsをインストール (Web勉強記Vue.js編 2日目)
Vue.jsをインストールしてみる 前回はWindows10のノートPCにNode.jsをインストールしたので、今回はVue.jsをインストールしていく。 開発環境 Windows 10 node.js v […]
【Web】Windows10でNode.jsをインストール (Web勉強記Vue.js編 1日目)
Vue.jsを使ってみたい 最近はやりの(もう過ぎている?)JavaScript Framework、Vue.jsを使い方を使ってみたいなと思う。具体的に何をつくるかは特に決まってないけど、とりあえずVue.jsを使うに […]
【Web】GitHub PagesのHTMLに画像を表示する(Web勉強記 7.5日目)
Github Pagesに画像を表示したい 今回はGithub Pagesで公開しているおみくじに画像をつけてみる。 画像を準備する 画像はなんでも良いが、今年の干支はネズミということで、ドット絵のネズミを […]
【Web】JavaScriptの処理を外部ファイル化してHTMLと分離する (Web勉強記 9日目)
HTMLとJavaScriptを分離 今までhtmlファイルの中にJavaScriptの処理を直書きしていたが、今回はJavaScriptの処理を外部ファイル化してHTMLと分離し、htmlの記述をスッキリさせてみる。 […]