JavaScript External File
NOTEPAD - メモ帳 - テキストエディター
Notepad とは?
  • Notepad とは、Windows の伝統的なプログラムの一つであります。
    メモ帳ともいいますよね。

NOTEPAD - メモ帳 の場所は?
NOTEPAD の場所は  C:\WINDOWS
  • 普通は「スタート」→「すべてのプログラム」→「アクセサリー」と、辿っていくと「メモ帳」という名前で見つかります。
  • 見つからない時は、スタート → ファイル名を指定して実行(R)をクリックします。 名前(O)の欄にNotepadと記入してOKボタンを押しますと、メモ帳が開きます。
  • ファイル名を指定して実行の画像
  • こちらの方法でも探す事が出来ます。「スタート」 → 「マイコンピューター」 → 「ローカルディスク(C)」→「Windows」と辿って行くと「NOTEPAD」があります。

NOTEPAD - メモ帳 は何処?
『 質問 』
  • HTMLファイルを編集したいのですが、やり方がわかりません。アドバイスお願いします!
『 答え 』
  • 保存した時にファイルを拡張子「 .html 」で保存したので、 「 test-test.html 」のファイルを メモ帳(Notepad) あるいはエディターで開けばいいのです。
  • そうそう・・ notepad を選んで『 このファイルを開くときは いつもこのアプリケーションで開く 』と言うチェックが 左下の方にありますので、チェックを入れて 「OK」を クリックして下さい。

『 プログラムから開く 』
  • マイ ドキュメントに保存された「JScript Script File」の確認方法の画像2
  • 保存した「ファイル」の上で 右クリックして 「プログラムから開く」を選択して、次に「 Notepad 」を選択します。 「 Notepad 」とはメモ帳のことですよ。
  • 「 Notepad 」が見つからない場合は、パソコンで「 Notepad 」を一度も使用していない為です。
  • 「プログラムから開く」を選択して、次に「プログラムの選択」を選択します。
  • ファイルを開くプログラムの選択の画像2
  • 「ファイルを開くプログラムの選択」というところで「 Notepad 」を探してください。
  • 見つけましたら「 Notepad 」の上でクリックして、一番下にあるOKボタン押して完了です。

みつからない方

『 プログラムから開く が選択肢の中に無い方 』
  • 
    マイドキュメントを開く
        ↓
    保存したtest-test.htmlファイルに
    カーソルを合わせてダブルクリックする。
    
    もしくは・・
    保存したtest-test.htmlのファイルに
    カーソルを合わせて右クリック
    選択肢の中から開くを選択する。
        ↓
    IEが起動しtest-test.htmlファイルが開きます。
    ただの青い画面のみが表示されていますよね。
        ↓
    ブラウザの上の方にあるメニューバーの「表示」を選び
    プルダウンメニューの「ソース」を選択します。
    
    ----------------------------------------------------------
    
      または・・
      画面上で右クリック
        ↓
    選択肢の中から「ソースの表示」を選択します。
        ↓ 
    「 test-test.HTMLファイル 」のメモ帳が開きましたよね。
    
    Notepad が起動し、保存した状態の
    test-test.htmlファイルが開いたはずです。
    「ソース」=メモ帳(Notepad)のことです。
    
    ----------------------------------------------------------
    
    test-test.htmlファイルをメモ帳で編集します。 
    別に保存したJSファイルを
    test-test.htmlファイルに呼び出すタグを記入します。
        ↓
    メモ帳の左上のファイルと書いてある所をクリックして、
    「名前を付けて保存」を選択します。 
    ファイル名の欄に test-test.html と記入して下さい。
    その他の場所はいじらないで下さい。
    最後に保存ボタンを押せば、パソコンに保存されています。
    
    ----------------------------------------------------------
『 別な方法でも出来ます。 』
  • 新規 Notepad を起動させます。
    何も書かれていないメモ帳が開きましたか?
          ↓
    その Notepad の上の方にあるメニューバーから
    「ファイル」を開くを選択します。
          ↓
      開いたメッセージボックスから
      マイ ドキュメントで保存した
      「test-test.htmlファイル」を探し出し、
      ダブルクリックしますと、 保存した状態の
      test-test.htmlファイルが開いたはずです。
    
    ----------------------------------------------------------
    
    test-test.htmlファイルをメモ帳で編集します。 
    保存したJSファイルを呼び出すタグを記入します。
          ↓
    メモ帳の左上のファイルと書いてある所をクリックして、
    「上書き保存」を選択します。 
    上書き保存をクリックしただけで、
    パソコンに保存されています。
    
    ----------------------------------------------------------

