ベトナムでIT　プログラマー日記

本

ベトナムIT＆プログラマー日記を公開しています。日々遭遇するオフショア開発の落とし穴、技術的な話題などをときどきかいていくよ！

運営しているクリエイター: そんちゃー君

#vue

[備忘録] Webアプリdnd処理まとめ

とくにPC利用者のユーザビリティーがバク上がりするドラッグ＆ドロップ処理はWebアプリでも画像のドロップやリストの並べ替えなどでよく使われます。仕様として書くと１行ですが実際は色々あるので書いておくことにしました。 draggable 設定<ul> <li class="droppable" :id="index" draggable="true" > ...</ul> イベント設定dragstart, drop の２つは最低必要。 dragestart でドラ

[便利] Vue でグローバル関数を作るには

こんにちは！ Vue３使っているのにコンポジションAPIが苦手なおじさんです。　野暮用がありまして、Vue３でどこからでも呼べるグローバル関数を使う方法を調べましたのでメモっておきたいと思います。 Vue2からルールが変わり、移植のときにも注意が必要なポイントです。 Vueグローバル関数の登録方法Vue2の方法 main.jsに以下のように追加します。 // Vue2const app = createApp({})app.prototype.$http = () =>

[簡単！] Vue-CliからViteに移行（備忘録/CVE-2024-27980）

こんにちは！Happy hackingしてますか？！ここしばらく、nodeバージョン問題で困らせられた後、node脆弱性のニュースがあり、しぶしぶ？viteへの移行をしたので覚書として書いておこうと思います。「Node.js」にコマンドインジェクションの脆弱性でバージョンアップなのですが、現在つかっている node はv16 + vue-cli で node-ipcのせいでupdated出来ない状態になっています。 @achrinza/node-ipc　問題の解決n

S3 + CloudFront + canvas のCORS問題

開発中のツール制作で画像管理を S3+CloundFront に移行したら、編集する画像の読み込みがCORSエラー。危うく週末を失いかけたので書いておきたいと思います。お礼大変ドハマリしたので、参考にした記事を書いた方々にお礼を申し上げたいです。ありがとうございます！＊参考にした記事を読めば完璧なので以下はぼくの備忘録。原因Vueのcli-serverやwebサーバーに Access-Control-Allow-Origin を設定すればOK!と思い込んでいた

体系的に学びたい！　UIデザイン / 設計の基本

こんにちは！ダナンも雨季になり肌寒くなってきました🌬 皆さんはデザインのポリシーについて「これ！」ってあるでしょうか。ぼくはありません💧 プログラマー/ソフト開発マンなのでデザインは専門でもないのですが、プレゼンやプリプロダクションでは最低限画面構成を決めたり、PMとして動くときには仕様書を作るために、当初コンセプトをデザイナーさんに伝えるためにUIデザイン作業が必要になることがあります。　毎回頭がいたいですが、ちょっと作法を学ぼうかと調べてみました。理屈ぽい話が続くの

ベトナムでIT プログラマー日記