はなちるのマイノート

Unityをメインとした技術ブログ。自分らしくまったりやっていきたいと思いますー!

【Vue.js】子コンポーネントから親コンポーネントにデータを渡す手順

はじめに 今回は子コンポーネントから親コンポーネントにデータを渡す手順についての記事になります!イメージはこんな感じ。今回も細かいところは書かずに、おおまかな実装手順を書いていきたいと思います。 はじめに 実装①「ハンドラ(メソッド)を登録する…

【Vue.js】親コンポーネントから子コンポーネントにデータを渡す手順

はじめに 今回は親コンポーネントから子コンポーネントにデータを渡す手順についての記事になります!イメージはこんな感じ。今回も細かいところは書かずに、おおまかな実装手順を書いていきたいと思います。 はじめに 実装①「属性で渡す」 parent.vue 実装②…

【Web】「Unityのオススメ記事20選!」というサイトを作ってみた

はじめに こんにちは、はなちるです。最近Web熱が高まっていて、新しくWebサイトを作ったので紹介をしたいと思います。 はじめに 作ったサイト どうしてこのようなサイトを作ったか 使った技術 感想とか 作ったサイト Unityオススメ記事20選!というサイトを…

【Vue.js】Elements in iteration expect to have 'v-bind:key' directives.eslint-plugin-vueというエラーが出るとき

はじめに 先日このようなコードを書いたらタイトルにあるようなエラーがでてきてしまいました。 <ul> <li v-for="(item, index) in list"> なにかしらの処理 </li> </ul> 解決策 エラー文を翻訳してみると一意なキーが必要ですよと言っているみたいなので、それを付け足してあげれば無事動きました。 <ul> <li v-for="(item, index) in list" :key='index'> なにか</li></ul>…

【Vue.js】Vuexを使う手順

はじめに 今回はVue.jsでVuexを実際に使ってみる記事になります!細かい説明というよりは、実際に使うときの実装の手順を書いていけたらと思います。 はじめに Vuexとは 導入 実装①「プラグインとして登録する」 実装②「ストアを作成する」 実装③「ストアの…

【Vue.js】Vue Routerを使う手順

はじめに 今回はVue Routerを実際に使ってみる記事になります!細かい説明というよりは、実際に使うときの実装の手順を書いていけたらと思います。 はじめに VueRouterとは? 導入 準備 実装①「コンポーネントの作成」 実装②「ルーティングの設定」 実装③「<router-view></router-view>…

【GAS】LINEで送った動画・音声・画像をGoogle Driveに保存する

GAS

はじめに 先日このような記事を書かせていただきました。www.hanachiru-blog.comwww.hanachiru-blog.comここでは画像のみをGoogleDriveに保存していましたが、動画・音声も同じ手法でできることが分かりました。では早速行きましょう。 はじめに コード 説明…

【Vue.js】コンポーネントを実装する手順

はじめに 今回はVue.jsのコンポーネントについての記事になります!細かい説明というよりは、実際に使うときの実装の手順を書いていけたらと思います。 はじめに 導入 実装①「コンポーネントの作成」 実装②「コンポーネントの登録・実装」 さいごに 導入 今…

【GAS】Google App Scriptで日付・時間(Date)を扱うときの罠

GAS

はじめに JavaScriptやTypeScriptで現在の時間を取得するにはDateを用いると思います。 function getDate(){ var date = new Date(); Logger.log(date.toString()); Logger.log(date.toLocaleString("ja")); } これの出力を見てみると、おかしい、なにかがお…

Bootstrap4のチートシートで楽々実装してみる

はじめに 先日ネットサーフィンをしていたらBootstrap4のチートシートなるものを見つけました。hackerthemes.com 中身 言語は英語しかないのですが、Buttonといったようなコンポーネントの名前(とその組み合わせ)とその実装コードがあるだけなので、割と理…

【GAS】ラインで送られた画像をGoogleDriveに保存する②

GAS

はじめに 先日このような記事を書かせていただきました。www.hanachiru-blog.comこちらのコードでも動作するのですが、保存したときにuntitled.jpgみたく名前がちょっとアレになっていました。なので今回は名前をつけようと思います。といっても前回のコード…

【GAS】ラインで送られた画像をGoogleDriveに保存する

GAS

はじめに 今回はラインで送られた画像をGoogleDriveに保存する記事になります!実際のやり取りはこんな感じ。この画像は後でラズパイの記事に使おうかなと思っている画像です。割とスマホで写真を撮ったものをそのままラインにあげることで保存できるのはあ…

【Vue.js】初心者が参考にしたいサイト集

はじめに Vue.jsを使うにあたってとても参考になったサイトをまとめてみました。qiita.comqiita.com

【GAS】天気予報を取得する

GAS

はじめに 今回はGoogle Apps Scriptで天気予報を取得してみる記事になります!前置きはさておき、早速みていきましょう。 はじめに 天気予報API コード さいごに 天気予報API 天気予報を取得するにあたってLivedoor Weather Web ServiceというAPIを用いてい…

【Unity】いきなりはじめる「UIElements」①

はじめに 今回はUIElementsについての記事になります!unity2019から正式な機能になったUIElementsですが、これはエディタ拡張に用いられたIMGUIというUIフレームワークに代替するものとして作られたものです。ただ「どうせエディタ拡張なんてほとんどしない…