見本
『 test-test.html 』
  • 下記の見本のページは JavaScript を使用して別窓表示です。
  • 何も無いソースの見本

  • このファイルには JavaScript の記述がありません。(何も無い状態です。)
  •    

  • ちゃんと出来ていればパソコン上(ローカル)で、
    JavaScript 外部ファイルから呼び出された物が表示されています。

関連付け
関連付けとは?
  • ファイル名の後部は拡張子とかエクステンションとか呼ばれていて、
    拡張子はファイルの大まかな分類に使用されています。
  • たとえばの例ですが・・ 『 .txt 』 という拡張子はメモ帳に関連付けられています。
    (アプリケーションのファイル名は notepad.exe です)
  • 関連付けとは、ファイル名が test.txtのファイルを開くと 自動的にメモ帳が実行されるという仕組みの事を言います。
  • この一連の考え方ですが、 関連付けされているファイルを開くとは ファイルを関連アプリケーションで実行するという意味と同じ事になります。
  • test.txt はアプリケーションではなくて、ただのファイルであるために、 自力での実行能力はありませんが、関連付けの仕組みが、 ファイルである test.txt を メモ帳に渡すかたちでメモ帳が実行されるわけです。
  • ちなみに txt という拡張子は、 文字情報のみを記述してあるファイルに使用されています。

優れ物のテキストエディターの紹介
お薦めの テキストエディター
  • Windows には、Notepad というテキストエディターが用意されていますが、もっと優れ物があります。
  • _______________________________________________________________________________________________________________
  • EmEditor Professional  相互リンクサイト
  • こちらの EmEditor Professional - テキストエディタはシェアウェアです。【 4,200円 】
  • EmEditor Professional は Unicodeなどに対応し 多言語対応タイプのテキストエディタです。
  • 国際派の学生、教職員のためのテキストエディタでもあります。
  • ソフトウェア ダウンロード 『 EmEditor Professional
  • 「 EmEditor Professional 」の作者のページはこちらです。 『 EmEditor - テキストエディタ
  • EmEditor - テキストエディタ      | EmEditor ユーザーのサイト | 
  • Vector:EmEditor 関連
  • _______________________________________________________________________________________________________________
  • 秀丸エディタ  相互リンクサイト
  • 秀丸も、有名なテキストエディターです。
  • ジオシティーズのHPなどがあてはまりますが、ソースが EUC で記述されている場合、日本語で書かれている部分が文字化けします。秀丸エディターを使用しますと、文字化けしないで ちゃんと表示されます。その他、いろいろ機能あり。
  • 『 秀丸エディタ 』 はシェアウェアです。【 4,200円 】
  • ソフトウェア 『 秀丸エディタ 』 作者のページです。      | リンク | 
    ダウンロードも作者のページより出来ます。
  • _______________________________________________________________________________________________________________
  • メモ帳++  相互リンクサイト
  • こちらの「 メモ帳++ 」はフリーソフトです。
  • 「 メモ帳++ 」はWindowsに標準添付されているメモ帳では不可能であったEUC(拡張UNIXコード)や、64Kを超えるテキストの扱いを可能にしています。メモ帳に慣れてしまった人のために、メモ帳にそっくりなテキストエディタになっています。
  • ソフトウェア 『 メモ帳++
  • 「 メモ帳++ 」の作者のページはこちらです。
    O.K.U.'s Software Workshop 〜lanai〜 』      | PC Links | 
  • _______________________________________________________________________________________________________________
  • TeraPad
  • こちらの「 TeraPad 」はフリーソフトです。
  • TeraPadはシンプルなSDIタイプのテキストエディタです。
    行番号、桁ルーラー表示、IME再変換、画面分割、印刷とプレビュー、 D&D編集、Undo/Redo、HTML/Perl/Ruby/INI/BAT/C++/Java/HSP/Delphiの各種編集モード、矩形選択、TAB/空白/改行/[EOF]のマーク表示、漢字/改行コードの自動認識、外部プログラムの起動、排他制御、 WWWブラウザでのプレビュー、引用行/URL/メールアドレスのカラー表示など、テキストエディタとしての基本的な機能をもっています。
  • ソフトウェア 『 TeraPad  Ver.0.91

その他のテキストエディター


 | JavaScript 関連リンク | おしらせメール | HOME | 

[サイトマップ] [お薦めリンク集] [相互リンク] [このページのTOPに移動] [TOP]





 | Contact us at Feedback  | SitePolicy | 

Last Update: 3 / 03 / 2009 05:01:24 JST

 | bisoyのルーム(プロフィール)  | 子連れ ヘラブナ釣り  | ひかる君の写真集 | 
 | Bayani  | Balita  | Bagong Bayani  | Directory  | Yahoo! 360°  | Web BBS  | JS File |