Texteditor - Ohotech 並盛 #5

>100 Views

September 11, 13

#software #texteditor #ohotech #北見 #テキストエディタ #HTML #ワープロソフトウェア #Ohotech #情報処理技術研究会

スライド概要

Ohotech 並盛 #5 にて。
何故テキストエディタが必要か。Wordとは違うのか。
データの内容にも触れながら、簡単に説明したつもり。

tomio2480

@tomio2480

スライド一覧

tomio2480 です

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

ダウンロード

ダウンロード(pdf - 11.73MB)

関連スライド

ITコミュニティと情報発信に共通する成長と貢献の要素(2023年版)

community cybozutech コミュニティ勉強会ブログ blog

tomio2480 47.7K

ITコミュニティと情報発信に共通する成長と貢献の要素(2024年版)

cybozutech コミュニティ勉強会ブログ blog カンファレンス community 成長

tomio2480 9.5K

痩せた IT コミュニティと引き締まった IT コミュニティの違い

community 岡山北海道旭川小平市富良野勉強会コミュニティ

tomio2480 6.1K

VS スライドアップロードサービス

aosc 北海道旭川スライド slide フォント font

tomio2480 6K

ITコミュニティは駅であれ

community コミュニティ勉強会北海道 cybozu サイボウズ commons コモンズ

tomio2480 5.4K

人と地域と技術コミュニティ：みんなが信じた「のびしろ」を幻にしないために

北海道コミュニティ旭川富良野岡山生き方

tomio2480 5.2K

各ページのテキスト

[beta]

<!DOCTYPE html>
<html lang=”ja”>
<head>
<meta charset=”utf-8”>
<title>
Ohotech 並盛 #5
</title>
<style type=”text/css”>
<!-html *{
margin:0;
padding:0;
}
body{
width:1024px;
height:768px;
}
#title{
position:absolute;
left:15px;
bottom:15px;

Text
Editor

}
#sub-title{
position:absolute;
right:15px;
bottom:15px;
}
-->
</style>
</head>
<body>
<div id=”title”>
<p>Text</p>
<p>Editor</p>
</div>
<div id=”sub-title”>
<p>Ohotech 並盛 #5</p>
<p>@tomio2480</p>
Ohotech 並盛 #5
</div>
</body>
@tomio2480
</html>

1. About Speaker 2. About Text Editor 3. Why Text Editor 4. More Text Editor

1/4 About Speaker

1/4 About Speaker 西原翔太 – tomio2480 北見工業大学電気電子工学科オホテク – Ohotech その他各地勉強会に居たりする情報処理技術研究会 – Syoriken 現在は宣伝部長 (非公式) 04/62

1/4 About Speaker 旭川 18年 → 北見 4年目 (Last !) 電気システムコースは強電が専門最近は美術芸術界隈にお世話に月３回くらい札幌 (参考 : @tututen) Program, Electronic Work 本日は Program + Web のお話 05/62

1/4 About Speaker 注意 1 06/62

1/4 About Speaker 今日の内容が分からない人僕の話を聞いてから色々試してみて下さい。 1. エディタのインストール 2. 他の環境構築 3. HTMLなどの確認自分で出来る場合はお好きになさって下さい。 07/62

1/4 About Speaker 注意 2 08/62

1/4 About Speaker 今日の内容がすでに分かる人僕を無視して以下の作業をしましょう。 1. HTML の復習 2. CSS の復習・予習 3. 実力試験 4. 自分の作業 09/62

10.

2/4 About Text Editor

11.

2/4 About Text Editor Text Editor 11/62

12.

2/4 About Text Editor とすきての Text Editor なんでしょ！？たぃでえ 12/62

13.

2/4 About Text Editor とすきての Text Editor なんでしょ！？その通りですたぃでえ 13/62

14.

2/4 About Text Editor 参考 : 右側主要部の規則 Text Editor 今回はしっかり其々の意味をとらえましょう。 14/62

15.

2/4 About Text Editor エディタエディタ（またはエディター、editor）は、コンピュータ上で各種のオブジェクトを編集するソフトウェア。単にエディタという場合、テキストエディタを指すことが多い。引用 : Wikipedia - エディタ 15/62

16.

2/4 About Text Editor Text Editor 16/62

17.

2/4 About Text Editor テキストテキスト（英語: text、ドイツ語: Text、フランス語: texte）は、文章や文献のひとまとまりを指して呼ぶ呼称。言葉によって編まれたもの、という含みを持つ語で、織物（Textile テクスタイル）と同じくラテン語の「織る」が語源である。引用 : Wikipedia - テキスト 17/62

18.

