Diff
checker
テキスト
テキスト
画像
ドキュメント
Excel
フォルダ
Legal
Enterprise
デスクトップ
料金
ログイン
Diffchecker デスクトップのダウンロード
テキスト比較
2 つのテキスト ファイルの違いを見つける
ツール
履歴
ライブエディター
空白の変更を非表示
未変更行を折りたたむ
折り返しなし
レイアウト
分割
統合
比較精度
スマート
単語
文字
テキストスタイル
外観を変更
シンタックスハイライト
構文を選択
無視
テキスト変換
最初の差分へ移動
入力を編集
Diffchecker Desktop
Diffcheckerを実行する最も安全な方法。Diffchecker Desktopアプリを入手:あなたの差分はコンピューターから出ることはありません!
Desktopを入手
Untitled diff
作成日
7 年前
差分は期限切れになりません
クリア
エクスポート
共有
説明
0 削除
行
合計
削除
文字
合計
削除
この機能を引き続き使用するには、アップグレードしてください
Diff
checker
Pro
価格を見る
46 行
すべてコピー
9 追加
行
合計
追加
文字
合計
追加
この機能を引き続き使用するには、アップグレードしてください
Diff
checker
Pro
価格を見る
54 行
すべてコピー
コピー
コピー済み
コピー
コピー済み
var _jsxFileName = "/Users/misiek/dev/gatsby/examples/using-typescript/src/layouts/index.tsx";
(function () {
(function () {
var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule;
var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule;
enterModule && enterModule(module);
enterModule && enterModule(module);
})();
})();
var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
return a;
return a;
};
};
import * as React from "react";
import * as React from "react";
import { rhythm } from "../utils/typography";
import { rhythm } from "../utils/typography";
var MainLayout = function MainLayout(_ref) {
var MainLayout = function MainLayout(_ref) {
var children = _ref.children;
var children = _ref.children;
return React.createElement("div", {
return React.createElement("div", {
style: {
style: {
margin: "0 auto",
margin: "0 auto",
marginBottom: rhythm(1.5),
marginBottom: rhythm(1.5),
marginTop: rhythm(1.5),
marginTop: rhythm(1.5),
maxWidth: 650,
maxWidth: 650,
paddingLeft: rhythm(3 / 4),
paddingLeft: rhythm(3 / 4),
paddingRight: rhythm(3 / 4)
paddingRight: rhythm(3 / 4)
コピー
コピー済み
コピー
コピー済み
}
}
,
__source: {
fileName: _jsxFileName,
lineNumber: 6
},
__self: this
}, children);
}, children);
};
};
var _default = MainLayout;
var _default = MainLayout;
コピー
コピー済み
コピー
コピー済み
export default _default;
;
;
(function () {
(function () {
var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default;
var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default;
if (!reactHotLoader) {
if (!reactHotLoader) {
return;
return;
}
}
reactHotLoader.register(MainLayout, "MainLayout", "/Users/misiek/dev/gatsby/examples/using-typescript/src/layouts/index.tsx");
reactHotLoader.register(MainLayout, "MainLayout", "/Users/misiek/dev/gatsby/examples/using-typescript/src/layouts/index.tsx");
reactHotLoader.register(_default, "default", "/Users/misiek/dev/gatsby/examples/using-typescript/src/layouts/index.tsx");
reactHotLoader.register(_default, "default", "/Users/misiek/dev/gatsby/examples/using-typescript/src/layouts/index.tsx");
})();
})();
;
;
(function () {
(function () {
var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule;
var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule;
leaveModule && leaveModule(module);
leaveModule && leaveModule(module);
})();
})();
保存された差分
原文
ファイルを開く
(function () { var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule; enterModule && enterModule(module); })(); var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) { return a; }; import * as React from "react"; import { rhythm } from "../utils/typography"; var MainLayout = function MainLayout(_ref) { var children = _ref.children; return React.createElement("div", { style: { margin: "0 auto", marginBottom: rhythm(1.5), marginTop: rhythm(1.5), maxWidth: 650, paddingLeft: rhythm(3 / 4), paddingRight: rhythm(3 / 4) } }, children); }; var _default = MainLayout; ; (function () { var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default; if (!reactHotLoader) { return; } reactHotLoader.register(MainLayout, "MainLayout", "/Users/misiek/dev/gatsby/examples/using-typescript/src/layouts/index.tsx"); reactHotLoader.register(_default, "default", "/Users/misiek/dev/gatsby/examples/using-typescript/src/layouts/index.tsx"); })(); ; (function () { var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule; leaveModule && leaveModule(module); })();
変更されたテキスト
ファイルを開く
var _jsxFileName = "/Users/misiek/dev/gatsby/examples/using-typescript/src/layouts/index.tsx"; (function () { var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule; enterModule && enterModule(module); })(); var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) { return a; }; import * as React from "react"; import { rhythm } from "../utils/typography"; var MainLayout = function MainLayout(_ref) { var children = _ref.children; return React.createElement("div", { style: { margin: "0 auto", marginBottom: rhythm(1.5), marginTop: rhythm(1.5), maxWidth: 650, paddingLeft: rhythm(3 / 4), paddingRight: rhythm(3 / 4) }, __source: { fileName: _jsxFileName, lineNumber: 6 }, __self: this }, children); }; var _default = MainLayout; export default _default; ; (function () { var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default; if (!reactHotLoader) { return; } reactHotLoader.register(MainLayout, "MainLayout", "/Users/misiek/dev/gatsby/examples/using-typescript/src/layouts/index.tsx"); reactHotLoader.register(_default, "default", "/Users/misiek/dev/gatsby/examples/using-typescript/src/layouts/index.tsx"); })(); ; (function () { var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule; leaveModule && leaveModule(module); })();
違いを見つける