monaca×Vue.jsをローカルでトランスパイルする際、最初にインストールするもの(notエンジニア向け) 更新日:2024年6月19日 公開日:2023年12月26日 monacawebコーダー挑戦コーダー技術MEMO コーダーのオッコです。 弊社ではアプリ開発にmonacaとVue.jsを使用しています。 今回は、Vue.jsのプロジェクトを初めてトランスパイル(ビルド)する際に行う手順を紹介します。 やることは、node.jsのライ […] 続きを読む
npmでNode.jsのmoduleをインストールできなかったときに見たエラー文たち 更新日:2024年6月19日 公開日:2023年12月14日 webコーダー挑戦コーダー技術MEMOデザインチーム デザイナかとおもいきやVue.jsのビルドに手を出しているオッコです。 目的:monacaで作成したvue.jsのプロジェクトのビルドを成功させる 詰まったところ:トランスパイルができなかった。Node.jsがそもそもな […] 続きを読む
リンクが効かない原因 公開日:2023年12月13日 webコーダー挑戦Webデザイナ挑戦コーダー技術MEMOデザインチーム <a>タグでリンク設定しているのに、リンク先に飛ばないことありませんか? 今回のケースは、SP版のヘッダーで起こりました。 ハンバーガーメニューが下に下が理、下に記述したコンテンツによって隠れてしまったので、z-i […] 続きを読む
【最も簡単な方法】Dall-E3で同じキャラクターを生成する 公開日:2023年12月6日 Webデザイナ挑戦デザインチーム未分類画像生成AI 新米WEBデザイナーのアピコです。 先日、苦労しながらアピコのアバターが完成しました。 プロンプトがまだ未熟なためMid journeyだと描き込みすぎて日本人好みにならないこと。 その点、Dall-E3だとシンプルな描 […] 続きを読む
【誰でもできる】Creative Reality Studio D-IDのアバター認識 更新日:2023年12月4日 公開日:2023年12月1日 Webデザイナ挑戦デザインチーム画像生成AI 新米デザイナーのアピコです。 前のブログで作成したアバターの背景が真っ白だったので、クリスマスシーズンに合わせた背景とサンタの帽子を被せて動画を撮ったら、大変なことが起こりました。 背景と人物はAIが認識できるレベルまで […] 続きを読む
【誰でもできる】AI画像生成でアバターを作り動画を作る! 更新日:2023年11月27日 公開日:2023年11月24日 Webデザイナ挑戦デザインチーム画像生成AI 新米デザイナーのアピコです。 今日は「AIを使って自分のアバター作り、脚本をテキストで作ったものをアバターが読む動画を作る」までを学んでいきたいと思います。 AIや画像生成を扱うには、厳密にはプロンプト(AIへの的確な指 […] 続きを読む
疑似要素のcontentにhtml特殊文字コードを使う【::before, ::after】 公開日:2023年11月16日 webコーダー挑戦Webデザイナ挑戦コーダー技術MEMOデザインチーム コーダーのオッコです。 beforeやafterのcontentに、四角や矢印などの記号を文字コードで入れる方法です。 ■ → \025A0 参考:https://www.oikawa-sekkei […] 続きを読む
【画像生成AI】飲食関連のロゴを生成してみた! 公開日:2023年11月16日 デザインチーム画像生成AI 新米WEBデザイナーのアピ子です。\今注目 大進化中/ 画像生成AIを使用して、飲食関連のサイトロゴを作ってみました。 AI進化が著しい中、現時点で使い易さと画像のクオリティーで評価した画像生成AI最高峰としては「Dal […] 続きを読む
外部ライブラリはCDNで読み込むべきか、ダウンロード版を使うべきか 公開日:2023年11月15日 webコーダー挑戦コーダー技術MEMOデザインチーム 最近急に寒くなってきてお風呂に入るのが億劫な、コーダーのオッコです。 外部ライブラリの使用時、いつもCDNにするかダウンロード版にするか迷います。 そこで、それぞれのメリットを書き出してみました。 CDNのメリット: ダ […] 続きを読む