2/4 About Text Editor コンピュータ用語のテキストコンピュータ用語では、通信や解析や表示の対象となる文字データ（文字列）を指す。文字の表示の仕方などについて何も付加情報がつけられていないものを特に「プレーンテキスト」、それをファイルに保存したものをテキストファイルと呼び、編集にはしばしばテキストエディタを使用する。引用 : Wikipedia - テキスト 18/62

19.

2/4 About Text Editor Text Editor 19/62

20.

2/4 About Text Editor テキストエディタコンピュータで文字情報(テキスト)のみのファイル、すなわちテキストファイルを作成、編集、保存するためのソフトウェア（プログラム）である。一般的に、文字情報の入力、削除、コピー、貼り付け、検索、置換、整形などの機能を備えている。引用 : Wikipedia - テキストエディタ 20/62

21.

2/4 About Text Editor テキストエディタワープロソフトは高機能な反面、起動や終了に時間がかかり、動作が鈍重で、出力されるファイルが大きくなる傾向がある。その点、テキストエディタは小回りが利く、素早く動けるなどのメリットがある。禁則処理など日本語編集に特化した機能を搭載したテキストエディタもある。引用 : Wikipedia - テキストエディタ 21/62

http://ja.wikipedia.org/wiki/禁則処理

22.

2/4 About Text Editor 要するに 22/62

23.

2/4 About Text Editor テキストエディタコンピュータ上で文字データのみを扱い、編集や保存は勿論のこと、割と自在に編集できるソフトウェア。ワープロのような機能は持たないのが一般的。と言った感じでしょうか。 23/62

24.

3/4 Why Text Editor

25.

3/4 Why Text Editor 実験テキストエディタの優位性を確かめる実験です。 25/62

26.

3/4 Why Text Editor 実験目的テキストエディタとワードソフトウェアの違いを, htmlファイルの編集, 保存, Webブラウザでの表示を以て確認すること. 26/62

27.

3/4 Why Text Editor 実験手順 1. Microsoft Office Word とメモ帳を用意。 2. 両ソフトウェアで同じ文字列を打ち込む。 3. 互いに html ファイルとして保存。 4. ブラウザでの表示を確認する。 27/62

28.

3/4 Why Text Editor Word で編集している様子メモ帳で編集している様子 28/62

29.

3/4 Why Text Editor 結果 29/62

30.

3/4 Why Text Editor Wordで編集した方メモ帳で編集した方 ※ Google Chrome での検証 30/62

31.

3/4 Why Text Editor Wordで編集した方をメモ帳で編集した方をメモ帳で開いた様子メモ帳で開いた様子ファイルサイズ : 10.8 KB ファイルサイズ : 515 B 31/62

32.

3/4 Why Text Editor マルチスタイルテキストプレーンテキスト 32/62

33.

3/4 Why Text Editor コンピュータ用語のテキストコンピュータ用語では、通信や解析や表示の対象となる文字データ（文字列）を指す。文字の表示の仕方などについて何も付加情報がつけられていないものを特に「プレーンテキスト」、それをファイルに保存したものをテキストファイルと呼び、編集にはしばしばテキストエディタを使用する。引用 : Wikipedia - テキスト 33/62

34.

3/4 Why Text Editor テキストエディタコンピュータで文字情報(テキスト)のみのファイル、すなわちテキストファイルを作成、編集、保存するためのソフトウェア（プログラム）である。一般的に、文字情報の入力、削除、コピー、貼り付け、検索、置換、整形などの機能を備えている。引用 : Wikipedia - テキストエディタ 34/62

35.

3/4 Why Text Editor テキストエディタワープロソフトは高機能な反面、起動や終了に時間がかかり、動作が鈍重で、出力されるファイルが大きくなる傾向がある。その点、テキストエディタは小回りが利く、素早く動けるなどのメリットがある。禁則処理など日本語編集に特化した機能を搭載したテキストエディタもある。引用 : Wikipedia - テキストエディタ 35/62

http://ja.wikipedia.org/wiki/禁則処理

36.

3/4 Why Text Editor プレーンテキストプレーンテキスト (plain text) とは、コンピュータ上で文章を扱うための一般的なファイルフォーマット、または文字列の形式である。ワードプロセッサで作成した文章とは違い、文字ごとの色や形状、文章に含まれる図などといった情報を含まない。引用 : Wikipedia - プレーンテキスト 36/62

37.

3/4 Why Text Editor おまけ 37/62

38.

3/4 Why Text Editor .docxをWordで開いた様子 .htmlをWordで開いた様子 38/62

39.

3/4 Why Text Editor 要するに 39/62

40.

