Webエンジニアのブログ

MENU
  • HOME
  • WEB
  • 便利ツール
  • LIFE

WordPressのカスタムフィールドを使ってWebサイトにYouTube動画の一覧を作成する

WordPressのカスタムフィールドを使ってWebサイトにYouTube動画の一覧を作成する

WordPressで構築しているWebサイト(ホームページ)やブログでは、カスタムフィールドをうまく利用することで、自由にYouTube動画を選択してWebページに動画一覧として反映させることができます。...
続きを読む>>

2022/09/13|WEB

CSS関数のclamp()を使ったレスポンシブWebデザインとフォントサイズの調整

CSS関数のclamp()を使ったレスポンシブWebデザインとフォントサイズの調整

CSSでは関数を利用していくことで、通常のプロパティの指定だけではできないことができたり、効率的にスタイルを適応させることができます。 CSSも年々進化を続け、とても便利な関数が続々と追加される中、ここではレスポンシブWebデザインの制作で...
続きを読む>>

2022/09/07|WEB

TikTokやInstagramなどのSNS投稿をWebサイトにきれいに埋め込む方法

TikTokやInstagramなどのSNS投稿をWebサイトにきれいに埋め込む方法

昨今、多くのWebサービスやソーシャルメディアが生まれる中、プライベートで楽しんだりビジネスとして活用したりと、さまざまな使い方をしていくでしょう。こうしたメディアで発信する情報は、運用しているWebサイトに埋め込むこともできます。 企業サ...
続きを読む>>

2022/08/30|WEB

Windowsのローカル開発環境のXAMPPをアップグレードする方法

Windowsのローカル開発環境のXAMPPをアップグレードする方法

Web初心者でも手軽に開発環境が準備できるXAMPPですが、世の中の進化に合わせてXAMPPもアップグレードして、ローカル上で開発テストを行なっていく必要があります。 特によくWebで利用されるPHPについては、1年ペースで新バージョンがリ...
続きを読む>>

2022/08/23|WEB

掲示板アプリ「Padlet」のWebサイトやブログへの埋め込み方法と共有設定

掲示板アプリ「Padlet」のWebサイトやブログへの埋め込み方法と共有設定

掲示板アプリ「Padlet」は、企業であればチームの情報共有やお知らせなどの共有に、また教育機関であればクラスでの情報共有に、オンラインで使える便利な掲示板ツールです。 Padletの導入や簡単な使い方については、以下の記事でご紹介してい...
続きを読む>>

2022/08/17|便利ツール

教育機関でも便利に活用できるオンライン掲示板アプリ「Padlet」の使い方

教育機関でも便利に活用できるオンライン掲示板アプリ「Padlet」の使い方

昨今、インターネット上で多くのことをやり取りする中で便利な、オンラインで利用できる「Padlet」という掲示板アプリがあります。PadletはWebブラウザの他、タブレット端末やスマートフォンのアプリとしても提供さてれいますので、様々なデ...
続きを読む>>

2022/08/10|便利ツール

Processingのmap関数の使い方とオブジェクトの変化に合わせた色の調整

Processingのmap関数の使い方とオブジェクトの変化に合わせた色の調整

Processingでは、map関数を使うことで描くオブジェクトの変化を調整したり、そのオフジェクトの変化に合わせて色を調整したりすることができます。アニメーションなどでデジタルアートを制作するうえで、とても使い勝手のいい便利な関数です。...
続きを読む>>

2022/08/03|WEB

CSSのMedia Queries Level 4で拡張されたメディアクエリの範囲指定

CSSのMedia Queries Level 4で拡張されたメディアクエリの範囲指定

CSSも年々アップデートされる中、Media Queries Level 4ではRange型が扱えるようメディアクエリの構文が拡張されました。デバイス幅の範囲はこれまでのmin-widthやmax-widthの他、比較演算子を利用した範囲指...
続きを読む>>

2022/07/27|WEB

ProcessingのVideoライブラリで動画素材の映像を利用する

ProcessingのVideoライブラリで動画素材の映像を利用する

