メインカテゴリーを選択しなおす
【Vue.js＋TypeScript】デジタル時計を作ってみた
こんにちはです。あっちのそららです。最近勉強しているTypeScriptのアウトプットとして、デジタル時計を作ってみました。 デモページ acchinosorara.github.io「Vue.js」というフレームワークを使用。ディスプレイの文字がリアルタイムで更新される、ありきたりな時計です。 文字のデザイン カクカクしたデジタル時計らしさを出すため、文字はCSSでデザインしました。 参考記事 ja.wikipedia.org HTMLで各セグメントを生成し、A～Gの連番を振って配置しました。数字に応じて個々の表示・非表示が切り替わる仕組みです。例えば、 「2」→ C、Fを非表示 「4」→ …
かつてVueという景観作成 3D グラフィックソフトを使っていましたレンダリングは昔のiMac27(2010)でしていましたその頃作ったCGをAI（Image Playground）に読み込ませてみましたレイアウトと逆光が反映されているようです 色味も継承されてますこれを15年前のMacでレンダリンしたら数時間はかかるでしょうこれがわずか10秒で完成 もう3D グラフィックソフトは必要ないかもしれませんが、商業的じゃなく遊びで使うなら、作る過...
Vue Fes Japan 2024 -感想レポ- パソコンはみんなMac
どうも、Vueは初心者な隣の鈴木(@next_suzuki)です。 Vue Fes Japan 2024 に行ってきた！ まったく他人の参考にならない感想を書く 概要 どうしてVue Fes Japan 2024へ行ったのか語る。 僕につい
【Vue.js】ライフサイクルフック使い分け・順番を初心者にも分かりやすく書く
Vue.jsは、使いやすいフレームワークでありながら強力な機能を備えています。Vue.jsを使ってウェブアプリを作ったり、ホームページを作るとき、コンポーネントのライフサイクルを知ることはとても大切です。これが分かっていないと思い通りに動か
＜CG＞『日本海海戦』 ～世界海戦史上空前絶後の大勝利、ロシア革命を誘発し帝政ロシアが滅んだ～
CG : Battle of Tsushima (Triggered the Russian Revolution) 昨日、NHKの大河ドラマ『坂の上の雲』（第3部）を観た。「司馬遼太郎」原作で日露戦争を描いている。第1回から13回（最終回）まで録画してあったものだが、その第3部は『日本海海戦』を描いている。 こ
＜CG＞『新緑の逆さ富士』 ～河口湖の湖畔から望む新緑の富士と湖面に映る逆さ富士～
CG : Fresh green upside-down Mt.Fuji 『鶴瓶の家族に乾杯』で山梨県富士吉田市を訪問。番組中にとても印象的な富士山の写真が映ってました。表題の“河口湖の湖畔から望む新緑の富士と湖面に映る逆さ富士”ですが、これをCGで再現を試みました。 富士山は国土地理院の
マリーナベイサンズを見渡せる景色のよいレストランの一つ【VUE】。先日訪問したのでレビューを記述しています。予約方法や実際の景色、料理の写真などまとめているので参考にしてみてください。
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: "…