3/4 Why Text Editor 思い通りに表示されないテキストエディタで編集しないと、自分の予期しない文字列を勝手に追加されてしまうため、予期せぬ動作をすることになる。ワードソフトとテキストエディタは一緒ではない！ 40/62

41.

4/4 More Text Editor

42.

4/4 More Text Editor 多様なテキストエディタテキストエディタ → メモ帳 !!! 他にもいっぱいあります。確かに、メモ帳はテキストエディタですが、もっと色々な機能を持ったテキストエディタもあるのです。 42/62

43.

4/4 More Text Editor notepad(メモ帳), テキストエディット, Notepad++, Sublime Text, InType, gPad, TeraPad, さくらエディタ, 秀丸エディタ, EmEditor, Mery, O’s Editor 2, mi, Vertical Editor, MIFES, mkeditor, UnEditor, 真魚, jedit, Emacs, ee, Vi, Vim ......etc 43/62

44.

45.

4/4 More Text Editor 評価基準 45/62

46.

4/4 More Text Editor 着目する点 01. 行番号 06. 検索と置換 02. 標準の色分け具合 07. タブ (ウィンドウ) 03. オートインデント 08. 独自コマンド 04. 括弧の自動補完 09. 入門しやすさ 05. 用語の自動補完 10. 愛用しやすさ 46/62

47.

4/4 More Text Editor 着目する点 LN. 行番号 SR. 検索と置換 Sy. 標準の色分け具合 Tb. タブ (ウィンドウ) AI. オートインデント Cm. 独自コマンド (). 括弧の自動補完 Bg. 入門しやすさ Wd. 用語の自動補完 Uf. 愛用しやすさ 47/62

48.

4/4 More Text Editor notepad (メモ帳) 48/62

49.

4/4 More Text Editor Windows Mac Ubuntu Windows 標準エディタきっと知名度 No.1 フォントくらいは変えられる notepad (メモ帳) LN ない Sy ない AI ない () ない Wd ない SR 検索のみ Tb ない Cm ない Bg いとも簡単に触れられる Uf 愛用は......ちょっと...... 49/62

50.

4/4 More Text Editor gPad 50/62

51.

4/4 More Text Editor Windows Mac Ubuntu 前回のOhotech並盛で使用欲しい機能は大体ありタブ型インストーラ版とzip版あり gPad LN あり Sy ちょっと少なめ AI あり () なし Wd あり SR 両方あり Tb あり Cm あり Bg シンプルで惑う事無し Uf ちゃんと使えば高機能 51/62

52.

4/4 More Text Editor TeraPad 52/62

53.

4/4 More Text Editor Windows Mac Ubuntu かなり有名な類いのエディタツールがたくさんあるツール込み版が公式にある TeraPad LN あり Sy 広い範囲に対応 AI あり () なし Wd なし SR 両方あり Tb なし Cm あり Bg 周りのサポートが手厚い Uf ツールも相まって強豪 53/62

54.

4/4 More Text Editor Vim 54/62

55.

4/4 More Text Editor Windows Mac Ubuntu GUIがなくても使用できる熱狂的ファンと熱狂的アンチエディタの敷居を越えるとか Vim LN あり Sy かなり広い範囲に対応 AI あり () なし？ Wd なし？ SR 両方あり Tb なし？ Cm あり Bg 一人では心折れるのでは Uf 使い続けると逃避不能 55/62

56.

4/4 More Text Editor おまけ 56/62

57.

4/4 More Text Editor コーディングフォント文字をばちばち打っていて、見分けがつきづらい文字に心当たりがあるかと思います。 :;iIl., などなど...... そんなときにはコーディングフォントを使いましょう。 57/62

58.

4/4 More Text Editor ゆたぽんフォント個人的なおすすめはこいつです。なによりめんこいのでおすすめです。気の荒むような作業でも癒してくれるのではなかろうか。 : ; i I l . , ← こんなところに全角空白が！なんてのもわかりやすいのが特徴です。 58/62

59.

4/4 More Text Editor 統合開発環境「やたらと飾り付いたテキストエディタを見た」と、仰る場合、粗方それはIDE(統合開発環境)というものでしょう。テキストエディタを内包した強力な開発の手助けをしてくれるツールの事です。 59/62

60.

4/4 More Text Editor ・Visual Studio ・WebMatrix ・Xcode ・Eclipse ・Net Beans ・MPLAB ・HEW ・Audicle Visual Studio 2012 の見た目 ......etc 60/62

61.

1. About Speaker 2. About Text Editor 3. Why Text Editor 4. More Text Editor

62.

終 twitter :: @tomio2480