Vue.js

twitter連携のチャットアプリの作成(ログインしていないユーザーでも回覧だけできるようにする) #2

実装したいこと 修正点 databaseのrulesの書き換え Vue.jsの修正 前回 次回 実装したいこと ログインしていないユーザーでも見るだけはできるようにする 修正点 databaseのrulesの書き換え { "rules": { ".read": true, ".write": false, "message": { ".wri…

twitter連携のチャットアプリの作成(エラー解消のメモ)#1

参考サイト 起きたエラーと解決サイト /%PUBLIC_URL%/favicon.ico:1 Failed to load resource: the server responded with a status of 400 () その他 次回 こんな感じのものができました (以下のサイトからほぼ変えていませんです) 参考サイト cr-vue.mio3…

Vue.jsでtrelloのアーカイブを取得・表示する【Vue.js,axios,trello】

trelloのアーカイブにしたものを確認するサイト及びpower upが見つからなかったので,確認できるものを作ってみました デモ画像 開発環境 実装内容 コード index.html Home.vue 参考サイト デモ画像 privateな情報も入っているのでぼかしています 開発環境 V…

Vue.jsでTwitterのタイムラインを作ってみる【Vue.js,express.js,Node.js】

やってみたかったVue.jsでtwitterを作成できるものをアドバイスをいただき,できたので記事化です!! 完成 環境 実装した内容 サーバー側 フロント側 完成 環境 Vue.js CLI:@vue/cli 4.1.2 Node.js:v12.14.1 Semantic UI :2.4.1 実装した内容 基本的にNode.…

同人イベント用に会計アプリを完成させようと努力したお話

前置き どのようなアプリか 使ったフレームワーク等 アプリの概要 実現した機能 githubリンクとサービスリンク(未完成) 感想 前置き 2/9にフリーゲームオンリーに売り子として参加をさせていただきました! tryandresave.com この時にサークル主さんに使って…

SoundLibraryを作った話

Vue.jsでのSoundLibraryサービスを作ってみました(デプロイはしていません) サービスの概要 SoundLibraryとは サウンドスケープ サウンドライブラリ日本の音風景100選 サービスの仕組み 実際の画面 実装内容 使用したもの 実装した機能 コード 感想 今後の展…

chart.jsをVue.jsで使ってみた(vue cli不使用)

vue.jsを勉強している中で,グラフを描写する機会が出てきました! そこで,簡単にグラフが描けるchart.jsを作って見ました chart.jsとは やりたいこと 実装方法 試したこと 理由? 成果 コード 最終的に作ったみたもの 参考サイト chart.jsとは Chart.jsは、…

Vue.jsで電卓作成 No.4[計算式の再利用,式の一文字削除機能]

公開ページ 追加したい機能 実装方法 前回の記事 関連記事 さて,少しづつ機能を追加していきます!! 公開ページ ayutaz.github.io 公開ページ 追加したい機能 実装方法 前回の記事 関連記事 追加したい機能 計算式から一文字を消すことのできるボタンの追…

Vue.jsで電卓作成 No.3[計算の履歴とその計算した時刻の表示]

スマホの電卓にある計算履歴とその計算時刻を表示する機能を追加しまいた 成果 実装内容の説明 コード html(抜粋) javascript(Vue.js) 前回の記事 関連記事 成果 実装内容の説明 履歴とその時刻を格納する配列を作ります cal_historys: [], この中に,=また…

Vue.jsで電卓作成 No.2 [特殊計算の追加(sin,log, √など)]

前回の電卓にルートや累乗などの特殊計算?を追加していきたいとおもます! 実装内容 機能の説明 コード(抜粋しています) 参考資料 前回の記事 次回の記事 関連記事 実装内容 ルート計算の追加 2乗の追加 logの追加(底は,e) sinの追加 機能の説明 sinの追…

Vue.jsで電卓作成 No.1 [式と答えが見える]

少しgoogle maps apiを使った管理サイトを作っていかないようになったので,Vue.jsを少し勉強していきます! まずは,電卓から作ってみたいと思います. (ちなみに,ほとんどJavaScript,Vue.jsの経験はありません!) 開発環境 実装 計算部分 式と答えを分け…