Webエンジニアのブログ

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

ブラウザやOSごとにCSSを適応させるCSSハックいろいろ

ブラウザやOSごとにCSSを適応させるCSSハックいろいろ

CSSハックとは各ブラウザごとでCSSの実装状況やバグの影響で表示が崩れてしまう時に、特定のブラウザのみにCSSの指定ができるテクニックです。ここではWindows10から登場したEdge(エッジ)を含めChrome、Firefox、Saf...
続きを読む>>

2017/07/27|WEB

p5.jsを使ってProcessingのクリエイティブコーディングをJavaScriptで書く

p5.jsを使ってProcessingのクリエイティブコーディングをJavaScriptで書く

p5.jsはProcessingをJavaScriptで書けるようにできるライブラリ。ProcessingをjavaScriptに移植したものなので、ビジュアルコーディングツールを使わなくてもwebブラウザ上でJavaScriptでクリエイ...
続きを読む>>

2017/07/19|WEB

YouTube動画に字幕をつける方法(動画SEO効果も)

YouTube動画に字幕をつける方法(動画SEO効果も)

今やGoogleについで世界第2位の検索エンジンとも言われるYouTube。視聴ユーザー数も月間15億人を突破したそうです(2017年06月23日頃の統計)。世界中の多くの人に観られるであろうYouTube動画をもっと観てもらいやすく、もっ...
続きを読む>>

2017/07/01|便利ツール

Macで動画のサイズ(容量)を小さくする簡単な方法

Macで動画のサイズ(容量)を小さくする簡単な方法

撮影した動画を何かの素材として使う時や誰かに共有したい時に容量が大きいと困ることは多々あります。そんな時は動画ファイルのサイズ(容量)を小さくすることをしなければいけません。  動画の容量を小さくと言っても何かソフトを使うんでしょ...
続きを読む>>

2017/06/29|便利ツール

【拡張機能は不要】Google Chromeでwebページ全体のスクリーンショットを撮る方法

【拡張機能は不要】Google Chromeでwebページ全体のスクリーンショットを撮る方法

webページの画像を誰かに共有したり、仕事の資料などでスクリーンショットが必要になることはあるでしょう。今まではスクリーンショットを撮る場合、とくにwebページ全体の時はGoogle ChromeはもちろんFirefoxやSafariでも、...
続きを読む>>

2017/06/08|便利ツール

iOS / Androidで利用可能なAdobeのPDFスキャンアプリ『Adobe Scan』

iOS / Androidで利用可能なAdobeのPDFスキャンアプリ『Adobe Scan』

紙からデジタルへという時には、スキャンしてデータとして取り扱うということはよくあることです。 紙の資料をデジタル化するにあたり、手軽にiPhoneやiPad、AndroidなどのスマートフォンでスキャンしてPDF化なんてことはしたくてしたく...
続きを読む>>

2017/06/02|便利ツール

Cookieよりも扱いやすい。HTML5で追加されたWeb Storage

Cookieよりも扱いやすい。HTML5で追加されたWeb Storage

アクセスしてきたユーザーの情報を保存する時によく使われるCookie(クッキー)やSession(セッション)。ユーザーの情報を保存するにはいいんですが、サーバアクセスするたびに自動送信するのでセキュリティは低いと言えるでしょう。 また、サ...
続きを読む>>

2017/05/22|WEB

夏でも冬でも。扇風機に負けないサーキュレーターの万能性

夏でも冬でも。扇風機に負けないサーキュレーターの万能性

空気を循環させる役割をしてくれるサーキュレーターは、春夏秋冬いつでも状況に応じて力を発揮してくれる万能家電です。サイズもコンパクトで音も静か、低電力で電気代の節約にも期待できます。また、保冷剤とサーキュレーターを一緒に使ったテクニックもご紹...
続きを読む>>

2017/05/12|便利ツール

Macのデュアルディスプレイ/マルチディスプレイ化で作業を快適に

Macのデュアルディスプレイ/マルチディスプレイ化で作業を快適に

PC作業においては、デュアルディスプレイ/マルチディスプレイ化で複数の画面を使うことで、作業がしやすくなり効率を上げることができます。またUSBハブを活用することで、トリプルディスプレイ化で3画面での作業が可能となります。...
続きを読む>>

2017/04/27|便利ツール

HTMLのaudio要素とJavaScriptでBGMのON/OFFの切り替えスイッチを作る

HTMLのaudio要素とJavaScriptでBGMのON/OFFの切り替えスイッチを作る

HTMLのaudio要素は、HTML5から新しい追加された要素で音声コンテンツを埋め込むことができます。Webサイト内で音楽を流すことは特に問題ではないですが、Webページにアクセスした時にいきなり音楽が流れるとユーザーとしては都合が良くな...
続きを読む>>

2017/04/16|WEB

≪ 1 … 56 57 58 59 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エンジニアのブログ