WebMedia | Web制作・システム開発など多くの実績を持つITRAならではの様々な情報を発信していきます。
新着記事
-
デザイン・コーディング 【初心者向け】クリエイティブ・コモンズ・ライセンスとは？著作権のルールを知ろう！
普段インターネット上で画像や動画を使用する場合、著作権などのライセンスをきちんと理解して使用していますか？作品の著作権を...
-
Web便利ツール GoogleのURL短縮サービス移行先は？
「goo.gl」で知られるGoogleのURL短縮サービス、「Google URL shortener」が2019年3月...
-
Web便利ツール Adobe Flash Playerが2020年末にサポート終了！正しい移行方法と代替案
かつてWebサイトのリッチコンテンツの代表的技術であったAdobe Flash Playerがいよいよ、2020年末をも...
-
【ABテスト実施方法】ABテスト実行までの流れ・分析方法・ツールを紹介
バナー広告やメインビジュアルなどを検討する際、どのように計画し作成していますか？マーケティング手法の1つにABテストとい...
-
Web便利ツール 【Google】2020年9月にモバイルファーストインデックスを全サイトに適用
2020年3月5日、モバイルファーストインデックスへの移行を2020年9月に開始することをGoogleが発表しました。 ...
-
プロデュース・ディレクション 【アクセシビリティ向上】Webサイトの音声読み上げの注意点と必要性
近年はアクセシビリティ向上の必要性が高まり、音声読み上げ機能を考慮した記述をしているWebサイトも増えてきました。音声読...
-
バックエンド モバイルファーストインデックス延期？延期時期や詳細なポイントを解説！
モバイルファーストインデックスは当初2020年9月に強制移行の予定でしたが、先月Googleが正式にモバイルファーストイ...
-
デザイン・コーディング 【厳選！】6つの拡張子（画像フォーマット）の特徴と適切な用途を比較！
Webサイトに画像をアップロードしたいけれど、どの拡張子（画像フォーマット）、もしくは画像ファイル形式を選べばいいか迷っ...
-
デザイン・コーディング Photoshopのスライスツール・画像アセットとは？書き出し方法をそれぞれ紹介
Webサイトを作成する際に、作り上げたデザイン画からそれぞれのパーツを書き出す必要がありますよね。Photoshopでの...
-
デザイン・コーディング 擬似クラスとは？:hoverや:nth-child(n)など使える擬似クラスの種類を紹介
擬似クラスは何のために使用するものなのかをしっかりと理解できていますか？擬似クラスとは、CSSのセレクタに付け加えて使用...
-
【初心者向け】クリエイティブ・コモンズ・ライセンスとは？著作権のルールを知ろう！
普段インターネット上で画像や動画を使用する場合、著作権などのライセンスをきちんと理解して使用していますか？作品の著作権を確認せずに使用していると、場合によっては...
-
GoogleのURL短縮サービス移行先は？
「goo.gl」で知られるGoogleのURL短縮サービス、「Google URL shortener」が2019年3月30日で終了しました。すでに発行済みの短...
-
Adobe Flash Playerが2020年末にサポート終了！正しい移行方法と代替案
かつてWebサイトのリッチコンテンツの代表的技術であったAdobe Flash Playerがいよいよ、2020年末をもってサポート終了となります。Adobe ...
-
【ABテスト実施方法】ABテスト実行までの流れ・分析方法・ツールを紹介
バナー広告やメインビジュアルなどを検討する際、どのように計画し作成していますか？マーケティング手法の1つにABテストというものがありますが、ただただAパターンB...
-
【Google】2020年9月にモバイルファーストインデックスを全サイトに適用
2020年3月5日、モバイルファーストインデックスへの移行を2020年9月に開始することをGoogleが発表しました。 Announcing mobile...
-
【アクセシビリティ向上】Webサイトの音声読み上げの注意点と必要性
近年はアクセシビリティ向上の必要性が高まり、音声読み上げ機能を考慮した記述をしているWebサイトも増えてきました。音声読み上げの精度を上げることはアクセシビリテ...
-
モバイルファーストインデックス延期？延期時期や詳細なポイントを解説！
モバイルファーストインデックスは当初2020年9月に強制移行の予定でしたが、先月Googleが正式にモバイルファーストインデックスを延期することを発表しました。...
-
【厳選！】6つの拡張子（画像フォーマット）の特徴と適切な用途を比較！
Webサイトに画像をアップロードしたいけれど、どの拡張子（画像フォーマット）、もしくは画像ファイル形式を選べばいいか迷った経験はありませんか？画像のファイル形式...
-
Photoshopのスライスツール・画像アセットとは？書き出し方法をそれぞれ紹介
Webサイトを作成する際に、作り上げたデザイン画からそれぞれのパーツを書き出す必要がありますよね。Photoshopでの書き出しは従来スライスツールで行われてい...
-
擬似クラスとは？:hoverや:nth-child(n)など使える擬似クラスの種類を紹介
擬似クラスは何のために使用するものなのかをしっかりと理解できていますか？擬似クラスとは、CSSのセレクタに付け加えて使用し、デザインの適用方法を増やすことができ...
おすすめ記事
-
セキュリティ SSL/TLSとは？意味や仕組みを基礎からわかりやすく解説！
「保護されていない通信」の表示があるWebサイトを見たときに、どうして警告が出ているのか、何がセキュリティ上危険なのかが正確にわかる人は少ないのではないでしょうか。SSLはWebサイトのセキュリティを...
-
デザイン・コーディング OGPとは？OGPの基本からOGP画像のサイズや設定方法を分かりやすく解説
OGPとはWebサイトの内容をSNS上でシェアするための仕組みです。OGPにはWebの記事がSNSにシェアされた際に表示する情報を記述しておく必要がありますが、どのような項目をどこに記述すればいいのか...
-
プロデュース・ディレクション 保守運用とは？保守契約書の内容やWeb制作会社選定のポイント
Webサイトの保守契約の必要性を正しく理解していますか？制作したWebサイトをより最新な情報、かつ安全に保つために、Web制作会社と適切な保守契約を結ぶことは必須です。この記事では、多くのWebサイト...
-
プロデュース・ディレクション 魅力ある採用サイト制作のポイントや含むべきコンテンツを紹介！
企業がほしいと感じる人材を獲得するためには、採用サイトを企業の魅力を充分に伝えられるもので、かつ必要な情報が揃っているものにする必要があります。採用サイトを適切に制作して運用していくことは、応募者の増...
-
セキュリティ 【CSSとは】CSSの構造や記述方法・基本的なプロパティを紹介！
Webサイトを制作するにあたって文書構造はHTMLでデザインはCSS、要素の動きはJavaScriptを用いるということはご存じかもしれません。しかし、そもそもCSSとは一体何か、なぜデザインをCSS...
-
バックエンド Webサイトリニューアル後のSEO対策！301リダイレクトの基本と設定方法
Webサイトをリニューアルした際にURLが変更されたとき、リダイレクトの設定を忘れていませんか？使わなくなったURLを残してリダイレクト設定をしないと、SEOにも影響が出てきてしまうほど、リダイレクト...
-
デザイン・コーディング HTML5とは？メリットとHTML5から追加された新しいタグを紹介！
Webサイト制作に欠かせないHTML。現在W3Cが使用を勧告されたHTML5では、初期に勧告されたHTMLと比べると、使用できる機能が飛躍的に増えました。2014年に利用が勧告されたHTML5ですが、...
-
デザイン・コーディング 【2020年】プログラミング言語ランキング！日本と世界で人気な言語を紹介！
急速に発展する現代のテクノロジーによって私たちの暮らしは日々豊かになっています。そんな私たちの暮らしを陰で支えているテクノロジーの1つとしてプログラミング言語が挙げられます。LINEやTwitterと...
-
デザイン・コーディング 【初心者向け！】CSS floatプロパティを図解で分かりやすく解説！
Webサイト制作のCSSで、誰もがぶつかる最初の壁は、floatプロパティではないでしょうか。floatプロパティがうまく使えずに、CSSを挫折してしまった人も数多くいると思います。しかしfloatは...
-
デザイン・コーディング パンくずリストとは？役割やメリット、設定における注意点を解説！
私たちは地図で行きたい場所を調べようとするとき、いま自分が居る場所がどこかを把握しようとするのではないでしょうか。Webサイトも同じで、ユーザーが次のページを探すとき、今自分が見ているページの位置を知...