Vuetify 2 と @vue/composition-api を使用した TODO アプリを題材に Vue CLI から Vite / Vitest への移行を試して、とりあえず動くようになったので手順と設定を共有したいと思います。 ビルド速度やサイズの変化についてはこの記事の後ろにまとめてあります。 使用したコードは次のリポジトリにあります。 なお、この記事に記載している情報は 2022 年 1 月 30 日時点のものです。 記事の内容はあくまで一例であり、手順や設定が正しいものであるという保証はありませんのでご注意ください。 移行を試した背景 2022 年 1 月 18 日に Vue CLI がメンテナンスモードに入ったことが宣言されました。 1 Vue CLI 自体は引き続き利用可能で v5 安定版リリースに向けて作業が続けられています。 2 とはいえ今後の主流は Vite にな
ハコザキです。 今回は高速なビルドツールとして話題のViteを使ってNuxtを動かしてみたいと思います! Viteとは Vite(ヴィート)はVueJSの開発者であるEvan You氏が開発したノーバンドルなビルドツールです。 ReactやSvelteなどにもサポートしており、 より速く・より無駄のない開発環境を提供することを目的としてます。 モダンブラウザには対応してますが、 IE11などのレガシーなブラウザにも対応させるには別途 @vitejs/plugin-legacyを入れる必要があります。 2021年7月時点で公式サイトが日本語対応されたとのことで、 かなりアツいビルドツールとなっております。 Node.jsのバージョンが12以降であればViteを動かすことができるため、 今回は14.8.0で実行しております。 バージョンの切り替えはnodenvなどを用いてみてください。 Vue
Vite(ヴィート=フランス語で「速い」の意味)は2020年に発表された新しいフロントエンドのビルドツールです。 開発者がVue.jsの作者であるEvan You氏であるため、Vue.jsのツールであると誤解されることもありますが、プレーンなJavaScript(バニラJS)からVue.js・React・Svelteといった流行のフレームワークまで、さまざまな環境で利用できる汎用的なツールです。 位置付けとしてはwebpackのようなバンドラーと呼ばれるものに近い存在ですが、それだけではありません。この記事では、Viteを導入してプレーンなJavaScriptから、TypeScript+Vue.js・Reactといったフレームワークまで、快適な開発環境を手に入れる方法を紹介します。 この記事で紹介すること: Viteの特徴と基本の仕組み 基本の使い方 Vite + SCSS Vite +
ザ・シードオンライン には、 glTF 規格の拡張である VR 利用想定のヒューマノイドモデル拡張の VRM 及び、 VirtualCast 上でインタラクティブなアイテムを自由に作成出来る VCI をアップロードすることが出来ます。 以前はそれらのファイルをブラウザ上で閲覧するのに、 Unity の WebGL ビルドを用いていました。 しかし、2019年5月現在の Unity の WebGL ビルド(と Web Assembly)は、数 MB のランタイムのダウンロードと、起動処理に数秒かかるなどの難点が存在していて、ネイティブ(JavaScript)実装に置き換えたいという要望が出ていました。一部端末で正常に表示出来ないという問題もあります。 そこで、私山岸の調査の結果、 babylon.js を採用し、自前で VRM/VCI を出来るだけ正しく porting するプロジェクトを稼
アバター、ゲーム、ライブ配信が一体化した新世代コミュニケーションアプリ「REALITY」。リリース3年で世界63か国に展開。海外で飛躍的にシェアを広げており、アクティブユーザーは1日に170分も滞在するという。そんなREALITYを牽引する「RIOさん」と「超簡単さん」が語った、メタバースとこれからのUI、UXにおいて必要なこととは? ※2022年1月19日に開催された【UI Crunch #16 メタバースのUI -仮想空間に接続するデザイン-】よりREALITY株式会社の「RIOさん」と「超簡単さん」によるピッチを書き起こし形式でお届けします。 新世代コミュニケーションアプリ「REALITY」 RIO: まずは私(@djrio_vr)から会社全体の紹介、取り組んでいる事業、UIについての考え方をお話しします。その後、UI、UXデザイナーの「超簡単」に引き継いで、よりデザインの具体的な部
【コラム】円キャリー取引、いつ白旗を振るかは日銀次第-オーサーズ コラムニスト:John Authers Newly-stamped Japanese 500 yen coins in a container during the production at a Japan Mint factory in Saitama, Japan, on Thursday, Nov. 11, 2021. Photographer: Kiyoshi Ota/Bloomberg 為替市場には勝者と敗者がいる。今年の勝者は円安に賭けた投資家だ。経済大国で日本だけがデフレ対策に突き進んでいるため、当然の帰結と言える。日本銀行がイールドカーブコントロール(YCC)で10年債利回りを抑え込み、円は対ドルで20年ぶり安値に沈んだ。
中国政府系の研究グループに所属するチーフエコノミストは、米国が対ロシア並みの制裁を中国に科すなら、半導体受託生産世界最大手の台湾積体電路製造(TSMC)を手中に収めるよう中国当局に提言した。 中国の経済政策全般の立案を担う国家発展改革委員会(発改委)が所管する中国国際経済交流センターの陳文玲チーフエコノミストは、「米国や西側が対ロシア制裁のように中国に対して破壊的制裁を発動するなら、われわれは台湾を取り戻さなければならない」と主張した。 陳氏は中国人民大学重陽金融研究院が主催した先月の講演で、「特に産業チェーンやサプライチェーンの再構築でわれわれはTSMCを手中に収めなければならない」と言明。TSMCについて「米国で6カ所の工場を建設するため現地への移転を加速させている」とし、「われわれはこうした移転の全目標を達成させてはならない」と続けた。 国家主義的傾向が強いニュースウェブサイト「観察
概要 2022/03/04にNreal Airという、サングラスに見間違えるほどの軽量なARグラスが発売されました。値段も手頃になり購入ハードルもだいぶ下がったように感じています。 ちょっとしたものでも自分の手で作ったものが目の前に出てくると感動するものです。今回はNreal Air向けのARアプリを、Unityを使ってかんたんに作ってみようという内容です。 今回の記事の内容はGitHubにアップしてあるので、実際に動くものが見たい方はクローンして確認してみてください。 準備するものリスト 準備するものは以下です。 Nreal Air Nreal Air対応のAndroidスマートフォン NRSDK 1.8.0 (Nreal Air開発用のSDK) Unity 2020.3.30f1 Nreal AirはAndroidスマートフォンに接続して使うものです。iOSやPCでも利用することはでき
はじめに はじめまして、バックエンドエンジニアのぽこひで (@pokohide) です。 最近の日課はゲーム実況者「兄者弟者」の「DYING LIGHT 2 STAY HUMAN」と「エルデンリング」を見る事です。 本記事ではタイミーで長年使われていた、マイクロサービスとして切り出されたチャットサーバ(以降、旧チャットサーバと呼びます)をタイミーの中核を担うモノリシックなRuby on Railsサービス(以降、タイミー本体と呼びます)に移行した話です。 今回は移行した経緯、気にした点などを紹介します。 対象にしている読者は以下の方々です。 レガシーなシステムと向き合っている人 無人化システム ※1 に疲弊している人 ※1 : 無人化システムとは この記事 に出てくる造語で「誰も詳細は知らないが、なぜか動いているシステム」を意味する はじめに チャット機能とは 旧チャットサーバとは なぜや
中国・上海のショッピングモールで2017年に開催された「ドラゴンボール」展(資料写真、2017年4月26日、写真:アフロ) (馬 克我:日本在住中国人ライター) 2014年、アメリカのSF映画『トランスフォーマー/ロストエイジ』が中国で上映された。中国における興行収入は19億8100万人民元(当時レートで、約341億6452万円)に上り、アメリカでの興行収入を超えて世界最多となった。 この数字には、中国改革開放の歴史が反映されているといえる。 1978年、毛沢東が死去して2年ほど経った頃、鄧小平が実権をほぼ掌握し、中国の改革開放政策は幕を開けた。象徴的だったのは、資本主義国家の映画の上映を中国で解禁したことだ。同年、中国において「日本映画ウィーク」が開催され、7つの都市で『サンダカン八番娼館 望郷』『君よ憤怒の河を渉れ』『キタキツネ物語』という3本の日本映画が公開された。 これらの映画は中
『仮想国家「山古志」づくりを目指します』 昨年12月、noteにこんな投稿がされました。投稿者は山古志住民会議。2004年の中越地震で被害を受けた、新潟県長岡市山古志地域(旧山古志村)の住民らのグループです。 山古志地域の人口は818人(5月時点)。震災前の半分以下になり、高齢化率は55%です。そんな「限界集落」の消滅に危機感を抱いた住民会議が活路を求めたのはNFTでした。 「全部やり尽くした」先の人口減少 代替できないデジタルデータであるNFTは、アート作品の取引で話題の技術です。それがどのように「国づくり」と結びつくのか。そもそもなぜNFTを活用することにしたのか。 「独自財源」「デジタル村民」……noteにつづられた野心的な言葉の裏には、地域の存続をかけた挑戦がありました。 山古志地域は、新潟県の中越地方に位置する豪雪地です。中越地震では震度6強を観測しました。土砂崩れで集落が孤立し
趣味は食材採取とそれを使った冒険スペクタクル料理。週に一度はなにかを捕まえて食べるようにしている。最近は製麺機を使った麺作りが趣味。(動画インタビュー) 前の記事:茎レタス(ステムレタス/アスパラレタス)を炒めたらおいしかった > 個人サイト 私的標本 趣味の製麺 ジャガイモの花はナスに似ている 皆様ご存知の話だが、多くの芋がそうであるように、ジャガイモは芋から芽が出ることで、次世代が成長する。 ところでジャガイモの芋はサツマイモのように太った根ではなく、地下茎とか塊茎と呼ばれる茎らしいよ。 これは食べるのが遅れて芽が出てしまったジャガイモ。芽には毒があるので気を付けよう。 我が家の菜園では、春先になると買ってきた種芋を植えて、初夏に掘って収穫している。 ジャガイモはイモなのにナス科ナス属で、不思議なことにナスやトマトの仲間。たまにナスと似た花が咲いて、ときには実がなることもあるが、その実
いずれすべては海の中に (竹書房文庫) 作者:サラ・ピンスカー竹書房Amazonこの『いずれすべては海の中に』は、(新型コロナウイルスをめぐる状況の)予言的な作品として話題になった『新しい時代への歌』のサラ・ピンスカーによるSF中心の短篇集である。2013年から2017年にかけて様々な媒体に書いた短篇を集めたもので、邦訳では『新しい時代への歌』が先行したが、これが著者の初単行本となる。 長篇しか読んだことがなかったので、短篇にはそこまで期待せずに読み始めたのだけどこれが大ヒット。文章はまるでひとつの曲のように詩的で、思いがけない発想、表現がどの短篇にも盛り込まれ、独自の世界観にたっぷりと浸らせてくれる。僕の大好きな要素が詰まった短篇集で、特に中篇の「風はさまよう」は読んでいて思わず身を乗り出すようなおもしろさがあった。今年もさまざまな短篇集・アンソロジーが出ているが、今のところはこれが個人
Executive Summary ポランニー『ダホメ王国と奴隷貿易』は、ダホメでは経済が社会に埋め込まれており、各種交換は社会関係の一環として行われる儀礼でしかない、権力関係の結果として行われるお歳暮やお中元みたいなもの、という描き方をする。だがその見方は片手オチではないか? 各種交換や配布は人々の生存に直結するものであり、その中では、そうした贈与にせよ交換にせよ、そうした行為自体が権力を創り出す。これはコルナイ・ヤーノシュ「不足の政治経済学」の指摘でもある。つまり、そうした経済関係がむしろ社会関係とその権力関係を創り出しているのでは? ニワトリと卵的な面もあるが、社会関係を先に置くのは倒錯ではないのか? 昨日、ポランニー『ダホメ王国と奴隷貿易』の全訳終わった。 cruel.hatenablog.com この本は、小さく見れば17-19世紀ギニア海岸での経済システムと、特に奴隷貿易に伴う
くぼた・まさき/テレビ情報番組制作、週刊誌記者、新聞記者、月刊誌編集者を経て現在はノンフィクションライターとして週刊誌や月刊誌へ寄稿する傍ら、報道対策アドバイザーとしても活動。これまで200件以上の広報コンサルティングやメディアトレーニング(取材対応トレーニング)を行う。 著書は日本の政治や企業の広報戦略をテーマにした『スピンドクター "モミ消しのプロ"が駆使する「情報操作」の技術』(講談社α文庫)など。『14階段――検証 新潟少女9年2カ月監禁事件』(小学館)で第12回小学館ノンフィクション大賞優秀賞を受賞。 新刊『潜入 旧統一教会 「解散命令請求」 取材NG最深部の全貌』が発売中。 情報戦の裏側 できれば起きてほしくない「不祥事」だが、起きてしまった後でも正しい広報戦略さえ取れば、傷を最小限に済ませることができる。企業不祥事はもちろん、政治家の選挙戦略、芸能人の不倫ネタまで、あらゆる事
元陸上選手の為末大氏が先日、SNS(交流サイト)で私たちの国は「なにかあったらどうすんだ症候群」にかかっている、と発信していた。それは社会に安定と秩序をもたらすが、副作用として停滞を生み、個人の可能性を抑制するという。この症候群は、未来を予測してコントロールできるものと考え、その逆算でしか物事を判断できない。だが、実際には予想しないことが必ず起きる。それをイノベーションという国もあるが、この国
はじめに こんにちは、CX事業本部MAD事業部の森茂です。 Cloudflare Workersで動作するTypeScript製フレームワークHonoを紹介させていただきます。 Honoとは @yusukebe氏を中心に開発が進められているフレームワークでExpressでアプリケーションを作るような書き方でCloudflare Workersで動くアプリケーションを簡単に組み上げていくことができます。 import { Hono } from 'hono' const app = new Hono() app.get('/', (c) => c.text('Hono!!')) app.fire() Cloudflare WorkerはService WorkerのためNode.jsに依存したAPIは動作しません。Cloudflare Workers上でアプリケーションを作ろうとすると意外と
最近のウクライナ情勢で最も残念に思ったことは、少なくないリバタリアンが陰謀論に傾倒していることでした。 とりあえず以下のツイートをご覧ください。 It's day 15 of war in Ukraine. 1) After yesterday's deadly attack on a Mariupol maternity hospital, a false claim began trending on Russian Telegram that a non-preganant crisis actor played the role of two pregnant women there. It was echoed by the Russian embassy in UK today. pic.twitter.com/LenVVB7wZP — Shayan Sardarizadeh
上記のようにlambda関数を指定する。すると以下のようなログがCloudWatch Logsに出力される。 サインアップ前・・・サインアップ時にユーザーが送信する情報が含まれる { 'version': '1', 'region': 'ap-northeast-1', 'userPoolId': 'ap-northeast-1_XXXXXXXXX', 'userName': 'test-user-29', 'callerContext': { 'awsSdkVersion': 'aws-sdk-js-2.6.4', 'clientId': 'xxxxxxxxxxxxxxxxxxxxxxxxx' }, 'triggerSource': 'PreSignUp_SignUp', 'request': { 'userAttributes': { 'email': 'xxxxxxxxxxxx@sa
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く