XMLの利用(XMLとXSL)

Size: px
Start display at page:

Download "XMLの利用(XMLとXSL)"

Transcription

1 XML の利用 XML(Extensible Markup Language) とは XML の基礎知識 XML とは WC(World Wide Web Consortium) で標準化された情報記述言語で有る 情報記述言語には HTML(Hyper Text Markup Language) が有り インターネット上の文書を標準化し世界規模の文書の閲覧を可能に仕たが 固定的なタグしか使用出来ない為 文書表現に柔軟性が無く文書交換に適さ無いと謂う欠点が有る 其処で タグを自由に設定出来る柔軟性の高い情報記述言語と仕て XML が開発された XML では タグを自由に設定する事に依り 明確にデータと仕ての意味を定義する事が可能と成ると共に DTD(Document Type Definition) と謂う文書構造定義に依り 自由に其の構造を決定する事が出来る為 文書の検索等に於ける処理効率も上がる 亦 情報と仕ての XML 文書 ( 文書構造定義 ) と表示手段と仕ての XSL スタイルシート ( 文書修飾言語 ) を明確に分離する事に依り 情報の再利用性 転用性を高めて居る 註 :XSL とは Extensible Stylesheet Language の略で有る HTML でも最近は CSS に依り 文書修飾の機能を分離する試みが為されて来たが 構造と修飾の分離が明示されて居ない HTML に比較して XML+XSL では更に機能を明確に区分する事が出来る 猶 IE 以上の環境が必要で有る 最新版 (XML.0 Second Edition) は で入手する事が出来る XML 宣言 (XML Declaration) XML の基本構造 XML のバージョンと使用する文字コードを記述する 例 :<?xml version=.0 encoding= Shift_JIS?> XML 文書の 行目では必ず <?xml?> 宣言を記述し無ければ成ら無い バージョン情報 エンコーディング宣言は 此の順で指定し 孰れも省略可能で有る スタイルシートの指定を記述する 例 :<?xml-stylesheet type= text/xsl href= wax_texta.xsl?> XML では 表示に関する部分をスタイルシートと仕てデータ本体と切り離す事が出来る為 用途に応じて種々のスタイルシートを XML ファイルと結び付ける事が出来る 文書型宣言 (DTD:Document Type Definition) XML 文書で使用する要素 (element) や属性 (attribute) 等を設定し 構造上の制約を記述する 例 :<!DOCTYPE 文書要素名 [ ]> ( 内部サブセット使用 ) <!DOCTYPE 文書要素名 SYSTEM DTD ファイル > ( 外部サブセット使用 ) DTD は 別ファイルで設定する事 ( 外部サブセットと謂う ) も XML 文書内で設定する事 ( 内部サブセットと謂う ) も両方で設定する事も出来る 故に 内部サブセットと外部サブセットを合わせた物が 其の XML 文書の DTD と成る 但し 内部と外部で重複する定義が有る場合 内部サブセットが優先される DTD は タグを定義する物で有るが 必ずしも XML 文書作成に不可欠の物では無い ブラウザに表示させる丈ならば XML 文書とスタイルシートが有れば充分で 要素や属性等の文書構造定義は必要無い DTD が無い XML 文書を Well-formedXML 文書と呼び DTD が有る XML 文書を ValidXML 文書と呼ぶ XML 本文 要素 属性とデータを記述する