ProcessingのVideoライブラリは、映像を取り扱うことができるライブラリになります。 Videoライブラリの定義されているMovieクラスでは、動画ファイルの読み込みから映像の再生のコントロールなど、動画を扱って映像を編集したりC...
続きを読む>>

2022/07/18|WEB

デスクワーク時の間食に。体に嬉しい健康的なお菓子・おやつ

デスクワーク時の間食に。体に嬉しい健康的なお菓子・おやつ

昨今ではテレワークやリモートワークで仕事される方が増えてきて、自宅またはレンタルスペース他、さまざまな場所で作業することがあり、特にデスクワークでの仕事では作業中の間食をよくされることでしょう。ここでは、栄養面で健康を維持できるようなお菓子...
続きを読む>>

2022/07/10|LIFE

≪ 1 … 17 18 19 20 21 … 60 ≫
  • AI FRIENDLY DIAGNOSIS

    AI最適化診断

    生成AIに正しく評価され、選ばれるサイトへ。

    ブログ読者特典 ライトプラン20%OFF
    AI最適化診断について相談する
  • PDF編集のサブスクをゼロに

    • 結合・抽出・削減・並び替え
    • 機密を守るパスワード保護
    • 完全オフライン対応

    PDF Pro

    詳細・導入手順はこちら
  • バナー広告募集

    価値ある情報を、必要な人へ。

    お気軽にお問い合わせ下さい。

    詳しくはこちら
  • AI検索(AIO/GEO)対応

    画像バナーはもう古い?
    AIに選ばれる「HTML+CSSバナー」

    バナー内のテキストもAIが100%認識。
    表示速度も向上する次世代仕様。

    詳しく見る・価格はこちら →

SEARCH

お探しのコンテンツはありますか

WordPress WebTool Google HTML CSS Webdev

PROFILE

Akira

AKIRA

NUOVA SFIDA 代表
Webエンジニア / 講師

自身の事業NUOVA SFIDAで企業のDX支援やWeb制作を行いながら、大学や専門学校で講師も務めています。現場のリアルな知見と教育者の視点を掛け合わせ、最新技術を分かりやすく解説します。

プロフィール詳細
Bluesky
Threads
mixi2
Webエンジニア - Creator Channel

当ブログのLINE公式アカウントを友だち追加していただくと、新しい記事の更新通知や最新情報をトーク画面で手軽に受け取ることができます。

友だち追加



CATEGORY

  • LIFE
  • WEB
  • 便利ツール

人気記事

Gmailのメール返信でメールの内容を引用する時の引用符の付け方
Gmailのメール返信でメールの内容を引用する時の引用符の付け方
Google Chatの履歴をエクスポートする方法
Google Chatの履歴をエクスポートする方法
WindowsのVisual Studio Codeでコマンドプロンプトを利用する
WindowsのVisual Studio Codeでコマンドプロンプトを利用する
Photoshopでカンバスサイズを画像などのオブジェクトに合わせる
Photoshopでカンバスサイズを画像などのオブジェクトに合わせる
VSCodeの拡張機能「Minify」でCSSやJSファイルを圧縮・軽量化する
VSCodeの拡張機能「Minify」でCSSやJSファイルを圧縮・軽量化する

note RSS

  • プロンプトを書くだけのAI活用はもう限界。ループエンジニアリングで変わる業務自動化の現場
  • 有言実行ではなく不言実行でいい。有言実行の見えない重大なリスクとは?
  • HTML+CSSバナーがSEO・AIO・GEOに与える成果と具体的な実装方法
  • Webサイトが生成AIに引用されるための構造化。検索エンジンに情報源として認識される重要なHTMLタグ
  • その「分かったつもり」が危ない。AI時代の長期記憶をつくる『望ましい困難』の実践法
  • note クリエイターページ AKIRA | Webエンジニア / 講師
  • 学生向け ご質問・お問い合わせ
  • Web制作に関する
    ご相談、ご依頼、お見積りは
    こちらから

    NUOVA SFIDA
  • ホーム
  • プライバシーポリシー
  • 広告掲載
  • お問い合わせ(外部サイト)

© 2016-2026 Webエンジニアのブログ