Web担メモ
ログイン メモする
Web担メモ
  • HOME

Web担当者が、日々の業務の中で役立ったことをメモしています。


ソースコードを比較して差分をチェックできるツール

U3
2020/5/15
2024/11/7

編集にはカテゴリー認証が必要です ▼受付終了にする

CSSなどの差分をマージしたいときに便利かもしれません。

Diff(テキスト比較ツール)

https://tool-taro.com/diff/


http://mergely.com/



Dream weaver

https://webkan.hateblo.jp/entry/20150903/p1

コメント

コメントはまだありません。

関連する投稿

Replit（リプリット）とは
Replit（リプリット）は、ブラウザだけでプログラミングができるオンラインの統合開発環境（IDE）自分のPCに面倒な環境構築をする必要がなく、ログインするだけで、PythonやJavaScriptなど50以上の言語でコードを書き、その場ですぐに実行・公開できます。 💡 主な特徴環境構築が不要: ブラウザさえあれば、PCの種類を問わずどこでも開発を始められます。AIエージェント（Replit Agent）: 自然言語（日本語も可）で「こんなアプリを作って」と指示するだけで、コード生成からデータベース連携、デプロイ（公開）までAIが自動で行ってくれます。リアルタイム共同編集: Googleドキュメントのように、複数人で同時に同じコードを編集できます。ホスティング機能: 作成したWebアプリやボットを、そのままインターネット上に公開して動かし続けることが可能です。💰 料金プランStarter（無料）: 基本的な開発環境とAIのコード補完が利用可能です。Replit Core / Teams（有料）: 高性能なAIエージェント（Replit Agent）の利用枠や、より強力なマシンパワーが必要な場合に適しています。 プログラミング初心者から、爆速でプロトタイプ（試作）を作りたいエンジニアまで幅広く使われているツールです。

Web制作

  • 0
  • 23
  • 0
U3
Material Iconsをwebサイト経由せず、ローカルで使えるようにする
サーバーのセキュリティ設定等によっては、外部Webサイトへアイコンを読み込みに行くとリンク切れになることがあります。サーバーの状況がわからないクライアントへサイトを納品する場合には、アイコンは外部サイトへ読み込みに行かないほうがよいです。https://heimdal.hatenablog.com/entry/how-to-use-material-Iconsを参考にしました。1Releases · google/material-design-icons · GitHubから最新版をダウンロード2zipを解凍3iconfontのフォルダを、使いたいHTMLファイルのフォルダに格納htmlファイルと同じ階層にiconfontが入っている前提での記述<head> ・・・ <link rel="stylesheet" href="./iconfont/material-icons.css"> </head>

Web制作

  • 0
  • 855
  • 0
U3
WebP　Googleが提供する画像ファイル形式
Google社が開発、2010年に提供開始。表示速度が速い。アルファチャンネル（透過）が使える。JPEGやGIF,PNGから置き換わりつつある。WebP変換ツールhttps://lab.syncer.jp/Tool/Webp-Converter/

Web制作

  • 0
  • 107
  • 0
U3
サイト内のテキストをコピー禁止にする
http://raining.bear-life.com/html/web%E3%82%B5%E3%82%A4%E3%83%88%E5%86%85%E3%81%AE%E6%96%87%E7%AB%A0%E3%83%BB%E6%96%87%E5%AD%97%E5%88%97%E3%82%92%E3%82%B3%E3%83%94%E3%83%BC%E7%A6%81%E6%AD%A2%E3%81%AB%E3%81%99%E3%82%8BJavaScriptでコピーペーストできないようにする

Web制作

  • 0
  • 122
  • 0
