メインカテゴリーを選択しなおす
【Vue.js＋TypeScript】デジタル時計を作ってみた
こんにちはです。あっちのそららです。最近勉強しているTypeScriptのアウトプットとして、デジタル時計を作ってみました。 デモページ acchinosorara.github.io「Vue.js」というフレームワークを使用。ディスプレイの文字がリアルタイムで更新される、ありきたりな時計です。 文字のデザイン カクカクしたデジタル時計らしさを出すため、文字はCSSでデザインしました。 参考記事 ja.wikipedia.org HTMLで各セグメントを生成し、A～Gの連番を振って配置しました。数字に応じて個々の表示・非表示が切り替わる仕組みです。例えば、 「2」→ C、Fを非表示 「4」→ …
Vue Fes Japan 2024 -感想レポ- パソコンはみんなMac
どうも、Vueは初心者な隣の鈴木(@next_suzuki)です。 Vue Fes Japan 2024 に行ってきた！ まったく他人の参考にならない感想を書く 概要 どうしてVue Fes Japan 2024へ行ったのか語る。 僕につい
【Vue.js】ライフサイクルフック使い分け・順番を初心者にも分かりやすく書く
Vue.jsは、使いやすいフレームワークでありながら強力な機能を備えています。Vue.jsを使ってウェブアプリを作ったり、ホームページを作るとき、コンポーネントのライフサイクルを知ることはとても大切です。これが分かっていないと思い通りに動か
Vue.js というより axios でファイルアップロードをしたかった 保存ボタンがなく、アップロード時にサーバーに送るのを想定 サーバーサイドのFWは Laravel を想定 <template> <div> <!-- ファイルアップロード用の input --> <input type="file" ref="image" accept="image/*" name="image" @change="uploadImage" /> </div> </template> <script> import axios from "axios"; export default { name: "…
