WEB制作
-
YouTube動画のサムネイルを差し替える方法と基本的なSEO
テレワークが推奨されるようになり、世間にはオンラインイベントやウェビナーといった、インターネットを使ったユーザーへのアプローチが積極的になっています。 その中で、YouTubeを利用した動画での告知やお知らせ、紹介などを行いたい方々も増えました。 ここでは、動画のサムネイ…
-
ホームページ上で動画を自動再生させて、動画の中央に画像を被せて表示する簡単な方法
Youtubeが流行っていることもあり、ホームページのトップビューで動画を流すサイトが多くなりました。 ホームページ上で動画が流れるようなサイトは中身のコンテンツも凝っていることが多いので「すごく難しい事をやっているんだろうなぁ…」と思ってしまいますが、実はそんなことはなかった…
-
Adobe XDを動画で学ぶ総合学習プログラムAdobe XD Trail
Adobe製品にはいずれのソフトウェアにもラーニングページが設けられていますが、Adobe XDにおいては専用のサイトが設置され、さらに多様なチュートリアル動画が用意されています。 Adobe XD Trail AdobeXD検定でスキルを自己分析 Adobe XD T…
-
ファッション系のECサイトで役立つ!服やアクセサリー画像の「着せ替えアプリ」機能の実装方法
ファッション系のECサイトと相性の良さそうな「着せ替え」機能を簡単に実装するプログラムを作ってみました。 使用する言語 HTML CSS JavaScript jQuery ※JavaScriptやjQueryの基本的な使い方は割愛させてただき…
-
Adobe Photoshop 2020で簡単に背景を透過する方法3ステップ
補正をいれて画像をきれいにする 「自動選択ツール」から「被写体を選択」を選択 場合によっては「選択とマスク」で微調整 実はこれだけでできます。 この機能があるだけでもAdobeはクラウドにするべきでしょう。あとからお勉強してきている学生たちのほうが、機…
-
Adobe XDでコンポーネントのステート機能を使ったホバーアクション設定
AdobeXDではオンマウスホバーアクションを、アセットにコンポーネント登録することで作れるようになっています。 動きはこんな感じ。 [video width="1366" height="768" mp4="https://incloop.com/wp-content/up…
-
WordPressを高速化。Page Speed Insightsのスピードテストで高得点を出す方法
WordPressのバージョンアップに伴って、対スピードテストもいろいろと変化しつつあります。 前までは高得点だったのに、今では見る影もない……という方も多いかと思います。インクループでも様々にテーマを試しながら、いったいどのようなテーマがスピードテストで高得点を取れるのか、と…
-
WordPress Gutenbergにオススメな文章装飾プラグイン「Add RichText Toolbar Button」
Add RichText Toolbar ButtonはGutenbergエディタのツールバーに文章修飾用のボタンを追加するプラグインです。 >>Gutenberg用の文章修飾プラグインを開発しました WordPress Gutenbergには文章装飾のための…
-
ローカル環境(XAMPP)では読み込めたのに、サーバーにアップすると読み込めないファイルが…。原因はファイル名にある?
…という経験をしたので記事にしてみました。 原因が分かってしまえば一瞬で治るのですが、原因が分からないと結構引っかかる問題だったりします。 ちなみに私は今回の問題で1時間程悩みました! …泣けます。 あまりにも悔しかったので、クイズっぽい感じの記事にして過去の自分に届けます…
-
Adobe Animateを利用したアニメーションを作ってみる3
前回の記事はこちら [blogcard url="https://incloop.com/adobe-animate%e3%82%92%e5%88%a9%e7%94%a8%e3%81%97%e3%81%9f%e3%82%a2%e3%83%8b%e3%83%a1%e3%83%…
-
Adobe Animateを利用したアニメーションを作ってみる2
前回の記事はこちら [blogcard url="https://incloop.com/adobe-animate%e3%82%92%e5%88%a9%e7%94%a8%e3%81%97%e3%81%9f%e3%82%a2%e3%83%8b%e3%83%a1%e3%83%b…
-
Adobe Animateを利用したアニメーションを作ってみる。
2020年の段階でFlashがWEBから消えたのは記憶に新しいですが、アニメーションがWEBから消え去ったわけではありません。 Adobe Animateを利用して、簡単なアニメーションを作っていきましょう。 導入:バウンドするボールを作る AdobeAnimateをインス…
-
【WordPress】tableにwidthとheightが勝手に入る現象と修正する方法
つい先日のことですが、弊社にこんなご相談がありました。 「記事を書いたらあちこちに余白ができてるんだけど、なんで?」と。 どうやら記事を書いていたお客様が、記事をアップしたらなぜだかたくさんの余白ができてて困ってしまった、とのこと。 実際にサイトを見て、検証モードで…
-
超初心者なのでプログラミング学習のProgeteをやってみました。
現在、WEB上では様々なプログラミング学習の無料サイトが展開されています。 Progate ドットインストール CODEPREP その中でもProgateはアップルのApp Storeで検索するとこの通り。 ProgateはスマートフォンとWEBブラ…
-
Gifアニメーションでスクリーンキャプチャをとれるフリーソフト「ScreenToGif」
前にチュートリアルで使えそうなソフトを探していて、以下のようなブログを書きました。 チュートリアルのパソコン画面動画録画・キャプチャに! WindowsでもMacでも使える無料ソフトShowMore [blogcard url="https://incloop.com/%…
-
WordPress Gutenberg 5.3.2 の「グループ化」機能がスゴイ!
基本的な使い方はこちら。 WordPressの見た目が変わった?投稿画面(エディタ)はどうやって使えばいいの?WordPress5.0で追加された「Gutenberg」とは。 [blogcard url="https://incloop.com/wordpress5-…
-
WEB業界の面白さと辛さを語る!【職業訓練校卒の私のリアル体験】
WEBクリエイターの職業訓練校を卒業してから早4年が経ちます。 私は職業訓練校に入る前は、パソコンの知識や経験はほとんどありませんでした^^; ですが!そんな私でさえも今やWEBに関わる様々なお仕事をさせてもらっています。 WEB業界に興味があるけれど、どんな業界?…
-
WordPressのGutenbergにおけるカスタム投稿タイプでカテゴリー一覧が表示されない場合
WordPressでGutenbergを利用している際、カスタム投稿をfunction.phpあるいはプラグインで追加している場合、カテゴリー一覧が表示されないケースがあります。 表示がされていなかった場合の対処法を記載します。 Gutenbergについてはこちら…
-
schema.orgのjson-ld形式で出力する構造化データ生成ツール
構造化データは慣れるまで作成するのがちょっと面倒なものです。 参考記事 [blogcard url="https://incloop.com/structured-data01/"] [blogcard url="https://incloop.com/stru…
-
印象に残るデザインを簡単に!5分で作るおしゃれなワードアート
こんにちは! 皆さんは印象に残るWebサイトといえばどのようなものを思い浮かべますか? 以前ご紹介した2019Webデザインにもある、動画、アニメーションをつける等 目を引くものが良さそうですね! [blogcard url="https://incloop.com/…