【GAS】GASを使ってメルマガを無料で作ってみる

GAS

はじめに 今回はTypeScriptでGamilを使ったメルマガを作ってみる記事になります!無料でお手軽に使えるGoogle Apps Scriptですが、GmailやスプレッドシートといったGoogleサービスを簡単に操作することができます。今回はその中のGmailに注目してメルマガを…

TypeScriptのforEachでハマったところ(return)

はじめに 最近Google Apps Scriptで色々遊んでいるのですが、そこでTypeScriptのforEachでハマってしまいました。備忘録の意味合いもかねて残しておきたいと思います。 はじめに ハマったところ さいごに ハマったところ Array.forEachの中でreturnを使って…

【GAS】Google Apps ScriptでTypeScriptを使う

はじめに 今回はGoogle Apps ScriptでTypeScriptを使えるように設定をする記事になります!私は普段C#を使っているのでGASは本当に便利ですごいと思いますが、JavaScriptを書くのが辛い…となってしまいます。どう頑張っても動的型付けに拒否感がでてしまうん…

【GAS】データを保存する方法

GAS

はじめに 今回はGoogle Apps Scriptでデータを保存する方法についての記事になります!データを保持すると聞いてこんな感じのコードはどうでしょうか。 var count = 0; function hoge(){ count = count + 1; Logger.log('count: ' + count); } ところが残念…

【GAS】Messaging APIを用いてLINEにメッセージを投稿する

GAS

はじめに 今回はMessaging APIを用いてメッセージを投稿してみる記事になります!Slackで来た通知を上手くLINEに転送できたらいいなという思いから色々調べていますが、LINEにメッセージを投稿する部分について実装できました。ただLINEはSlackなどのAPIに比…

【GAS】LINE MessagingAPIを使ってLINE Botを作成する

GAS

はじめに 今回はLINE Messageing APIを使ってLINEにメッセージを投稿してみる記事になります!SlackからLINEに通知を転送できたらいいなという目標のためにLINEへのメッセージの投稿が必要でした。 【GAS】Google Apps Scriptを初めて触ってみた - はなちる…

【GAS】Slack APIを用いてSlackにメッセージを投稿する

GAS

はじめに 今回はSlack APIを使ってSlackにメッセージを投稿してみる記事になります!最近はslackの通知をlineに飛ばせるプログラムを作ってみたい!ということでGASを触っています。詳しくは以下の記事に書かせていただきました。 【GAS】Google Apps Script…

【GAS】Google Apps Scriptを初めて触ってみた

GAS

はじめに 先日Amazonで買い物をしていたら、3000円でスマートウォッチが売っていて衝動買いをしてしまいました。中国製の奴で正直結構不満点がありますが、私は趣味でたまにランニングをするのでLineや着信通知,走行距離あたりは結構役に立っています。ただ…

【Unity,C#】それって本当に配列やListでいいんでしょうか?

はじめに こんにちは、先日松屋の横にスライドするドアを必死に押して開けようとしていたはなちるです。最近ネットサーフィンをしていてこのような記事を見つけました。qiita.com見てみると非常に興味深かったです。特にここは気を付けなきゃと感じたところ…

【ラズパイ】それぞれのモデルで一年間の電気代を調べてみた

はじめに 今回は各種モデルのラズパイが必要とする一年間の電気代を調べてみる記事になります!消費電力が少なくてWebサーバーにもよく使われるラズパイですが、さすがに365日24時間起動していると消費電力が気になってしまうのではないでしょうか。というか…

【Vue.js】Babelとはいったいなんなのか

はじめに Vue.jsを使っていて、vue-cliを用いてプロジェクトを作成しようとするとこんなこと聞かれますよね。 ? Please pick a present: (Use arrow keys) > default (babel, eslint) Manually select features デフォルトで入っているbabelとはいったいなん…

unity1weekのネタ探しをサポートしてくれるサイトを作ってみた

はじめに 先週の一週間unity1weekというイベントが開催されていました。1週間でunityを使って作成したゲームを投稿しようというイベントで、そこそこの頻度で楽しく参加させていただいています。今回のお題は「さがす」ということで、結構悩んだのですがタイ…

【Vue.js】axiosを使ってJsonを取得する

はじめに Vue.jsでJsonデータを使いたいときがあり、そのやり方を備忘録の意味合いもかねて残しておきたいと思います。 はじめに Json Monsters.json axiosを使う 実際に使ってみる index.html さいごに Json 今回使うJsonはこんな感じ。 Monsters.json [ {"…

【TypeScript】ファイル作成からnode.jsで実行するまでもメモ

はじめに 今回はファイル作成からnode.jsで実行するの一連の流れについての記事になります!いつも忘れがちなのでメモとして。 はじめに メモ さいごに メモ Visual Studio Codeを起動、ターミナルにて以下のコマンドを打ち込む。 > tsc --init こうすること…

Visual Studio Codeのインストール方法について(Windows)

はじめに 今回はVisual Studio Codeのインストール方法についての記事になります! はじめに ダウンロードする セットアップする 日本語にする さいごに ダウンロードする まずはこちらのサイトからダウンロードを行いましょう。 セットアップする 以下の画…