02 ツール活用開始– tag –
Excel・スプレッドシート・SaaS・AI等を部分利用し、手作業を減らし始めた段階。
-
SEO検索に必要な「hタグ」のおさらい
簡単にchat GPTさんにおさらいしてもらい、Google、その他参考サイトの調査結果も追記しておきます。もっと極める方はご自身で調査してくださいね！ Hの意味は？？ hタグとは、ユーザーや検索エンジンに対して文章の中で重要な文章を伝えるために、HTMLで... -
Adobe「After Effect」動画制作
TECN NEWS 自動表示枠 最近のWEBサイトは動きがあって、わかりやすく、UIデザインもしっかりしているのでストレスフリーで情報を得ることができます。 さて、アピスの公式サイトはワードプレスで制作されていますが、古く、メンテナンスが行き届いていない... -
リンクが効かない原因
<a>タグでリンク設定しているのに、リンク先に飛ばないことありませんか？ 今回のケースは、SP版のヘッダーで起こりました。 ハンバーガーメニューが下に下が理、下に記述したコンテンツによって隠れてしまったので、z-indexを使って重なりが最も上にな... -
【最も簡単な方法】Dall-E3で同じキャラクターを生成する
新米WEBデザイナーのアピコです。 先日、苦労しながらアピコのアバターが完成しました。 プロンプトがまだ未熟なためMid journeyだと描き込みすぎて日本人好みにならないこと。 その点、Dall-E3だとシンプルな描き方なのと文字認識もしやすいため、白いパ... -
【誰でもできる】Creative Reality Studio D-IDのアバター認識
TECN NEWS 自動表示枠 新米デザイナーのアピコです。 前のブログで作成したアバターの背景が真っ白だったので、クリスマスシーズンに合わせた背景とサンタの帽子を被せて動画を撮ったら、大変なことが起こりました。 背景と人物はAIが認識できるレベルまで... -
【誰でもできる】AI画像生成でアバターを作り動画を作る！
新米デザイナーのアピコです。 今日は「AIを使って自分のアバター作り、脚本をテキストで作ったものをアバターが読む動画を作る」までを学んでいきたいと思います。 AIや画像生成を扱うには、厳密にはプロンプト（AIへの的確な指示）を学び指示項目や指示... -
疑似要素のcontentにhtml特殊文字コードを使う【::before, ::after】
コーダーのオッコです。 beforeやafterのcontentに、四角や矢印などの記号を文字コードで入れる方法です。 文字コードを16進数に直す。 &# → ¥0 に直す。 xと;は省略する。 ■ → 25A0 hoge::before { content: "25A0"; } 参考：https:/... -
【画像生成AI】飲食関連のロゴを生成してみた！
TECN NEWS 自動表示枠 新米WEBデザイナーのアピ子です。＼今注目 大進化中／ 画像生成AIを使用して、飲食関連のサイトロゴを作ってみました。 AI進化が著しい中、現時点で使い易さと画像のクオリティーで評価した画像生成AI最高峰としては「Dall-e3」と「M... -
外部ライブラリはCDNで読み込むべきか、ダウンロード版を使うべきか
最近急に寒くなってきてお風呂に入るのが億劫な、コーダーのオッコです。 外部ライブラリの使用時、いつもCDNにするかダウンロード版にするか迷います。 そこで、それぞれのメリットを書き出してみました。 CDNのメリット： CDN側で勝手にバージョンアップ... -
いよいよ固定ページを編集していきます！
TECN NEWS 自動表示枠 テンプレートの導入が完了すると、 [cc id=1656]