2 XML の記述例 XML の記述例 内部サブセットの例 (XML ファイル ) <?xml version=.0 encoding= Shift_JIS?> <!DOCTYPE tag [ <!ELEMENT tag (tag, tag)> <!ELEMENT tag (#PCDATA)> <!ATTLIST tag pro CDATA #IMPLIED> <!ELEMENT tag (#PCDATA)> <!ATTLIST tag pro CDATA #IMPLIED> ]> <tag> <tag pro= 属性の値 > tag の内容 </tag> <tag pro= 属性の値 > tag の内容 </tag> </tag> 外部サブセットの例 (XML ファイル ) <?xml version=.0 encoding= Shift_JIS?> <!DOCTYPE tag SYSTEM dtdfile.dtd> <tag> <tag pro= 属性の値 > tag の内容 </tag> <tag pro= 属性の値 > tag の内容 </tag> </tag> 外部サブセットの例 (DTD ファイル ) <!ELEMENT tag (tag, tag)> <!ELEMENT tag (#PCDATA)> <!ATTLIST tag pro CDATA #IMPLIED> <!ELEMENT tag (#PCDATA)> <!ATTLIST tag pro CDATA #IMPLIED>

3 XML 記述例の解説 拡張可能マークアップ言語宣言 (XML 宣言 ) を行う 文書型宣言 (DOCTYPE 宣言 ) を行う 文書要素が出現する前に文書型の宣言を行う ( 必須では無い ) DOCTYPE 宣言の書式は 下記の通りで有る 内部サブセットの場合 :<!DOCTYPE 要素名 [ 各定義 ]> 外部サブセットの場合 :<!DOCTYPE 要素名 SYSTEM 外部 DTD ファイル名 > 要素型宣言 (Element Type Declaration) を行う 要素型宣言は 其の要素の子供と仕て何の様な名前の要素が何の様な組合せで現れるかと謂う内容モデルを指定する物で 下記の様に記述する <!ELEMENT 要素型子供に関する制約条件 > 内容モデルは(Content Model) 下記の様に分類される 要素内容 (Element Content) 混在内容 (Mixed Content) 空要素 (Empty Content) 任意要素 (Any Content) 要素内容は 或る要素の子供と仕て現れる事が出来るのが要素丈と謂う場合で 要素型( 要素の名前 ) を下記の様に組合わせる 猶 要素丈とは 文字データを含まない事を意味する a b a 要素とb 要素の孰れかが現れる事が出来る a, b a 要素の次にb 要素と謂う順で現れる事が出来る a+ a 要素が 回以上現れる事が出来る a* a 要素が0 回以上現れる事が出来る a? a 要素が0 回または 回現れる事が出来る 混在要素は 或る要素の子供と仕て現れる事が出来るのが要素と文字データと謂う場合で 文字データ丈が現れる場合と 要素も文字データも現れる場合の 種類に分けられる <!ELEMENT 要素型 (#PCDATA)> 文字データ丈の場合 <!ELEMENT 要素型 (#PCDATA 子要素型 )> 文字データと要素の場合此の場合 現れる要素型の順序や回数等に制限を付ける事は出来ない 空要素は 下記の様に記述する <!ELEMENT 要素型 EMPTY> 任意要素は 下記の様に記述する <!ELEMENT 要素型 ANY> 属性リスト宣言 (Attribute List Declaration) を行う 属性リスト宣言は 或る名前の要素が何う謂う名前の属性を持つかを指定する物で 下記の様に記述する <!ATTLIST 要素型属性名属性の型デフォルト宣言 > 属性の型は 下記の 種に大別される 文字型 (String Type) 属性値と仕て任意の文字列を認める型 <!ATTLIST 要素型属性名 CDATA #IMPLIED> トークン化型 (Tokenized Type) 下記の7 種の型 ID IDREF IDREFS NMTOKEN NMTOKENS ENTITY ENTITIES

4 列挙型 (Enumerated Type) 取り得る値の総てを記述する型 <!ATTLIST 要素型属性名 ( 値 値 値 n) 値 > デフォルト宣言は 基本的にはダブルクォーテーション又はシングルクォーテーションで囲んだデフォルト値を記述する デフォルト値の記述が不要な場合は 属性値が存在し無くても良い場合と属性値を指定する場合との 種類が有り 下記の様に記述する #IMPLIED 属性値が存在し無くても良い場合 #REQUIRED 属性値を指定する場合亦 値固定の場合は 下記の様に記述する #FIXED 其の固定値 値固定の場合 XML 本文を記述する XML 文書の最上位には 必ずルート要素 ( 第一要素 最上位要素とも謂う ) が必要で有り 総ての子要素が 此のルート要素の下に配置される事に成る 例えば 上記の記述例では tag がルート要素で有り 此の下に tag 要素や tag 要素が子要素と仕て配置されて居る XML 文書では 終了タグの省略は許可されず 必ず開始タグで始まり 終了タグで終わらなければ成ら無い エンプティタグの様に終了タグを必要と仕無い場合は 開始タグを /> で閉じる必要が有る 此の様な記述は許可され無い <P> 上記は此の様に記述する <P/> XML 文書では 全要素は正しくネスト構造を構成して居る必要が有る <tag><tag> 此の様な記述は許可され無い </tag></tag> <tag><tag> 上記は此の様に記述する </tag></tag> 各要素名の大文字と小文字は区別される <tag> 此の様な記述は許可され無い </TAG> 属性値はダブルクォーテーション又はシングルクォーテーションで囲まなければ成ら無い <tag pro=> 此の様な記述は許可され無い </tag> <tag pro= > 上記は此の様に記述する </tag> <tag pro= > 此の様に記述しても良い </tag> 上記の XML 文書を IE 以上で実行した場合 ブラウザには上記の XML 文書が 其の侭 表示される 此れは XML 文書が 単成るデータに過ぎず 表示に関する情報は一切含まれて居ないからで有る XML 文書をブラウザ上で整形して表示する為には HTML に変換する XSL スタイルシートが必要と成る

5 XSL の記述例 XSL の記述例 スタイルシートの例 (XSL ファイル ) <?xml version=.0 encoding= Shift_JIS?> <xsl:stylesheet xmins:xsl= > <xsl:template match= / > <HTML> <HEAD> <TITLE>XML </TITLE> <LINK REL= stylesheet TYPE= text/css HREF= cssfile.css /> </HEAD> <BODY> <xsl:apply-template select= tag /> </BODY> </HTML> </xsl:template> <xsl:template match= tag > <TABLE BORDER= > <TR> <TD NOWRAP= nowrap ><xsl:value-of select= tag /><TD> <TD NOWRAP= nowrap ><xsl:value-of /><TD> </TR> <TR> <TD NOWRAP= nowrap ><xsl:value-of select= tag /><TD> </TR> </TABEL> </xsl:template> </xsl:stylesheet> <TD NOWRAP= nowrap ><xsl:value-of /><TD> XSL 記述例の解説 拡張可能マークアップ言語宣言 (XML 宣言 ) を行う 各要素が従う文書規則の定義を行う ( 当面此の通りに記述する ) ルート要素に適用するテンプレートを記述する テンプレートとは XML 文書の各要素を何の様に表示するかと謂う規則を定めた物で有る XSL は 常にルート要素のテンプレートを基点に解釈される 通常の HTML を記述する ( 但し エンプティタグは末尾を />とする事に注意) XSL から CSS を呼び出す XSL は XML 文書の各要素を HTML に再配置 ( マッピング ) する為の物で有り 更に高度なスタイルを指定する場合には CSS を使用する事も出来る LINK タグはエンプティタグなので タグの末尾を /> とする必要が有る 別のテンプレートを呼び出す 6 属性値の簡略形は使用出来ない XML(XSL) では 属性を省略形で記述する事は出来ず 必ず属性名 = 属性値の形式で記述する 7 要素内のコンテンツを表示する ダブルクォーテーションで囲んで要素名を指定する 8 要素内の属性値を表示する ダブルクォーテーションで囲んで属性名を指定する( を付ける )

6 XSL の記述法 別のテンプレートを呼び出す書式は 下記の通りで有る <xsl:apply-template select= 要素名 /> 要素内のコンテンツを表示する書式は 下記の通りで有る <xsl:value-of select= 要素名 /> 要素内の属性値を表示する書式は 下記の通りで有る <xsl:value-of 属性名 /> リンクを張る書式は 下記の通りで有る <xsl:element name= a > <xsl:attribute name= href ><xsl:value-of select= URL の要素名 /></xsl:attribute> <xsl:value-of select= アンカーテキストを記した要素名 /> </xsl:element> 画像を表示する書式は 下記の通りで有る <xsl:element name= img > <xsl:attribute name= src ><xsl:value-of select= 画像ファイル名の要素名 />xsl:attribute> <xsl:attribute name= width > 横幅 </xsl:attribute> <xsl:attribute name= height > 縦幅 </xsl:attribute> </xsl:element> 指定した要素名に付いて繰返処理を行う書式 ( ソート無し ) は 下記の通りで有る <xsl:for-each select= 要素名 > 繰返処理 </xsl:for-each> 指定した要素名に付いて繰返処理を行う書式 ( ソート有り ) は 下記の通りで有る <xsl:for-each select= 要素名 order-by= ソートする下層要素名 > 繰返処理 </xsl:for-each> 条件が真の場合に行う処理を記述する書式は 下記の通りで有る <xsl:if test= 比較する要素名 [. 比較演算子比較値 ]> 真の場合の処理 </xsl:if> XSL の比較演算子 XSL の比較演算子 (XSL ではオペレータ記号と謂う ) には 下記の物が有る $eq$ 等しい $ieq$ 等しい ( 大文字と小文字の区別無し ) $ne$ 等しく無い $ine$ 等しく無い ( 大文字と小文字の区別無し ) $lt$ 小さい $ilt$ 小さい ( 大文字と小文字の区別無し ) $le$ 小さいか等しい $ile$ 小さいか等しい ( 大文字と小文字の区別無し ) $gt$ 大きい $igt$ 大きい ( 大文字と小文字の区別無し ) $ge$ 大きいか等しい $ige$ 大きいか等しい ( 大文字と小文字の区別無し ) $and$ 論理積 $or$ 論理和 $not$ 否定 6

XMLとXSLT

XMLとXSLT XML と XSLT 棚橋沙弥香 目次 現場のシステム構成とXML/XSLの位置づけ XMLとは XSL/XSLTとは Xalanのインストール いろいろなXSL XMLマスター試験の紹介 現場のシステム構成 HTML 画面上のデータ 電文 電文 外部 WEB サーバー (Java) CORBA 通信 認証サーバー (C 言語 ) DB XML 電文 HTML XSL XSLT 変換今回の説明範囲

More information

XML XML (Extensible Markup Language) ISO SGML (Standard Generalized Markup Language) W3C (World Wide Web Consortium) XML 1.0

XML XML (Extensible Markup Language) ISO SGML (Standard Generalized Markup Language) W3C (World Wide Web Consortium) XML 1.0 XML 2-1 XML XML (Extensible Markup Language) ISO SGML (Standard Generalized Markup Language) W3C (World Wide Web Consortium) XML 1.0 http://www.w3.org/tr/rec-xml http://www.fxis.co.jp/xmlcafe/tmp/rec-xml.html

More information

Webプログラミング演習

Webプログラミング演習 Web プログラミング演習 STEP11 XSLT を使った画面生成 XML:Extensible Markup Language コンピュータが扱うデータや文書を表現する技術 SGML(Standard Generalized Markup Language) の改良 利用者が自由に拡張可能なマークアップ言語を設計 HTML=SGML を利用して作成された Web ページ記述言語 XHTML=XML

More information

スライド 1

スライド 1 XML with SQLServer ~let's take fun when you can do it~ Presented by 夏椰 ( 今川美保 ) Agenda( その 1) XML XML XSLT XPath XML Schema XQuery Agenda( その 2) SQLServer における XML XML 型 XML Schema XQuery & XPath チェック制約

More information

XSLT 4-1

XSLT 4-1 XSLT 4-1 XSLT XML XML HTML XSLT 1.0 (W3C ) http://www.w3.org/tr/xslt http://www.zvon.org/xxl/xsltreference/output/ ( ) XML 4-2 XSLT XML

More information

XML基礎

XML基礎 基礎から学ぶ XML 特集 - 基本の基本! XML と文法 - インフォテリア株式会社 XML とは XML 1.0 W3Cの勧告 XML 1.1 XML 文書 HTMLとXML XML(Extensible Markup Language) 1.0 拡張可能なマークアップ言語 1998 年にW3Cから勧告された XML 1.0 ベンダーやプラットフォームから独立したインターネット標準 http://www.w3.org/tr/xml/

More information

.xml.xsl bcs.dtd 2. 提案 BCS.DTD のエレメントと属性 BCS.DTD のエレメントの属性を以下に示す 出 エレメント説明 現 属性 下位構造 数 code 適宜工事コード等を記述する 任 意 Common Docinfo Reference UkeoiKeiyakusyoHikaeSoufusyo KoujiTyakusyuTodoke SongaihokenKeiyakuHoukokusyo

More information

橡SPA2000.PDF

橡SPA2000.PDF XSLT ( ) d-oka@is.s.u-tokyo.ac.jp ( ) hagiya@is.s.u-tokyo.ac.jp XSLT(eXtensible Stylesheet Language Transformations) XML XML XSLT XSLT XML XSLT XML XSLT XML XML XPath XML XSLT XPath XML XSLT,XPath 1 XSLT([6])

More information

■新聞記事

■新聞記事 情報処理 C (P.1) 情報処理 C ホームページ作成入門 テキストエディタ ( メモ帳 TeraPad など ) でHTMLファイルを作成する HTML(Hyper Text Markup Language ) ホームページを記述するための言語のこと テキストエディタの起動 (TeraPad の場合 ) [ スタート ]-[ プログラム ]-[ テキストエディタ ]-[TeraPad] をクリック

More information

XMLプログラミング(DOM編)

XMLプログラミング(DOM編) XML プログラミング DOM に依る XML 文書の操作 DOM と DOMDocument オブジェクト プログラミング言語から XML を扱うには DOM(Document Object Model) と呼ばれるプログラミングインターフェイスを利用するのが最も簡単で有る DOM は Internet Explorer 5.x 以降の XML パーサ (MSXML) に実装されて居る DOMDocument

More information

Microsoft PowerPoint - CSS(Cascading Style Sheets)の基本.pptx

Microsoft PowerPoint - CSS(Cascading Style Sheets)の基本.pptx CSS(Cascading Style Sheets) の基本 1. CSSの基本的な考え方は HTMLの構造を表す要素 ( タグ ) に対しスタイルを定義するというもの 2. CSSでは セレクタ プロパティ 値 の3つを組み合わせてスタイルを設定する 3. セレクタ は ,, や 要素などコンテンツ内のどの要素にスタイルを適用するかを指定する 4. セレクタの次の

More information

<4D F736F F D A957A A A8FEE95F18F88979D DEC90AC E646F63>

<4D F736F F D A957A A A8FEE95F18F88979D DEC90AC E646F63> 情報処理 C (P.1) 情報処理 C (2011 年度 ) ホームページの作成 http://open.shonan.bunkyo.ac.jp/~ohtan/ テキストエディタ ( メモ帳 TeraPad など ) でHTMLファイルを作成する HTML(Hyper Text Markup Language ) ホームページを記述するための言語のこと テキストエディタの起動 (TeraPad の場合

More information

合宿事前講座 Web 開発の基本編その 2 情報研究会モブ 薗田海樹 The. H.30 情報研究会 1

合宿事前講座 Web 開発の基本編その 2 情報研究会モブ 薗田海樹 The. H.30 情報研究会 1 合宿事前講座 Web 開発の基本編その 2 情報研究会モブ 薗田海樹 2018 6.12 The. 1 前回の復習 n ブラウザ って何? n Web サイト のキホンを作ってみよう 2 ブラウザ とは?HTML とは?? n ブラウザとは? WEB ページを閲覧するためのソフトウェア p HTML というブラウザに言語を表示する言語によって表示されている n HTML とは? p Hyper Text

More information

Microsoft PowerPoint - 05XMLによるデータの表現.pptx

Microsoft PowerPoint - 05XMLによるデータの表現.pptx 九州大学工学府海洋システム工学専攻講義資料担当 : 木村船舶海洋情報学 05. XMLによるデータの表現 XML(Extensible Markup Language) 情報を保管 ラベル付け 構造化 または保護するための コンテナ のようなもの異なるシステムが相互にコミュニケーションするための手段 基盤 1) データは XML 文書 ( テキスト ) で表現される 2) タグによって情報は 要素

More information

スタイルシートでデザインを整えよう

スタイルシートでデザインを整えよう スタイルシートでデザイン (2) CSS (Cascading Style Sheets) ここまで HTML は文章の意味的な役割を記述するもので 表示はブラウザ次第であることを強調してきました あるブラウザでの表示方法を前提に HTML で見た目を制御しようとすると 他の環境では意味が通じにくい 相互運用性の低い情報となってしまいます Web の表現を作者が指定するには HTML ではなく スタイルシートという別の機能をもちいます

More information

VB実用Ⅲ⑩ フリーデータベースⅡ

VB実用Ⅲ⑩ フリーデータベースⅡ MySQL の利用 MySQL の ODBC(MyODBC) テキストでは MySQL Connector/ODBC(mysql-connector-odbc-3.51.14-win32.msi) をインストールした場合に付いて解説して居るが 此処では MyODBC(MyODBC-3.51.10-x86-win-32bit.msi) をインストールし myodbc-3.51.06-conv_ujis.zip

More information

情報C 4月スクーリング プリント

情報C 4月スクーリング プリント 情報の科学スクーリングプリント (e-typing 結果推移報告 Web ページ作成 ) 1/9 情報の科学スクーリングプリント (e-typing 結果推移報告 Web ページ作成 ) スクーリング日 ( ) 生徒番号 ( ) 氏名 ( ) 学習 目標 1. HTML を使って Web ページを作成できる 2. e-typing 結果の推移をわかりやすく伝えることができる 3. 著作権や肖像権に配慮することができる

More information

64bit環境で32bitコンポーネントの利用

64bit環境で32bitコンポーネントの利用 64bit 環境 64bit 環境で 32bit コンポーネントの利用 Windows 7 や 8 の出現で 愈々 64bit 環境も普及し始めて来た 64bit 環境に於いては 64bit 用に最適化された 64bit コンポーネントを使用するのが本筋で有ろうが 64bit 環境に於いても 32bit コンポーネントを使用し度い場合が有る 過去の遺物 ( レガシ ) と仕て切り捨てるのではなく 良い物は良い物と仕て有効利用すると謂う観点から

More information

情報C 4月スクーリング プリント

情報C 4月スクーリング プリント 情報の科学スクーリングプリント (e-typing 結果推移報告 Web ページ作成 ) 1/6 情報の科学スクーリングプリント (e-typing 結果推移報告 Web ページ作成 ) スクーリング日 ( ) 生徒番号 ( ) 氏名 ( ) 学習 目標 1. HTML を使って Web ページを作成できる 2. e-typing 結果の推移をわかりやすく伝えることができる 3. 著作権や肖像権に配慮することができる

More information

構造体

構造体 構造体 Byte 配列 構造体とコピーする方法 構造体とバイト配列の変換を行うには System.Runtime.InteropServices 名前空間をインポートして置くと便利で有る Imports System.Runtime.InteropServices using System.Runtime.InteropServices; 下記の 3 種類の構造体にバイト配列の値を格納した場合に付いて検証する

More information

2 / 16 HTML=HyperText Markup Language( ハイパーテキストマークアップランゲージ ) ブラウザ (Chrome) での表示 ソースの表示 ( メモ帳 /TeraPad) HTML <========= =========>

2 / 16 HTML=HyperText Markup Language( ハイパーテキストマークアップランゲージ ) ブラウザ (Chrome) での表示 ソースの表示 ( メモ帳 /TeraPad) HTML <========= =========> 1 / 16 第 11 回セミナー / 全 12 (2014/8/28) HP の基本的構造の理解とページ構成の工夫 これだけはマスターしておきたい HTML 厳選タグ迷子を生まないためのリンクの配置 ( 読ませる工夫 ) Web 作成の基本ツール Web ブラウザ Chrome FireFox Opera (Internet Explorer) Chrome Firefox Opera https://www.google.com/intl/ja/chrome/browser/features.html

More information

Microsoft PowerPoint - css-3days 互換モード

Microsoft PowerPoint - css-3days 互換モード 情報基礎 CSS を用いた Web ページ作成 CSS とは Cascading Style Sheet の省略表記 シーエスエスと読む Web ページのレイアウト ( 視覚的構造 ) を定義する スタイルシート の規格の一つ Web の標準化団体である W3C(World Wide Web Consortium) によって標準化 W3C で推奨される考え方 論理構造 : マークアップ言語 HTML,

More information

Microsoft PowerPoint _1b-HTML.pptx

Microsoft PowerPoint _1b-HTML.pptx HTML5 の XML 構文 (1) 整形式文書として記述する XML 文書として曖昧さのない記述にする (2) 名前空間宣言を入れる XML としての拡張性は名前空間によって実現される (3) XML 宣言を入れる XML 宣言は文字コードの判別に用いられる 14 (1) 整形式文書として記述する (a) 正しい木構造で記述する (b) 終了タグを省略しない (c) タグの大文字 小文字を区別する

More information

Microsoft PowerPoint - css-3days.ppt [互換モード]

Microsoft PowerPoint - css-3days.ppt [互換モード] 情報基礎 CSS を用いた Web ページ作成 CSS とは Cascading Style Sheet の省略表記 シーエスエスと読む Web ページのレイアウト ( 視覚的構造 ) を定義する スタイルシート の規格の一つ Web の標準化団体である W3C(World Wide Web Consortium) によって標準化 W3C で推奨される考え方 論理構造 : マークアップ言語 HTML,

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 3 Webデザイナーに求められる知識 優秀な HTML, CSS, 画像編集, JavaScript, jquery, XML, 色 彩理論, LL, データベース, SEO, SMO, EFO, コピーラ イティング, テキストライティング, イラストレー ション, Flash, ディレクション能力, プロジェクトマ ネジメント, Logo作成, Typography, サーバ管理, PHP, Perl,

More information

SGML HTML XML Markup Language Web HTML HTML SGML Standard Generalized Markup Language Markup Language DTD Document Type Definition XML SGML Markup Language HTML XML HTML XML JavaScript JAVA CGI HTML Web

More information

正規表現応用

正規表現応用 正規表現 正規表現を使って文字列が或る形式と一致するか調べる 指定された正規表現のパターンと一致する対象が入力文字列内で見付かるか何うかを調べるには Regex クラスの IsMatch メソッドを使用する 此処では IsMatch メソッドを使った例を幾つか紹介する 猶 正規表現のパターンと一致する個所を探し 見付かれば 其の箇所を抽出する方法は 正規表現を使って文字列を検索し 抽出する で紹介して居る

More information

Microsoft PowerPoint - css-3days 互換モード

Microsoft PowerPoint - css-3days 互換モード 情報基礎 CSS を用いた Web ページ作成 CSS とは Cascading Style Sheet の省略表記 シーエスエスと読む Web ページのレイアウト ( 視覚的構造 ) を定義する スタイルシート の規格の一つ Web の標準化団体である W3C(World Wide Web Consortium) によって標準化 W3C で推奨される考え方 論理構造 : マークアップ言語 HTML,

More information

3.3 World Wide Web 26

3.3 World Wide Web 26 3.3 World Wide Web 26 WWW の生い立ち 1989 CERN (European Center for Nuclear Research) で文書管理のために考案 他の文書へのリンクを含むテキスト (HyperText) HTML 1993 Mosaic クリックするだけでリンク先にアクセスすることのできるグラフカルユーザインタフェース 1994 World Wide Web

More information

○19.デジタル写真管理情報基準

○19.デジタル写真管理情報基準 2-5 デジタル写真管理情報基準 1 デジタル写真管理情報基準 ( 案 ) - 目次 - 1 適用... 1 2 フォルダ構成... 1 3 写真管理項目... 4 4 ファイル形式... 6 5 ファイル命名規則... 7 6 写真編集等... 8 7 有効画素数... 8 8 撮影頻度と提出頻度の取り扱い... 8 9 その他留意事項... 8 付属資料 1 写真管理ファイルの DTD... 付

More information

Lotus Domino XML活用の基礎!

Lotus Domino XML活用の基礎! IBM Software Group Lotus Domino XML 2 Agenda Domino XML Domino XML Lotus Domino Web XML Lotus Domino Web XML XML 3 Domino XML Language (DXL) XML Lotus Domino Lotus Notes/Domino R5 Lotus Notes/Domino 6.x

More information

分散情報システム構成法

分散情報システム構成法 Web Information System Design No.6 Web 文書空間 萩野達也 (hagino@sfc.keio.ac.jp) 1 Web 文書の全体構成要素 Web 文書 XML データ文書 XML アプリケーション HTTP URI 参照操作 Unicode 2 HTML 以外の XML アプリケーション HTML の成功を XML に Extensible Stylesheet

More information

PYTHON 資料 電脳梁山泊烏賊塾 PYTHON 入門 関数とメソッド 関数とメソッド Python には関数 (function) とメソッド (method) が有る モジュール内に def で定義されて居る物が関数 クラス内に def で定義されて居る物がメソッドに成る ( 正確にはクラスが

PYTHON 資料 電脳梁山泊烏賊塾 PYTHON 入門 関数とメソッド 関数とメソッド Python には関数 (function) とメソッド (method) が有る モジュール内に def で定義されて居る物が関数 クラス内に def で定義されて居る物がメソッドに成る ( 正確にはクラスが PYTHON 入門 関数とメソッド 関数とメソッド Python には関数 (function) とメソッド (method) が有る モジュール内に def で定義されて居る物が関数 クラス内に def で定義されて居る物がメソッドに成る ( 正確にはクラスがインスタンス化されてからメソッドに成る ) # 関数 def test_func(): print('call test_func') #

More information

PostgreSQL の XML 機能解説と将来拡張への提言

PostgreSQL の XML 機能解説と将来拡張への提言 2009 11 21 11 00 11 50 B 1 PostgreSQL "Let's Postgres" 2 PostgreSQL XML URL http://lets.postgresql.jp/documents/technical/tutorial/xml 3 4 Storage Query Language XML Schemas Programming Interface 5 XML

More information

グラフィックス 目次

グラフィックス 目次 WPF チュートリアル WPF デザイナーに依るサイズ変更可能なアプリケーションの作成 Grid コンテナーコントロールと共に GridSplitter コントロールを使用する事に依り 実行時にユーザーに依ってサイズを変更出来るウィンドウレイアウトを作成出来る 例えば 領域に分割されて居る UI を持つアプリケーションで ユーザーが分割線をドラッグする事に依り より多くの内容を見る必要が有る領域を大きくする事が出来る

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 情報システム基礎演習 B 2016/01/28 (Thurs.) テーマ 4 JavaScript による電卓 Web アプリを作成しましょう 健山智子 (t.tateyama.es@cc.it-hiroshima.ac.jp) 広島工業大学情報学部知的情報システム学科知的情報可視化戦略研究室 (ival) 講義のアウトライン 2 1. グループの決定 : 1. 5 人での 6 グループ ( ランダム

More information

Userコントロール

Userコントロール User コントロール 初めてのユーザーコントロールの作成 作成したクラスは他のプログラムで再利用出来る為 同じコードを何度も繰り返し作成する必要が無い コントロールも 複数のプロジェクトで再利用出来るクラスで有る 同じユーザーインターフェイスを何度も繰り返してデザインすると謂う経験は 恐らく誰でも有る 例えば 姓と名を入力する為の TextBox コントロールを追加した後で 両方を組み合わせてフルネームを作成するコードを追加する等の作業で有る

More information

超簡単にWebページを作成

超簡単にWebページを作成 Lesson を始める前に どんなプログラマーもこれを実践しました 超簡単に Web ページを作成 この解説書は Lesson が高レベルになっても参照用として利用して下さい この章の実践方法はまず解説ページ内にある HTML ソースコードをコピーして メモ帳などに貼り付けて 実行して 表示してそのあとで表示内容を解説します 最初は全然理解できない方でも 同じ HTML コードを繰り返し 繰り返 し実践する事で

More information

Microsoft PowerPoint - 04WWWとHTML.pptx

Microsoft PowerPoint - 04WWWとHTML.pptx 船舶海洋情報学 九州大学工学府海洋システム工学専攻講義資料担当 : 木村 04. WWW と HTML WWW(World Wide Web) インターネットの情報をハイパーテキスト形式で参照できる情報提供システム HTML などのコンテンツを HTTP プロトコルで転送 インターネット クライアント PC WWW の情報を画面に表示するクライアントソフトウエア :WEB ブラウザ Internet

More information

Web

Web Web 1 1 1........................... 1 2 Web...................... 1 3...................... 3 4........................ 4 5........................... 5 i............................ 5 ii iii..........................

More information

PYTHON 資料 電脳梁山泊烏賊塾 PYTHON 入門 文字列 文字列リテラル プログラムの中で文字列を表す方法は幾つか有るが 基本的な方法は下記の 2 種で有る 対象と成る文字の集まりをダブルクオーテーション ( " ) で囲うか シングルクオーテーション ( ' ) で囲う PYTHON3 "

PYTHON 資料 電脳梁山泊烏賊塾 PYTHON 入門 文字列 文字列リテラル プログラムの中で文字列を表す方法は幾つか有るが 基本的な方法は下記の 2 種で有る 対象と成る文字の集まりをダブルクオーテーション (  ) で囲うか シングルクオーテーション ( ' ) で囲う PYTHON3 PYTHON 入門 文字列 文字列リテラル プログラムの中で文字列を表す方法は幾つか有るが 基本的な方法は下記の 2 種で有る 対象と成る文字の集まりをダブルクオーテーション ( " ) で囲うか シングルクオーテーション ( ' ) で囲う " 文字列 " ' 文字列 ' 他のプログラミング言語ではダブルクオーテーションとシングルクオーテーションで囲う場合では エスケープ処理等の扱いが異なる物が多いが

More information

Microsoft Word - ECALSDS01_Vr1_5_080305_ja.doc

Microsoft Word - ECALSDS01_Vr1_5_080305_ja.doc 辞書 CSV ファイル仕様書 [ 規約番号 :ECALSDS01] 第 1.5 版 概要 : 本仕様書は,ECALS 辞書ファイルの構造について規定する 発行社団法人電子情報技術産業協会 EC センター技術標準専門委員会 - 目次 - 1. 目的及び適用範囲... 1 (1) 目的... 1 (2) 適用範囲... 1 (3) 構成... 1 2. 部品分類辞書ファイル (clsdic.csv) の記載項目...

More information

及び文字列を挿入してはならない 記述例 <?xml version="1.0" encoding="shift_jis"?> 2. スタイルシート適用記述スタイルシート適用記述は 当該 XML 文書のスタイルシートの形式及びファイル名を示す 記述例 <?xml-stylesheet type="te

及び文字列を挿入してはならない 記述例 <?xml version=1.0 encoding=shift_jis?> 2. スタイルシート適用記述スタイルシート適用記述は 当該 XML 文書のスタイルシートの形式及びファイル名を示す 記述例 <?xml-stylesheet type=te 別紙 6 ホームページにおける政府統計公表予定掲載規準 各府省のホームページに掲載する政府統計の公表予定 ( 公表後は公表日及び公表実績 以下同じ ) は 統計に係るホームページの共通メニュー及び共通掲載項目 (2006 年 ( 平成 18 年 )3 月 31 日各府省情報化統括責任者 (CIO) 連絡会議決定 ) のほか 本規準に基づくものとする Ⅰ. 総則各府省は 本規準に定める事項に基づき 作成する統計の公表予定を公表予定日の3か月前までを目途に自府省のホームページに掲載し

More information

ホームページ公開方法

ホームページ公開方法 ホームページ公開方法 1 公開するページの作成... 1 2 サーバー上にホームページ公開用ディレクトリを作成する... 3 3 公開するファイルをサーバーにアップロードする... 5 4 ホームページ公開申請 ( 学内公開の場合は不要 )... 9 5 確認方法... 11 6 ホームページなど情報公開する上での注意... 12 1 公開するページの作成 ホームページのデータは 一般的に HTML(Hyper

More information

目次 概要... 2 フォームレイアウトデザイナー機能の設定... 3 設定したフォームレイアウトデザイナーの確認...14 その他スタイルの設定...15 フォームレイアウトデザイナーをエクスポート...17 フォームレイアウトデザイナーをインポート...18 インポート時の制限事項...19 リ

目次 概要... 2 フォームレイアウトデザイナー機能の設定... 3 設定したフォームレイアウトデザイナーの確認...14 その他スタイルの設定...15 フォームレイアウトデザイナーをエクスポート...17 フォームレイアウトデザイナーをインポート...18 インポート時の制限事項...19 リ [SP 改 ] フォームレイアウトデザイナー FOR SHAREPOINT 2013 ユーザーマニュアル 1.0 版 2014 年 04 月 11 日 株式会社アンク 目次 概要... 2 フォームレイアウトデザイナー機能の設定... 3 設定したフォームレイアウトデザイナーの確認...14 その他スタイルの設定...15 フォームレイアウトデザイナーをエクスポート...17 フォームレイアウトデザイナーをインポート...18

More information

XML Week Web 2.0 Day (1) SOA2.0 KM2.0? REST API + XSLT Amazon hon. hon.jp API XML Consortium XML ( ) REST(GET)API Amazon.co.jp hon.jp REST

XML Week Web 2.0 Day (1) SOA2.0 KM2.0? REST API + XSLT Amazon hon. hon.jp API XML Consortium XML ( ) REST(GET)API Amazon.co.jp hon.jp REST XML Week Web 2.0 Day (1) SOA2.0 KM2.0? REST API + XSLT Amazon hon. hon.jp API XML Consortium 2006-05-23 XML ( ) REST(GET)API Amazon.co.jp hon.jp REST + XSLT ( ) hon.jp hon.jp + Aamazon.co.jp Exif to RDF(kanzaki.com)

More information

Visual Basic 資料 電脳梁山泊烏賊塾 コレクション初期化子 コレクション初期化子 初めに.NET 版の Visual Basic では 其れ迄の Visual Basic 6.0 とは異なり 下記の例の様に変数宣言の構文に 初期値を代入する式が書ける様に成った 其の際 1 の様に単一の値

Visual Basic 資料 電脳梁山泊烏賊塾 コレクション初期化子 コレクション初期化子 初めに.NET 版の Visual Basic では 其れ迄の Visual Basic 6.0 とは異なり 下記の例の様に変数宣言の構文に 初期値を代入する式が書ける様に成った 其の際 1 の様に単一の値 コレクション初期化子 コレクション初期化子 初めに.NET 版の Visual Basic では 其れ迄の Visual Basic 6.0 とは異なり 下記の例の様に変数宣言の構文に 初期値を代入する式が書ける様に成った 其の際 1 の様に単一の値 ( 此処では 10) を代入する丈でなく 2 の配列変数の宣言の様に ブレース { } の中にカンマ区切りで初期値のリストを記述し 配列の各要素に初期値を代入出来る様に成った

More information

数のディジタル化

数のディジタル化 第 3 章コミュニケーションとネットワークを探索する 4 節コミュニケーションとネットワークの活用 4 節コミュニケーションとネットワークの活用 3 コミュニケーションツールの活用 第 3 章 4 節コミュニケーションとネットワークの活用 コミュニケーションツールの活用 本日の内容 第 3 章コミュニケーションとネットワークを探索する 4 節コミュニケーションとネットワークの活用 3. コミュニケーションツールの活用

More information

DTD Reference Guide

DTD Reference Guide Web アプリケーションスキャン結果の XML 出力 Web アプリケーションスキャンの結果は WAS スキャン履歴リストから XML 形式でダウンロードできます XML 形式の Web アプリケーションスキャン結果には その他のサポートされている形式 (PDF HTML MHT および CSV) の Web アプリケーションスキャン結果と同じ内容が表示されます スキャン結果レポートには サマリと詳細結果が表示されます

More information

ISコースプロジェクト実習 前期(第1回 ガイダンス)

ISコースプロジェクト実習 前期(第1回 ガイダンス) プロジェクト実習 IS2 前期 ( 第 1 回 ) 使用教室 :5-102,8-203,8-303,8-305,4-205 担当教員 : 熊谷和志, 早川吉弘 資料サイト : 熊谷研究室授業資料 (http://ckuma.html.xdomain.jp/class/) 1. 授業を進める上で 授業概要 1 学年の コンピュータリテラシ, 総合工学基礎実験 を踏まえ, 数週間から数ヶ月の中長期にわたり,

More information

1 1 1............................ 1 2...................... 1 3..................... 2 4................... 2 2 4 1 CSS.......................... 4 2.

1 1 1............................ 1 2...................... 1 3..................... 2 4................... 2 2 4 1 CSS.......................... 4 2. 1 1 1............................ 1 2...................... 1 3..................... 2 4................... 2 2 4 1 CSS.......................... 4 2.......................... 4 3......................

More information

6 2 1

6 2 1 6 1 6 (1) (2) HTML (3) 1 Web HTML 1 Web 1 Web Web 6 2 1 6 3 1.1 HTML(XHTML) Web HTML(Hyper Text Markup Language) ( ) html htm HTML XHTML(XHTML 1.0 Transitional)

More information

経営論集2011_07_小松先生.indd

経営論集2011_07_小松先生.indd 20 1 2010 103 125 HTML+CSS HTML CSS CMS Web CMS CMS CMS CMS DreamWeaver Web Web CMS Web Web CSS Web Eclipse HTML CSS Web Web HTML CSS Web HTML CSS Web HTML CSS Web 1 Web Web HTML Web 103 HTML+CSS Web HTML

More information

() < > </ > / HTML SGML HTML 1.1 DTD DTD ( DTD (prolog) )SGML 1. DTD ( ) 2. DTD <!-- DTD-- > <!ELEMENT MAIL - - ((TO,FROM)?,DATE?,BODY) > <!ELEMENT TO

() < > </ > / HTML SGML HTML 1.1 DTD DTD ( DTD (prolog) )SGML 1. DTD ( ) 2. DTD <!-- DTD-- > <!ELEMENT MAIL - - ((TO,FROM)?,DATE?,BODY) > <!ELEMENT TO 2009 2D SGML,XML,HTML 2009 11 11 1 SGML SGML Standard Generalized Markup Language (ISO 8879) (JIS X 4151) < >< >SGML< > < >asakawa@ieee.orgSGML < >SGML SGML Standard Generalized Markup

More information

<48746D6C8AEE91628D758DC02E786C73>

<48746D6C8AEE91628D758DC02E786C73> HTML 基礎講座 目次 1.HTML 紹介 1-1 HTMLとは 1-2 HTMLの基本的な構成 1-3 HTMLのソースの表示方法 2.HTMLタグ紹介 2-1 リンクする 2-2 改行 水平罫線 2-3 段落 2-4 見出し ~, ~ 2-5 画像 2-6 テーブル 2-7 フォーム 2009.10.16

More information

(3) 本文を書く 実際にページを開いたときに表示される本文を書いてみましょう から の間に書きます <html > <head > <title > 武のホームページ </title > </head > </html > (4) ページを保存する ここで一度ページを保存してみましょう テキストエ

(3) 本文を書く 実際にページを開いたときに表示される本文を書いてみましょう から の間に書きます <html > <head > <title > 武のホームページ </title > </head > </html > (4) ページを保存する ここで一度ページを保存してみましょう テキストエ 1. はじめの準備 (1) フォルダの作成 ホームページ作成の基礎 これから作るホームページのデータを ホームページ用 として保存 ( 保管 ) するフォルダを作成します ホームページで使う作成したファイル画像 写真 音楽などファイルは すべて同じフォルダに保存します デスクトップやマイドキュメントの中 ( 任意 ) で 右クリック 新規作成 (N) フォルダ (F) で新しいフォルダができます (

More information

XML(DOMガイド)

XML(DOMガイド) XML DOM ガイド 初心者の為の XML DOM ガイド イントロダクション 本稿は XML(eXtensible Markup Language) 形式のドキュメントからデータを受け取ろうと仕て居る Microsoft Visual Basic の開発者を対象と仕て居る 此処では XML ドキュメントから情報を取得し 其のデータを Visual Basic のソリューションに統合する方法を説明する

More information

C 資料 電脳梁山泊烏賊塾 構造体 C++ の構造体 初めに 此処では Visual Studio 2017 を起動し 新しいプロジェクトで Visual C++ の Windows デスクトップを選択し Windows コンソールアプリケーションを作成する 定義と変数宣言 C++ に

C 資料 電脳梁山泊烏賊塾 構造体 C++ の構造体 初めに 此処では Visual Studio 2017 を起動し 新しいプロジェクトで Visual C++ の Windows デスクトップを選択し Windows コンソールアプリケーションを作成する 定義と変数宣言 C++ に 構造体 C++ の構造体 初めに 此処では Visual Studio 2017 を起動し 新しいプロジェクトで Visual C++ の Windows デスクトップを選択し Windows コンソールアプリケーションを作成する 定義と変数宣言 C++ に於いては 構造体を定義は下記の様に記述する ( 末尾のセミコロンを忘れない様に ) strust Point int x; int y; 上記の様に定義すれば

More information

Web データ管理 JavaScript (1) (4 章 ) 2011/12/7( 水 ) 湘南工科大学講義資料 Web データ管理 (2011) 阿倍 1/21

Web データ管理 JavaScript (1) (4 章 ) 2011/12/7( 水 ) 湘南工科大学講義資料 Web データ管理 (2011) 阿倍 1/21 Web データ管理 JavaScript (1) (4 章 ) 2011/12/7( 水 ) 1/21 演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) 演習名 使用するフォルダ 演習 1 Z: Web データ管理 20111207 演習

More information

Web2.0 REST API + XSLT Amazon hon.jp API XML Consortium XML ( ) REST(GET)API hon.jp Amazon.co.jp Google Map Exif to RDF(kanzaki.com) REST +

Web2.0 REST API + XSLT Amazon hon.jp API XML Consortium XML ( ) REST(GET)API hon.jp Amazon.co.jp Google Map Exif to RDF(kanzaki.com) REST + Web2.0 REST API + XSLT Amazon hon.jp API XML Consortium 2006-04-11 XML ( ) REST(GET)API hon.jp Amazon.co.jp Google Map Exif to RDF(kanzaki.com) REST +XSLT hon.jp hon.jp + Aamazon.co.jp Exif to RDF(kanzaki.com)

More information

正規表現概要

正規表現概要 正規表現 正規表現の概要 此処では.NET Framework の正規表現に付いて 主に正規表現パターンに付いて 基本を極く簡単に説明する 猶.NET Framework の正規表現は Perl5 の正規表現に対応する様にデザインされて居るので Perl の正規表現を理解して居れば問題は無い ( 勿論 理解して居なくても問題は無い ) 正規表現で出来る事 正規表現は 文字列を検索する為に使用する 正規表現を使うと

More information

052-XML04/fiÁ1-part3-’ÓŠ¹

052-XML04/fiÁ1-part3-’ÓŠ¹ & XML Data Store Part 3 Feature*1 AKIMOTO, Shougo i i i i i i inter 52 XML Magazine 04 i i i i i i i i P a r t 3 i i i i i XML Magazine 04 53 & XML Data Store Feature*1 i i inter i inter i inter inter

More information

1/2

1/2 札幌学院大学社会情報学部課題用テキスト (2) 1 札幌学院大学社会情報学部課題用テキスト HTML の基礎知識 (2) 1 画像の表示 HP に画像を表示させてみる まず HTML 文書と同じフォルダ内 に JPEG ファイル ( 拡張子.jpg ) を 1 個準備する ( 画像の作り方 サイズの調べ方はこのプリントの最後を参照 ) この画像を読みこんで表示するためのタグは以下の通りである 画像ファイル名と

More information

ファイル操作-インターネットキャッシュ

ファイル操作-インターネットキャッシュ ファイル操作 インターネット一時ファイルの保存場所 インターネットキャッシュ インターネット一時ファイルの保存場所は Internet Explorer の場合 下記の手順で確認する事が出来る 1.[ ツール ] [ インターネットオプション ] でインターネットオプション画面のダイアログを表示させる 2.[ 全般 ] タブで [ インターネット一時ファイル ] グループの [ 設定 ] をクリックすると

More information

CONTENTS 0 /JSP 13 0.1 Web 14 1 HTML Web 21 1.1 Web HTML 22 1.2 HTML 27 1.3 Web 33 1.4 HTML 43 1.5 46 1.6 47 1.7 48 2 Web 51 2.1 Web 52 2.2 Web 54 2.3 Web 59 2.4 65 2.5 68 2.6 75 2.7 76 2.8 77 3 81 3.1

More information

コンピュータ中級B ~Javaプログラミング~ 第3回 コンピュータと情報をやりとりするには?

コンピュータ中級B ~Javaプログラミング~  第3回 コンピュータと情報をやりとりするには? Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2011, All rights reserved. 1 コンピュータ 2C ~ マルチメディア ~ 第 2 回 Web ページを作成するには? (HTML の基本 2) 人間科学科コミュニケーション専攻 白銀純子 Copyright (C) Junko Shirogane,

More information

E4X in Firefox nanto_vi (TOYAMA Nao)

E4X in Firefox nanto_vi (TOYAMA Nao) E4X in Firefox nanto_vi (TOYAMA Nao) 自己紹介 外山真 ( とやまなお ) a.k.a. nanto_vi ( なんと ) http://www.ne.jp/asahi/nanto/moon/ http://nanto.asablo.jp/blog/ 肩書き : 学生 Not in Education, Employment or Training E4X とは?

More information

kby-1-j - 互換モード

kby-1-j  -  互換モード 知識ベース特論第 1 回 Semantic Web(1) 吉岡真治 本講義のすすめかた n トピックス Semantic Web and Ontology 情報検索 テキストからの情報抽出とその応用 大規模データのためのデータベース n 授業資料 ( 前日 ( 火 金 ) の午後には公開 ) http://www-kb.ist.hokudai.ac.jp/~yoshioka/kb/ n 質問 レポートはメールで

More information

JavaScript カスタマイズ入門 kintone university アプリデザイナープラス JavaScript カスタマイズ入門編演習問題回答 演習問題 第 2 章サンプルで試そう 1 cybozu.com developer network の サンプルで試そう ( 以下 サンプル と

JavaScript カスタマイズ入門 kintone university アプリデザイナープラス JavaScript カスタマイズ入門編演習問題回答 演習問題 第 2 章サンプルで試そう 1 cybozu.com developer network の サンプルで試そう ( 以下 サンプル と JavaScript カスタマイズ入門 kintone university アプリデザイナープラス JavaScript カスタマイズ入門編演習問題回答 演習問題 第 2 章サンプルで試そう 1 cybozu.com developer network の サンプルで試そう ( 以下 サンプル と略 ) にある ガントチャートプラグイン を 下記の手順で利用してみましょう ガントチャートプラグイン

More information

untitled

untitled 2005 HP -1-2005 8 29 30 HP 1 ( ) 1. Web 2. HTML HTML 1 PDF HTML 1 Web HTML http://www.media.ritsumei.ac.jp/kodais2005 2 2.1 WWW HTML Hyper Text Markup Language) HTML Web HTML Internet Explorer http://www.ritsumei.ac.jp

More information

Web のしくみと応用 ('15) 回テーマ 1 身近なWeb 2 Webの基礎 3 ハイパーメディアとHTML 4 HTMLとCSS 5 HTTP (1) 6 HTTP (2) 7 動的なWebサイト 8 クライアントサイドの技術 回 テーマ 9 リレーショナルデータベース 10 SQL とデータ

Web のしくみと応用 ('15) 回テーマ 1 身近なWeb 2 Webの基礎 3 ハイパーメディアとHTML 4 HTMLとCSS 5 HTTP (1) 6 HTTP (2) 7 動的なWebサイト 8 クライアントサイドの技術 回 テーマ 9 リレーショナルデータベース 10 SQL とデータ Web のしくみと応用 ('15) 回テーマ 1 身近なWeb 2 Webの基礎 3 ハイパーメディアとHTML 4 HTMLとCSS 5 HTTP (1) 6 HTTP (2) 7 動的なWebサイト 8 クライアントサイドの技術 回 テーマ 9 リレーショナルデータベース 10 SQL とデータベース管理システム 11 認証とセッション管理 12 Web のセキュリティ 13 Web の応用 (1)

More information

Web 設計入門

Web 設計入門 Web デザイン実践 #4-1 CSS(2) D.Mitsuhashi 1 HTML5 コンテンツモデル D.Mitsuhashi 2 コンテンツモデル HTML5 の要素は意味の上で 7 つのカテゴリに分けられる コンテンツモデルから 要素の中に何を含んでよいかが決定される 参考 W3C: HTML5 content models http://www.w3.org/tr/html5/dom.html#content-models

More information

<4D F736F F D E835A A C98AD682B782E98E77906A89FC92F994C52E646F63>

<4D F736F F D E835A A C98AD682B782E98E77906A89FC92F994C52E646F63> 1. はじめに 1 1-1. ガイドラインを策定するにあたって 1 1-1-1. ウェブアクセシビリティとは 1 1-1-2. ウェブアクセシビリティが求められている背景 1 1-1-3. 高齢者 障害者の閲覧時の利用特性 2 1-1-4. 視覚障害者への対応 2 1-1-5. ウェブアクセシビリティの JIS 規格化 3 1-1-6. ガイドラインの重要性 3 1-2. ガイドラインの適用範囲 4

More information

コンピュータ基礎実習 ( 上級 ) 第 12 週例では <h1> タグが対象であることを意味します セレクタを変えることで見栄えを様々な対象に設定できます プロパティ (property) は設定する見栄え ( スタイル ) の種類のことです 値はプロパティに対する具体的な設定値です この例では文字

コンピュータ基礎実習 ( 上級 ) 第 12 週例では <h1> タグが対象であることを意味します セレクタを変えることで見栄えを様々な対象に設定できます プロパティ (property) は設定する見栄え ( スタイル ) の種類のことです 値はプロパティに対する具体的な設定値です この例では文字 コンピュータ基礎実習 ( 上級 ) 第 12 週 コンピュータ基礎実習 ( 上級 ) 第 12 週スタイルシートの基礎今回の授業は スタイルシート (CSS) の使い方を解説します 1. CSS の基本 ( 教科書第 3 章 ) 1.1. CSS とは CSS は Cascading Style Sheets の略で ウェブページの見栄えを設定するための言語です CSS はウェブページにとって比較的新しい規格ですが

More information

フォームとインナー HTML を使って動的にページ内の文章を変更しよう 問題 1. つぎの指示と画面を参考に HTML を組みなさい 仕様 テキストボックスに任意の文字を入力し [ コメント ] ボタンをクリックすると 下部の文章がテキストボックスの内容に置き換わる フォーム名 : f1 テキストボ

フォームとインナー HTML を使って動的にページ内の文章を変更しよう 問題 1. つぎの指示と画面を参考に HTML を組みなさい 仕様 テキストボックスに任意の文字を入力し [ コメント ] ボタンをクリックすると 下部の文章がテキストボックスの内容に置き換わる フォーム名 : f1 テキストボ フォームとインナー HTML を使って動的にページ内の文章を変更しよう 問題 1. つぎの指示と画面を参考に HTML を組みなさい 仕様 テキストボックスに任意の文字を入力し [ コメント ] ボタンをクリックすると 下部の文章がテキストボックスの内容に置き換わる フォーム名 : f1 テキストボックス名 : t1 関数名 : MM() test-a.htm function MM(){ a=document.f1.t1.value;

More information

6 2 s µ µµµ µµµµ µ µ h µs µ µµµµ µ µ µ s mµµµµµ µµµ µµ µ u m µmµµµµµ µµ µ µ µ µ µ µ µ µ s 1

6 2 s µ µµµ µµµµ µ µ h µs µ µµµµ µ µ µ s mµµµµµ µµµ µµ µ u m µmµµµµµ µµ µ µ µ µ µ µ µ µ s 1 6 1 6 (1) (2) HTML (3) PDF Copy&Paste 1 Web 1 Web Web 1 Web HTML 6 2 s µ µµµ µµµµ µ µ h µs µ µµµµ µ µ µ s mµµµµµ µµµ µµ µ u m µmµµµµµ µµ µ µ µ µ µ µ µ µ s 1 6 3 1.1 HTML Web HTML(Hyper Text Markup Language)

More information

( 注 )Safari (webkit 系ブラウザ ) と Chrome(webkit にも対応 ) は テキストの輪郭や色を -webkit-text-stroke-width -webkit-text-stroke-color -webkit-text-fill-color のプロパティで描くこ

( 注 )Safari (webkit 系ブラウザ ) と Chrome(webkit にも対応 ) は テキストの輪郭や色を -webkit-text-stroke-width -webkit-text-stroke-color -webkit-text-fill-color のプロパティで描くこ 1330-2 Radial Gradation のアニメーション (2) 背景 (background) を円形グラデーション (Radial Gradation) のアニメーションにして みましょう radial-gradient と repeating-radial-gradient の仕様は 別本 Transition を使いこな す編 の 1238-1 円形グラデーション Radial Gradation

More information

1 1 1........................... 1 2.............................. 1 2 2 1........................... 2 2...................... 3 3...................

1 1 1........................... 1 2.............................. 1 2 2 1........................... 2 2...................... 3 3................... 0448051 1 1 1........................... 1 2.............................. 1 2 2 1........................... 2 2...................... 3 3.................... 4 4........................ 6 5...........................

More information

グラフィックス

グラフィックス グラフィックス PictureBox の Image プロパティに関する良く有る勘違い PictureBox に画像を表示する方法と仕て PictureBox の Image プロパティを使う方法と Graphics の DrawImage メソッドを使う方法が有るが 此の 2 つの方法を混同し 正しく理解して居ない事が多い様で有る 例えば 下記に列挙する様な状況が 此れに該当する 1.PictureBox

More information

子ボックスや孫ボックスなどに position: absolute; と指定すると それぞれ親ボックスに対する絶対位置で配置できるので親ボックスの上に複数の子ボックスや孫ボックスを重ねて配置することができます トランジションやアニメーションを作成するときに非常に便利なので覚えておきましょう top

子ボックスや孫ボックスなどに position: absolute; と指定すると それぞれ親ボックスに対する絶対位置で配置できるので親ボックスの上に複数の子ボックスや孫ボックスを重ねて配置することができます トランジションやアニメーションを作成するときに非常に便利なので覚えておきましょう top 1116 位置の記述方法について (position, top, right, bottom, left) ここまでの説明では ボックスの大きさを変えると その後ろや下にある他のボックスの位置が移動してしまいました それは margin プロパティが隣接するボックスとの間の空白を指定しているからです position プロパティを使用すると ボックスの配置位置を指定して位置を固定させたり 移動できるようにすることができます

More information

ファイル操作

ファイル操作 ファイル操作 TextFieldParser オブジェクト ストリームの読込と書込 Microsoft.VisualBasic.FileIO 名前空間の TextFieldParser オブジェクトは 構造化テキストファイルの解析に使用するメソッドとプロパティを備えたオブジェクトで有る テキストファイルを TextFieldParser で解析するのは テキストファイルを反復処理するのと同じで有り

More information

Network Computing の基礎

Network Computing の基礎 CSS Cascading Style Sheets Cascading = Style Sheets = CSS WEB HTML CSS 2 HTML h1 p CSS 3 CSS CSS HTML sample1.html CSS HTML sample2.html CSS CSS sample2.css CSS

More information

padding( パディング ) padding プロパティでボックスの内側の余白を指定します この部分の内側には背景 ( 背景色や背景画像 ) を表示できます border( ボーダー ) border プロパティでボックスの境界線を指定します ボーダーには色 太さ 線の種類を指定できます 画像で

padding( パディング ) padding プロパティでボックスの内側の余白を指定します この部分の内側には背景 ( 背景色や背景画像 ) を表示できます border( ボーダー ) border プロパティでボックスの境界線を指定します ボーダーには色 太さ 線の種類を指定できます 画像で 1111 基本のボックス (margin, width, height, border, background) CSS3 アニメーション ( およびトランジション ) の基本はボックスです このボックスに色を付けたり ボックスにテキスト ( 文字 ) や画像を入れて ボックスを移動 回転 2D 変形 3D 変形してアニメーションを作ります では先ずボックスを作ってみましょう 基本的なボックスは下の四角形のようなものです

More information

websample 1 2 websample index.html

websample 1 2 websample index.html Web HTML Web 1 2 3 4 5 6 7 1 2 3 4 5 6 websample 1 2 websample index.html -1-1 HTML index.html html head /head body /body /html body table border="1" /table /body table border="" /table table /table table

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション Page 1/ 13 講義一覧講義回講義タイトル講義概要 第 1 回 3 級実技試験について ガイダンス 第 2 回 HTMLによる文書構造化 HTML 言語の復習 第 3 回 CSSスタイルシートのプロパティ 値 CSSスタイルシートの復習 第 4 回 実技実習作業 1 問題 1 ディレクトリとファイルの配置位置に関する問題 第 5 回 実技実習作業 2 問題 2 HTMLファイルの修正 ( リンク設定

More information

演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください 演習名 使用するフォルダ 演習 1 Z: Web データ管理 演習 1 演習 2 Z: Web データ管

演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください 演習名 使用するフォルダ 演習 1 Z: Web データ管理 演習 1 演習 2 Z: Web データ管 Web データ管理 HTML+CSS (5) (2 章 ) 2011/11/2( 水 ) 1/30 演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください 演習名 使用するフォルダ 演習 1 Z: Web データ管理 20111102 演習 1 演習 2 Z: Web データ管理

More information

目次 1 はじめに 利用条件 動作環境 アドインのインストール アドインの操作方法 アドインの実行 Excel CSV の出力 テンプレートの作成 編集 テンプレートのレイアウト変更 特記

目次 1 はじめに 利用条件 動作環境 アドインのインストール アドインの操作方法 アドインの実行 Excel CSV の出力 テンプレートの作成 編集 テンプレートのレイアウト変更 特記 Excel Export Add-in Manual by SparxSystems Japan Enterprise Architect 用 Excel 出力アドイン利用ガイド バージョン 1.0.0.6 (2018/09/06 更新 ) 1 目次 1 はじめに...3 2 利用条件 動作環境...3 3 アドインのインストール...3 4 アドインの操作方法...4 4.1 アドインの実行...4

More information

ハッシュテーブル

ハッシュテーブル ハッシュテーブル ハッシュテーブル ( 連想配列 ) を使う ハッシュテーブルとは キー (key) と値 (value) のペアを保持して居るコレクションで有る 通常の配列がインデックス番号に依り各値 ( 各要素 ) にアクセス出来るのに比べて ハッシュテーブルでは インデックス番号の代わりにキーを用いて 其の各値にアクセスする事が出来る キーと 其のキーから連想される ( 対応付けられて居る )

More information

フィルタとは

フィルタとは フィルタコマンドの使い方 フィルタとは? 一般的にはフィルタとは, 与えられたものの特定成分を取り除いたり, 弱めたりする機能を持つものをいう ( コーヒーのフィルタ, レンズのフィルタ, 電気回路のフィルタ, ディジタルフィルタなど ). Unix では, 入力されたデータを加工して出力するプログラム ( コマンド ) をフィルタと呼ぶ. ここでは,Unix の代表的なフィルタコマンドとして次のものを取り上げる.

More information

セマンティックWebの動向とメタデータ

セマンティックWebの動向とメタデータ Web 2003-05-27 XML XML Web WG RDF RSS RDF ) RSS 1.0 XHTML SVG NewsML RSS XHTML SVG NewsML RSS RSS RS S RSsS Web PDF Web 2 HTML title meta Web NewsML Id RDF W3C Web 3 HTML NewsML RSS(RDF ) XML RDF HTML(XHTML)

More information

prg.indb

prg.indb II HTML Web HTML HTML 章 Webコンテンツは主に HTMLで書かれます 部 体験編 Ⅱ HTMLってなに Web コンテンツを制作するときには HTML と呼ばれる形式でドキュメント 文 書 を記述するのが一般的です HTML は Hyper Text Markup Language の略称 であり テキスト 文書 を記述するための 言語 の一種です HTMLドキュメント は

More information

~/WWW-local/compIID (WWW IID ) $ mkdir WWW-local $ cd WWW-local $ mkdir compiid 3. Emacs index.html n (a) $ cd ~/WWW/compIID

~/WWW-local/compIID (WWW IID ) $ mkdir WWW-local $ cd WWW-local $ mkdir compiid 3. Emacs index.html n (a) $ cd ~/WWW/compIID 10 10 10.1 1. 2. 3. HTML(HyperText Markup Language) Web [ ][ ] HTML Web HTML HTML Web HTML ~b08a001/www/ ( ) ~b08a001/www-local/ ( ) html ( ) 10.2 WWW WWW-local b08a001 ~b08a001/www/ ~b08a001/www-local/

More information

XSLT XSLT xsd XSLT XML xsd XPath <xsl:template ]

XSLT XSLT xsd XSLT XML xsd XPath <xsl:template ] XML Week splat XML XML Web 2005,2006 WS-Security End-to-End XSLT (xsd) XSLT MUST MAY Java class MUST,MAY XSLT XSLT xsd XSLT XML xsd XPath

More information

Web情報システム 第1章~第5章

Web情報システム 第1章~第5章 Web 情報システム マルチメディア情報通信ソフトウェア 第 1 章 ~ 第 4 章 1 Web 情報システム マルチメディア情報の流通 Web 情報システム概論 デジタルメディアの特徴 デジタルメディアの記述 HTML (Hyper Text Markup Language) CSS (Cascading style sheet) デジタルメディアの制御 JavaScript コンピュータとネットワークの基礎

More information

Microsoft PowerPoint _3a-SEO.pptx

Microsoft PowerPoint _3a-SEO.pptx 3.Web の使いやすさ 検索エンジン最適化 Web アクセシビリティ 1 検索エンジンのシェア 2018 年 5 月現在の世界シェア (%) モバイル にはタブレット端末も含む デスクトップ モバイル Google 70.0 81.3 Baidu ( 百度 ) 17.2 12.7 Bing ( マイクロソフト ) 7.6 0.8 Yahoo! 3.6 0.8 その他 1.6 4.4 出典: http://netmarketshare.com/

More information

農業・農村基盤図の大字小字コードXML作成 説明書

農業・農村基盤図の大字小字コードXML作成 説明書 農業 農村基盤図の大字小字コード XML 作成説明書 2007/06/06 有限会社ジオ コーチ システムズ http://www.geocoach.co.jp/ info@geocoach.co.jp 農業 農村基盤図の大字小字コード XML 作成 プログラムについての説明書です バージョン ビルド 1.01 2007/06/06 農業 農村基盤図の大字小字コード XML 作成 は 市区町村 大字

More information

intra-mart Accel Platform — IM-共通マスタ スマートフォン拡張プログラミングガイド   初版  

intra-mart Accel Platform — IM-共通マスタ スマートフォン拡張プログラミングガイド   初版   Copyright 2012 NTT DATA INTRAMART CORPORATION 1 Top 目次 1. 改訂情報 2. IM- 共通マスタの拡張について 2.1. 前提となる知識 2.1.1. Plugin Manager 2.2. 表記について 3. 汎用検索画面の拡張 3.1. 動作の概要 3.1.1. 汎用検索画面タブの動作概要 3.2. 実装の詳細 3.2.1. 汎用検索画面タブの実装

More information

競技課題|ホームページ

競技課題|ホームページ 平成 28 年度埼玉県障害者技能競技大会ホームページ競技課題 A 1 競技の概要 (1) 競技課題競技課題 Aは課題の傾向を示した公開課題であり 競技課題 Bは競技当日用である (2) 課題の概要 ネットワークセキュリティ のホームページとして スタイルシートと次のページを作成する ネットワークセキュリティ コンピュータウィルス 無線 LAN のセキュリティ ファイヤーウォール (3) 競技時間競技時間は

More information

ppt

ppt XML 2004-09-15 ( XML(Extended Markup Language XML XML HTML XML XML (? W3C(World Wide Web Consortium XML 2004-09-15 2 XML XML 1.0 (Extensible Markup Language W3C(World Wide Web Consortium http://www.w3/org/

More information