U3
ホームページで複数ページのヘッダーとフッターを共通にするサンプルコード
ホームページで複数のページにわたってヘッダーとフッターを共通にするための方法はいくつかあります。主にHTMLとJavaScript、またはサーバーサイドの言語（例えばPHP）を使用する方法があります。以下にPHPを仕様する場合のサンプルコードを示します。PHPを使用する方法PHPを使用する場合、サーバーサイドでヘッダーとフッターを各ページに挿入することができます。共通のヘッダーとフッターを含むPHPファイルを作成します。 例えば、header.php と footer.php というファイルを作成します。header.php: <!-- ヘッダーの内容 --> <header> <nav> <!-- ナビゲーションバーの内容 --> </nav> </header> footer.php: <!-- フッターの内容 --> <footer> <p>© 2023 Your Website</p> </footer> 各PHPページでヘッダーとフッターをインクルードします。<?php include 'header.php'; ?> <!-- ページの主要なコンテンツ --> <?php include 'footer.php'; ?> これらの方法を使用することで、複数のページにわたってヘッダーとフッターを一貫して表示することが可能です。どちらの方法を選択するかは、使用している技術や環境によって異なります。PHPとJavaScript、それぞれを使ったほうがよいパターンヘッダーとフッターを共通にするためにPHPとJavaScriptを使い分ける際の主な考慮点は、ウェブサイトの構造、サーバーの種類、およびセキュリティ要件です。以下にそれぞれの使用パターンについて説明します。PHPを使用する場合サーバーサイドレンダリングが必要な場合:ウェブサイトが静的ホスティングではなく、PHPをサポートするサーバー上で動作している場合、PHPを使用するのが適切です。サーバーサイドでコンテンツを生成する必要がある場合（例えば、データベースからの動的なコンテンツの表示）。SEO（検索エンジン最適化）の観点から:サーバーサイドで完全にレンダリングされたページは、検索エンジンにより効果的にインデックスされます。JavaScriptに依存するコンテンツは、検索エンジンによって完全には認識されない可能性があります。パフォーマンスとロード時間:サーバーサイドでのレンダリングは、クライアントサイドのJavaScriptを使うよりも、初回のページロードを高速化することが多いです。JavaScriptを使用する場合静的サイトやサーバーレスアーキテクチャ:静的ホスティングサービス（例えば、GitHub PagesやNetlify）を使用している場合、サーバーサイドのPHPが使用できないため、JavaScriptを使うことになります。クライアントサイドでの動的な内容変更:ページの一部を動的に更新する必要がある場合（例えば、ユーザーのインタラクションに基づいてコンテンツを変更する場合）は、JavaScriptが適しています。ユーザーエクスペリエンスの向上:クライアントサイドのJavaScriptを使用することで、ページの再読み込みなしに動的なコンテンツの更新が可能になり、ユーザーエクスペリエンスを向上させることができます。結論サーバーサイドのPHPは、サーバー上で動的なコンテンツを生成し、SEOを最適化し、高速なページロードを提供する場合に適しています。クライアントサイドのJavaScriptは、静的サイトやサーバーレス環境、またはクライアントサイドでの動的な更新が必要な場合に適しています。

Web制作

  • 0
  • 551
  • 0
U3
Web制作：いつまでIEに対応しなくてはいけないの？
インターネットエクスプローラーは、2021年8月でMicrosoft365でのサポートが終了します。Webサービスは、IEには対応していない旨を書いておいた方がよいでしょう。IEを使い続けることで企業に技術的負債をもたらすことになる。 移行しなければ目先の手間や費用はかからないが、逆に余計なコストを生み出すので、 長期的に見てIEを使い続けることは最適な選択ではない。 IEは新しいWeb標準をサポートしていません。ほとんどの開発者はIEでテストせず、 現代のブラウザでテストしています。最新のモダンブラウザに移行するのが最適です。Internet Explorerを使いづつけることの危険性

Web制作

  • 0
  • 45
  • 0
U3
FTPソフトで、日本語ファイル名が文字化けして削除できない
FTPソフトの設定で、文字コードをUTF-８にすると、文字化けが治り、削除もできる。参考https://coeure.co.jp/blog/homepage/ftp_error_171221

Web制作

  • 0
  • 143
  • 0
U3
AVIF（AV1 Image File Format）とは：次世代の画像ファイル形式
AVIFとは、画像のフォーマットです。JPEGやPNGと比べて圧縮率が高く、画質を保ちながらファイルサイズを小さくすることができます。

Web制作

  • 0
  • 29
  • 0
U3
ペライチ：LP（一枚物のWebページ）を簡単に作れる
ペライチを使ったページは増えてきました。イベント告知等、その時だけのページなら、ペライチで充分です。料金ライトプラン：月額980円独自ドメイン利用で3ページ利用可能。フォーム設置、SNS連携OK。フッター広告は消せない。レギュラープラン：月額1,980円5ページ利用可能。フッター広告が消せる。HTML/CSS/JS埋め込み可能。アクセス解析可能。支払方法有料プランのお支払いはクレジットカードのみ(※銀行振込、コンビニ払い等は不可)エンタープライズプランのお支払い方法は銀行振込（請求書払い）のみ契約期間満了日の翌日（契約更新日）に自動で課金有料プランでできること独自ドメイン作成：ページに任意のドメインを設定できます公開可能ページ上限数：誰でも見られるように公開できるページの上限数です決済オプション：ペライチで決済機能を使うことができますメルマガ配信：メールマガジンの配信・顧客の管理ができますページアニメーション：スクロール時にアニメーション効果をつけることができますプレミアムブロック/テンプレート：プレミアムブロックが使い放題！フッター広告非表示：公開ページのペライチ広告を非表示にできますフォント/文字サイズ変更：フォント種類の変更・部分的な文字サイズの変更ができますフォーム設置：ページにお問い合わせフォームを埋め込めますファイルダウンロード：ファイルをアップロードしてダウンロードURLを作成できますパスワード保護：ページをパスワードで保護することができますテーマカラーカスタマイズ：ページに設定されているテーマカラーを自由に編集できますタグ（HTML/CSS/JS）埋め込み：ページに任意のタグを埋め込めますアクセス解析：ページの閲覧数や閲覧ユーザー数が確認できますアカウント間ページ複製：チケットページをお好きなユーザーに複製できるチケットですSNS連携：タイムラインや投稿などのSNS連携を埋め込めますGoogleしごと検索連携：作成したページにGoogleしごと検索用のタグを設置できます

