vue3でのカウントダウンタイマーの実装

クイズアプリ実装時の時間設定 vue3 Composition APIでのカウントダウンタイマーの実装を行ったので 自分が再度実装するときの記事として残しておきます。 javascriptなどでは情報があったのですがvueでは探しても見つからなかったので。実装条件 カウントダ…

vue.jsでのクイズアプリ作成の課題点

Vue.jsでの現状の課題点を浮き彫りに。 現在作成中のクイズアプリケーションの課題点、変更点を整理しようと思う。 テスト開始から10分間のタイマーを起動。 4択問題を選択していき、テストを終了するボタンを押したらローカルストレージに保存してページを…

バブルソートについて

バブルソートのアルゴリズムをRubyを使い学んでいく。 某プログラミングスクールのアルゴリズムのカリキュラムを、 修理しているノートPCが返ってくる前に終わらせられそうです。バブルソートとは? 整列アルゴリズムの1つで配列の隣り合う データの大小を…

アルゴリズムとは?

Rubyによるアルゴリズムの学び 問題を解決するまでの1連の手順のこと アルゴリズムの勉強をする意味は「論理的思考を養う」ことにある。 基本のアルゴリズム アルゴリズム名 用途 特徴 線型探索 探索 容易に探索できる 二分探索 探索 高速に探索できる 選択…

探索アルゴリズムについて

*目的のデータを探すアルゴリズムを学ぶ vue.jsの勉強を書籍使ってしていたところ、使っているノートPCのキーの反応がまったくなく修理に... サンプルアプリは完成して落ち着いたので、苦手だったアルゴリズムの勉強を少しずつ進めていきたい。 探索アルゴリ…

Vue.js Todoの登録

Todoの登録を行っていく。 ここではTodoの登録までをやっていきます。 必要最低限の機能のみ実装していきます。 APP.vue <template> <input type="text" class="todo_input"> <button>追加<buttom> </template>ここでは前の記事でのvue.jsの導入はしている。 コンポーネント化は省略しています。 自分なりに解釈して忘事録として残してい…

vue3.2のsetupについて

script setupの記述方法 vue3.2からsetupの書き方が変わりました。 具体的にはscript内にsetupを記述することにより以下の通りに。今までのvue 3.0では import { ref, onMounted } from 'vue'; export default { setup() { // データの定義 const count = re…

vue.js導入 vue3

javascriptの勉強中並行してVue.jsの勉強をしたいので導入方法を残しておきます。 vue.jsとは javascriptのフレームワークライブラリを追加することで、webアプリケーションを開発することができる。MVVM(Model-View-ViewModel)という設計手法がとられてい…

ruby on railsの{"id"=>"sign_out"}エラー解消

ruby on railsでログアウト機能実装のエラー 見出しの通りrailsでwebアプリを実装中にログアウトボタンを押すとエラー画面が出てしまう問題に直面しました。 最初の投稿なので拙い点が多くあると思いますが今後のために残しておきます。 ・実装環境 vs code …

エンジニアとしての一歩

未経験エンジニア志望の人が応募企業に好印象を持ってもらうために、ブログなどを始める人がいる。 と言われるのを見たことがある。 自分も就職経験があるから何か常識的なことを発信していたりするのは、企業に好印象を与える、という打算で発信を始めるこ…