COVID-19 データ可視化サイトメモ
以下いろいろ見て回りながらメモしたもの Qiitaにも投稿している。 Tracking COVID-19 提供 : ジョンズホプキンス大学のシステム科学工学センター(CSSE)github : Data Sources: Wor ...
リンクを投稿できるだけのサイトを作ってみた
aws amplify の勉強を兼ねてリンクを投稿できるだけのサイトを作ってみた。 ページ下のフォームから登録できる。 タグをクリックすると、タグ検索ができる。
[Vue.js 2]リスト内を検索してあれば更新する例
リストの中のオブジェクトを検索して、あればそのオブジェクトを更新するにはどうしようかな、となって以下のように書いた。 // listからidで探して更新する updateListItem2(list, value) { const idx ...
100日後まであと何日か表示する Webアプリを作ってみた [AWS Amplify]
100日後に死ぬワニを見ていると、今この文章を書いたり読んだりしている自分こそワニであり、高次元から見ると自身にも漫画のように死まであと何日、なんて書かれているのではないか、ということを考える。 最近aws amplifyを触っているので、 ...
AWS AmplifyとVue.jsで認証画面
AWS Amplifyの認証まわり、ログイン画面からやってみる。amplify cliはバージョンアップで結構変わるようなので注意です。 (2020/07/20 追記 : npm installするライブラリが変わり、コード周りが変わったの ...
Vue.jsでソーシャルボタンを出す
ソーシャルボタンをつけたくなった。公開されているコンポーネントで簡単に作れないだろうか。あまり凝らなくて良い。 検索すると以下のようなコンポーネントが出た。 vue-social-sharing : star数が多そう。icon等見た目は別 ...
[Bootstrap 4] containerの横幅を変える
Bootstrap 4の設定値を変更してcontainerの横幅を変える方法。 環境は、npmで Bootstrap をインポート&コンパイルしているとする。(そこの説明は省略する) Bootstrap を読み込む前にBootstrapで使 ...
AWS AmplifyとVue.jsでGraphQL形式のWebアプリを作る。
AWS Amplify触ってみる。GraphQL形式のapiとそれを使ったVueアプリがサラッと作れる。 今回は公式ドキュメントのチュートリアルを試す。 まずはvue cliでプロジェクトを作る。 vue create amplifytes ...
Vue.jsでファイル選択フォームと画像プレビュー機能を作る
Vue.jsを使ってファイル選択Formと画像のプレビュー機能を作った。以下は簡単なメモ まずVue cliを作ってプロジェクトを作る。 vue create nanntokaproject UIフレームワークを使うと楽に書ける。今回はBo ...
Firebase HostingとVue.jsを触ってみる。
FirebaseでVue.jsを試してみる。どっちも便利なCLIツールがあって簡単で早い。 最近のフレームワークやプラットフォームは、こういう目的に応じたプロジェクを生成してくれたり、簡単にアクセスできる便利なCLIツールがついていることが ...
なろう小説apiを叩いてみる
なろう小説でなにかツールでも作れないかなーと、とりあえず提供されているapiを叩いてみた。 環境はブラウザ(Javascript)から叩いてみる。その場合、出力形式でjsonpを選ぶとクロスサイトからも許可しているようなので、叩けるようだ。 ...
電源コードのプラグがノートパソコンの中に折れて残ったら
朝起きたら、ノートパソコンがベッドから落ちていて、ついでに電源コードのプラグの真ん中ぐらいが折れ曲がっていた。 曲がっているぐらいで刺してみるとまだ使えるなー、とそのまま使っていたら、引き抜くときに中でちぎれ、折れた先をパソコンの中に残すと ...
ローグライクゲーム進捗2
製作中のローグライクゲームの進捗報告。 ワールドマップの自動生成や、街との移動なんかを作ってみた。 Sceneの切り替え時にトランジションアニメーションをしている。アニメーション中に完了を待つ、なんて当たり前と思えるところで結構躓いたりした ...