Web制作

  • 0
  • 224
  • 0
U3
iPhoneのWebアプリのプッシュ通知機能について
iPhoneでも、ホーム画面に置いたWebアプリからプッシュ通知を表示できるようになったようです。参考記事iOS Webアプリのプッシュ通知機能についてhttps://www.itmedia.co.jp/mobile/articles/2302/17/news104.htmliPhoneのアプリには、Webブラウザ上で利用するWebアプリと、App Storeからインストールされるネイティブアプリの2種類があります。本記事では、WebサイトからインストールされるWebアプリのプッシュ通知機能について解説します。プッシュ通知とはプッシュ通知とは、アプリケーションからユーザーに対して、通知メッセージを送信する仕組みのことです。具体的には、スマートフォンやタブレットなどのデバイスに通知が届くと、デバイスに表示される通知メッセージによって、ユーザーがアプリの存在や新着情報などを知ることができます。このように、プッシュ通知はアプリの利用促進やユーザーの関心度向上につながる重要な機能の一つです。Webアプリのプッシュ通知についてWebアプリのプッシュ通知には、ネイティブアプリとは異なる特徴があります。ネイティブアプリのプッシュ通知では、iOSデバイスにプッシュ通知を送信するためにAPNsというサービスを利用しますが、Webアプリの場合はPush APIというWebブラウザの機能を利用してプッシュ通知を送信します。Push APIは、Webアプリとサーバーとの通信にWebSocketなどの新しい通信方式を利用することで、リアルタイムにデータのやり取りが可能になる技術です。Push APIを利用することで、Webアプリに対して新着情報がある場合に、サーバーからプッシュ通知を送信することができます。ただし、Webアプリのプッシュ通知は、通知を受信する前にユーザーに許可を求める必要があります。Webアプリを開いたときに、デバイスに通知を許可するかどうかのダイアログが表示され、ユーザーが許可しないとプッシュ通知を受信することができません。Webアプリのプッシュ通知のメリットWebアプリのプッシュ通知には、以下のようなメリットがあります。ネイティブアプリを超えた利用可能性Webアプリは、Webブラウザがあればどのデバイスでも利用することができます。

Web制作

  • 0
  • 82
  • 0
U3

アクセスランキング

1

App Storeでアプリを一時的に配信停止にする方法

28

2

Excelで一つの値を一番下のセルまでコピーしたい時

14

3

VSCodeで複数ファイルを横断して検索＆置換する方法　Option+Shift+F

8

4

自分のチャンネルのYouTube動画に広告が表示されないようにしたい

7

5

ロケットチャットの新規通知をデスクトップ表示させるには

6

6

アクセス解析結果に「fbclid」というパラメーターが付く原因は？

4

7

システムの受託開発での「準委任契約」で気を付けることは？

3

8

Adobe XD：オブジェクトが勝手にパスに変換されてしまう

3

9

Facebook広告：Facebookピクセルとは？

3

10

【CSS】リンクの時は外部リンクアイコンのマークを自動で付ける

3

11

★リスト表示をjQueryで絞り込んで表示させる方法(フィルタ機能)

3

12

Google Playストアでアプリを一時的に非公開にする方法

2

13

Androidのアプリが「繰り返し停止しています」と表示される場合の対処法

2

14

Excelで指定の行に飛びたいとき（例えば2300行目とか）にパッと移動できる方法は

2

15

WordPress：Elementorでエラー &rdquo;Your site doesn&#039;t have a default kit&rdquo;

2

16

SafariでFacebookの埋め込みが表示されない

2

17

Adobe：PhotoshopでAdobeCCのログイン画面でIDが入力できない

2

18

Font Awsomeの接頭辞　fas far fal fab の違い

2

19

アトミックデザインとは

2

20

Macのテキストエディットで.txtファイルを作る

2

コメントランキング

1

「２人の営業パーソン」のクイズ

1

2

AIO (AI最適化) 重点要件

1

3

AIコピペハラスメントとは？〜AIが生成した文章をそのまま送るのはやめよう

1

いいねランキング

1

AIコピペハラスメントとは？〜AIが生成した文章をそのまま送るのはやめよう

2

2

Androidのアプリが「繰り返し停止しています」と表示される場合の対処法

2

3

「２人の営業パーソン」のクイズ

1
この投稿者に問い合わせ
この投稿者に問い合わせ

当サイトでは、Cookieを使用しております。

すべての Cookie の使用に同意いただける場合は、下記の「同意します」をクリックしてください。

  • シェア
  • ログイン
  • 利用登録する
  • ログアウト
  • マイアカウント
  • メモする
  • このサイトについて
  • 問合せ
Copyright © Web担メモ
シェア
いいね！ X このエントリーをはてなブックマークに追加 LINEで送る