スライド 1
|
|
- えいしろう こしの
- 6 years ago
- Views:
Transcription
1 XPages.JP はこう作られた! - テクテク Lotus 技術者夜会 -(2016 年 6 月 17 日 ) 株式会社エフ御代政彦ケートリック株式会社田付和慶
2 AGENDA テーマの選定 サイトマップ機能 サンプルAPP ギャラリー機能 管理機能 おまけ
3 テーマの選定 < 選定基準 > 1. XPAGES だなってバレないクールなデザイン 2. フリーのデザインテンプレートから探す 3. Bootstrapを標準で搭載 4. FontAwesomeを標準で搭載 そして見つけたのがこちら
4 MODERNA License: freeware Version: Bootstrap om/bootstraptemplate/moderna
5 NSF へのデザインテンプレート流し込み作業 (1) 1 ナビゲーター を表示させます 2CSS 以外のテンプレートの全てのファイルを WebContent フォルダ内にコピー
6 NSF へのデザインテンプレート流し込み作業 (2) 3CSS フォルダ内のファイルは スタイルシート 内にインポート スタイルシートはカスタマイズで編集が頻繁に発生するため スタイルシート 内のほうが便利と判断
7 NSF へのデザインテンプレート流し込み作業 (3) 4 ブランクのテーマを作成 XPAGES 標準の OneUI のテーマを無効にするため 5 作成したブランクのテーマを選択
8 NSF へのデザインテンプレート流し込み作業 (4) 6 カスタムコントロールを作り 必要なリソースを読み込ませておくと便利
9 NSF へのデザインテンプレート流し込み作業 (5) 7 XPAGE にサンプルの HTML コードを張り付け実行 修正 テスト 修正 テスト
10 サイトマップ機能 環境設定文書 からリンク構造を取得し動的に生成するサイトマップ
11 サイトマップのソースコード (1) <div class="sitemapcontainer tree"> <xp:repeat id="repeat1" rows="5" var="menu" disableoutputtag="true"> <xp:this.value><![cdata[#{javascript:var menulist = []; for(var i=1; i<=5; i++){ menulist.push(docconfig.getitemvaluearray("menus_" + i)); return menulist;]]></xp:this.value> <xp:text escape="false" id="computedfield1 tagname="div" styleclass="sitemapcategory"> <xp:this.value><![cdata[#{javascript:var html = []; var topmenu = menu[0].split(","); html.push("<div class='sitemapitem top'"); if(topmenu[1] && topmenu[1].trim()){ html.push(" data-url='", topmenu[1].trim(), "'"); html.push(">"); html.push("<span>", topmenu[0].trim(), "</a>"); html.push("</div>"); for(var i=1; i<menu.length; i++){ var childmenu = menu[i].split(","); html.push("<div class='sitemapitem child1'"); if(childmenu[1] && childmenu[1].trim()){ html.push(" data-url='", childmenu[1].trim(), "'"); html.push(">"); html.push("<span>", childmenu[0].trim(), "</a>"); html.push("</div>"); return html.join(""); ]]></xp:this.value> </xp:text> </xp:repeat> </div> HTML で生成されるとこんな感じ
12 サイトマップのソースコード (2) function openurl(url){ if(url.match(/^https?: / //)){ window.open(url); else{ window.location.href = url; function setcategoryheight(){ if($('.sitemapcontainer').hasclass('tree')){ $('.sitemapcategory').css('height', function(){ return (this.children.length * ) + "px"; ); else{ $('.sitemapcategory').css('height', ''); $(function(){ $('.sitemapitem').on('click', function(e){ var url = this.getattribute("data-url"); if(url){ openurl(url); e.preventdefault(); e.stoppropagation(); ); $('.sitemapsection').on('click', function(){ $('.sitemapcontainer').toggleclass('tree'); $('.sitemapcontainer').toggleclass('circle'); setcategoryheight(); ); Javascript ファイル CSS ファイル setcategoryheight(); );
13 サンプル APP ギャラリー機能 ギャラリー文書 からデータを取得して自動生成
14 サンプル APP ギャラリーのソースコード <div class="row"> <div class="col-lg-12"> <ul class="portfolio-categ filter"> <li class="all active"> <a href="#"> 全て </a> </li> <xp:repeat id="repeat2" rows="999" indexvar="idx" var="entrycat" disableoutputtag="true"> ", 1));]]></xp:this.value> <xp:text id="listbox1" tagname="li" styleclass="#{javascript:entrycat" escape="false"> <xp:this.value><![cdata[#{javascript:"<a href= "# ">"+entrycat+"</a>"]]></xp:this.value> </xp:text> </xp:repeat> </ul> <div class="clearfix"> </div> <div class="row"> <section id="projects"> <ul id="thumbs" class="portfolio"> <xp:repeat id="repeat1" rows="#{javascript:return compositedata.maxnum 999;" value="#{vportfolios" indexvar="idx" var="entry" disableoutputtag="true"> <xp:text tagname="li" escape="false" styleclass="item-thumbs col-lg-3 design"> <xp:this.attrs> <xp:attr name="data-id"> <xp:this.value><![cdata[#{javascript:"id- </xp:attr> <xp:attr name="data-type"> <xp:this.value><![cdata[#{javascript:entry.getcolumnvalues().get(5) ]]></xp:this.value> </xp:attr> </xp:this.attrs> <xp:this.value><![cdata[#{javascript:var imgurl = getattachmentimageurl(entry.getdocument(),"thumbnail"); var retval = '<a class="hover-wrap fancybox" data-fancyboxgroup="gallery" title="<a target= '_blank ' href= ''+entry.getdocument().getitemvaluestring("url")+' '>'+entr y.getcolumnvalues().get(1)+'</a>" href="'+imgurl+'">'+ '<span class="overlay-img"></span><span class="overlay-img-thumb font-icon-plus"></span></a>'; retval += '<img class="" style="width:260px; height:195px;" title="" src="'+imgurl+'" alt="'+entry.getdocument().getitemvaluestring("description")+'" />'; return retval; ]]></xp:this.value> </xp:text> </xp:repeat> </ul> </section> </div>
15 管理機能 デモをお見せします
16 おまけ 1. XPages.JP ドメインは誰が管理しているの? 2. ヘッダーイメージ下の Slack 機能はどうやって実装しているの?
8 7 + <div class='col-12 col-md-8'> 8 <%= item.description %> 9 </div> 10 </div> 11 <% end %> 12 </div> class container container-fluid PicoPlan
8 Bootstrap 8.1 PicoPlanner responsive web design PC plan_items#index app/views/plan_items/index.html.erb 1 - 1 + 2 3 - 3 +
More information16 (2) 23 - <div class="col-12 col-md-4"> </div> 23 + <div class="col-12 col-md-4 bg-info text-white text-md-right"> </div> HTML bg-info #17
16 (2) Elixir/Phoenix 16.1 web/templates/plan_items/show.html.eex 3 - 3 + 7 -
More informationNetwork 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 informationcssnitelp47_hasegawa_v02.key
本当に利用は必要か デザイナーにとっての jquery と JavaScript フレームワーク HIROMU HASEGAWA " " show hide
More informationJavaScript カスタマイズ入門 kintone university アプリデザイナープラス JavaScript カスタマイズ入門編演習問題回答 演習問題 第 2 章サンプルで試そう 1 cybozu.com developer network の サンプルで試そう ( 以下 サンプル と
JavaScript カスタマイズ入門 kintone university アプリデザイナープラス JavaScript カスタマイズ入門編演習問題回答 演習問題 第 2 章サンプルで試そう 1 cybozu.com developer network の サンプルで試そう ( 以下 サンプル と略 ) にある ガントチャートプラグイン を 下記の手順で利用してみましょう ガントチャートプラグイン
More informationデータを TreeView コントロールで表示 VisualStudio2017 の Web サイトプロジェクトで bootstrap, 及び script フォルダの js ファイルが使用できるマスターページを親とする TestTreeView.aspx ページを作成します 下記の html コー
データを TreeView コントロールで表示 VisualStudio2017 の Web サイトプロジェクトで bootstrap, 及び script フォルダの js ファイルが使用できるマスターページを親とする TestTreeView.aspx ページを作成します 下記の html コードのスタイルを作成します html コード 1
More informationContents Contents( 目次 ) 1 重要 編集の際の注意事項 2 編集可能なページ 部分 3 トップページ 4 トップFlashの内容変更 ( 画像変更 ) 5 トップFlashの内容変更 ( 設定変更 ) 6 おすすめ情報 ( カタログギフト等 ) 7 サイドバー バナー部分 8
アークスグループ事業会社各社 Web サイト編集マニュアル 株式会社ユニバース様 http://www.arcs-g.co.jp/group/universe/ Contents Contents( 目次 ) 1 重要 編集の際の注意事項 2 編集可能なページ 部分 3 トップページ 4 トップFlashの内容変更 ( 画像変更 ) 5 トップFlashの内容変更 ( 設定変更 ) 6 おすすめ情報
More informationPowerPoint プレゼンテーション
3 Webデザイナーに求められる知識 優秀な HTML, CSS, 画像編集, JavaScript, jquery, XML, 色 彩理論, LL, データベース, SEO, SMO, EFO, コピーラ イティング, テキストライティング, イラストレー ション, Flash, ディレクション能力, プロジェクトマ ネジメント, Logo作成, Typography, サーバ管理, PHP, Perl,
More informationWeb
Web 1 1 1........................... 1 2 Web...................... 1 3...................... 3 4........................ 4 5........................... 5 i............................ 5 ii iii..........................
More informationMicrosoft PowerPoint - CSS(Cascading Style Sheets)の基本.pptx
CSS(Cascading Style Sheets) の基本 1. CSSの基本的な考え方は HTMLの構造を表す要素 ( タグ ) に対しスタイルを定義するというもの 2. CSSでは セレクタ プロパティ 値 の3つを組み合わせてスタイルを設定する 3. セレクタ は ,, や 要素などコンテンツ内のどの要素にスタイルを適用するかを指定する 4. セレクタの次の
More information超簡単にWebページを作成
Lesson を始める前に どんなプログラマーもこれを実践しました 超簡単に Web ページを作成 この解説書は Lesson が高レベルになっても参照用として利用して下さい この章の実践方法はまず解説ページ内にある HTML ソースコードをコピーして メモ帳などに貼り付けて 実行して 表示してそのあとで表示内容を解説します 最初は全然理解できない方でも 同じ HTML コードを繰り返し 繰り返 し実践する事で
More informationCodeGear Developer Camp
T4 PHP チュートリアルセッション はじめての Delphi for PHP CodeGear エヴァンジェリスト高橋智宏 1 アジェンダ ハンズオントレーニングに必要なもの Delphi for PHP V2.0 の環境設定 VCL for PHP の基本的な動作を確認 フォトギャラリの製作 マスターページ 画像アップロード カスタムコンポーネントの導入 など 2 ハンズオントレーニングに必要なもの
More informationContents Contents( 目次 ) 1 重要 編集の際の注意事項 2 編集可能なページ 部分 3 トップページ 4 トップFlashの内容変更 5 おすすめ情報 ( カタログギフト等 ) 6 サイドバー バナー部分 7 サイドバー バナー部分事業会社レイアウト用 8 サイドバー バナー部
アークスグループ事業会社各社 Web サイト編集マニュアル 株式会社ライフポート様 http://www.arcs-g.co.jp/group/lifeport/ Contents Contents( 目次 ) 1 重要 編集の際の注意事項 2 編集可能なページ 部分 3 トップページ 4 トップFlashの内容変更 5 おすすめ情報 ( カタログギフト等 ) 6 サイドバー バナー部分 7 サイドバー
More information1 1 1............................ 1 2............................ 1 3 HTML5 CSS3................... 2 4........................ 2 2 3 1...............
1 1 1............................ 1 2............................ 1 3 HTML5 CSS3................... 2 4........................ 2 2 3 1.............................. 3 2........................... 3 3......................
More informationWeb±ÜÍ÷¤Î³Ú¤·¤µ¤ò¹â¤á¤ëWeb¥Ú¡¼¥¸²ÄÄ°²½¥·¥¹¥Æ¥à
Web Web 2 3 1 PC, Web, Web. Web,., Web., Web HTML, HTML., Web, Web.,,., Web, Web., Web, Web., Web, Web. 2 1 6 1.1.................................................. 6 1.2.................................................
More informationLotus Marketing Plan
テクてく Lotus 技術者夜会 ザ デベロッパー編 IBM Connections と XPages の連携 東京ソフトウェア開発研究所日本 IBM 株式会社 2013 IBM Corporation 特記事項 本資料の記載内容は できる限り正確を期すよう努めてはおりますが いかなる明示または暗黙の保証も責任も負いかねます 本資料の情報は 使用先の責任において使用されるべきものであることを あらかじめご了承ください
More information( )
2016 13H018 1 1 2 2 3 4 3.1............................................... 4 3.2 ( ).................................... 5 4 6 4.1........................................ 6 4.2..................... 6 5
More informationCSS Taichi Kaminogoya 2007-05-26T14:00:00+09:00 design de sign coration デザイン サイン 情報 をデコレーション 装飾 どれが重要なのかのサイン メッセージ CSS CSS CSS CSS デザイン 線や色でサイン 情報をイイトコロに配置 CSS CSS CSS { : ; { : ; { : ; { : ; CSS
More informationCSSNite-LP54-kubo-ito.key
div { div { width: ; div { width: 100%; div { width: 100%; div { width: 100%!important; a { color: #000!important; .box { padding: 20px; border: 4px solid #666; h1 { color:
More informationMicrosoft Word - W3C's_ARIA_Support
W3C の ARIA (Accessible Rich Internet Applications) 対応 : Windows Internet Explorer 8 Beta 1 for Developers Web 作業の操作性を向上 2008 年 3 月 詳細の問い合わせ先 ( 報道関係者専用 ) : Rapid Response Team Waggener Edstrom Worldwide
More informationWebデザイン論
2008 年度松山大学経営学部開講科目 情報コース特殊講義 Web デザイン論 檀裕也 (dan@cc.matsuyama-u.ac.jp) http://www.cc.matsuyama-u.ac.jp/~dan/ 前回の課題 Web デザイン論 の期末試験まで何日残っているか表示する Web ページを JavaScript で制作し 公開せよ 宛先 : dan@cc.matsuyama-u.ac.jp
More information日 http://microformats.org/ 西 class class id class id title class id title rel class id 工 title rel
More informationスタンプラリー 操作資料
スタンプラリー 操作資料 目次 1 1. スタンプ制作画面を開く 2. 基本設定 3. 達成時の設定 4. スタンプ画像の登録 5. 地点詳細の設定 6. 画面一覧 設定 7. CSS 設定 8. 集計 9. ログリセット 1. スタンプ制作画面を開く 2 1 COCOAR の管理画面から スタンプラリー のメニューを選択します 2 新規登録 ボタンをクリックし スタンプラリーの編集に進みます 1.
More informationWeb データ管理 HTML+CSS (7) (2 章 ) 2011/11/16( 水 ) 湘南工科大学講義資料 Web データ管理 (2011) 阿倍 1/15
Web データ管理 HTML+CSS (7) (2 章 ) 2011/11/16( 水 ) 1/15 演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) 演習名 使用するフォルダ 演習 1 Z: Webデータ管理 20111116 演習
More information07_経営論集2010 小松先生.indd
19 1 2009 105 123 Web Web Web Web World Wide Web WWW OS 1990 WWW Web HTML CSS JavaScript Web 1 WWW 2 Web Web 3 Web 4 HTML5 5 Web Web 3 1970 WWW HTML Web WWW WWW WWW WWW WWW 105 Web WWW 2 Web 1 1 NTT NTT
More informationアークスグループ事業会社各社 Web サイト編集マニュアル 株式会社ふじ様
アークスグループ事業会社各社 Web サイト編集マニュアル 株式会社ふじ様 http://www.arcs-g.co.jp/group/fuji/ Contents Contents( 目次 ) 1 重要 編集の際の注意事項 2 編集可能なページ 部分 3 トップページ 4 トップFlashの内容変更 ( 画像変更 ) 5 トップFlashの内容変更 ( 設定変更 ) 6 おすすめ情報 ( カタログギフト等
More information2 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
Crescent Eve ホームページ編集ソフト の使い方マニュアル 1 COPYRIGHT TempNate. ALL RIGHTS RESERVED. 2 COPYRIGHT TempNate. ALL RIGHTS RESERVED. 3 COPYRIGHT TempNate. ALL RIGHTS RESERVED. 4 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
More informationIPSJ SIG Technical Report Vol.2014-HCI-157 No.26 Vol.2014-GN-91 No.26 Vol.2014-EC-31 No /3/15 1,a) 2 3 Web (SERP) ( ) Web (VP) SERP VP VP SERP
1,a) 2 3 Web (SERP) ( ) Web (VP) SERP VP VP SERP VP Web 1. Web Web Web Web Google SERP SERP 1 1 2-1-1, Hodokubo, Hino, Tokyo 191 8506, Japan 2 4-12-3, Higash-Shinagawa, Shinagawa, Tokyo 140 0002, Japan
More informationWeb プログラミング 1 HTML+CSS (6) (2 章 ) 2013/5/29( 水 ) 演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用
Web プログラミング 1 HTML+CSS (6) (2 章 ) 2013/5/29( 水 ) 演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) 演習名 使用するフォルダ 演習 1 Z: Web プログラミング 1 20130529
More informationSNS 14,917,000,000 10,780,000 SNS 8,850,000,000 14,900,000 MobileSpace 8,000,000,000 3,000,000 SNS 6,000,000,000 6,000,000 3,863,000,000 22,100,000 3,790,000,000 8,970,000 i i 3,500,000,000 6,000,000 2,001,000,000-1,900,000,000
More informationWeb データ管理 HTML+CSS (6) (2 章 ) 2011/11/9( 水 ) 湘南工科大学講義資料 Web データ管理 (2011) 阿倍 1/21
Web データ管理 HTML+CSS (6) (2 章 ) 2011/11/9( 水 ) 1/21 演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) 演習名 使用するフォルダ 演習 1 Z: Web データ管理 20111109 演習
More informationWCAN
Web or App Web or App App 1.PC 2. 3. HTML Web design skill app design skill? ターゲットが必要 Web or App Web PC PC PC Web PC Web Web Media Queries CSS3 HTML responsible design PC Media
More informationuntitled
2007 IT G Google Map API WEB2.0 2007 8 23 GoogleMapAPI GoogleMapAPI Google Web URL XHTML JavaScript GoogleMAP LHACA FFFTP TeraPad Haruhiro Unno Japan Electronics College 1 GoogleMapAPI Web Google GMail
More informationJavaScript の使い方
JavaScript Release10.5 JavaScript NXJ JavaScript JavaScript JavaScript 2 JavaScript JavaScript JavaScript NXJ JavaScript 1: JavaScript 2: JavaScript 3: JavaScript 4: 1 1: JavaScript JavaScript NXJ Static
More informationウェブ制作研修
サイト更新手順書 旭区社会福祉協議会様 制作 : マチス教育システム 目次 サイトマップ 3~5 サイトの構造 6 ファイルの見つけ方 7 HTMLについて 8 CSSについて 9 新規ページを作成 編集する 10~18 新規カテゴリーを作成する 19~21 トラブル対処法 22 Dreamweaverの便利な使い方 23 2 サイトのマップ トップページ 旭区社協の紹介 /shakyou/ 社協について
More information橡点検記録(集約).PDF
942.8.8.8.7 671 86 11 1 9 9 9 1 1,792 7,23 2,483 1,324 2,198 7,23 82 7,23 6,327 9,22 9,713 8,525 8,554 9,22. 8,554. 1,79 9,713 95 947 8,525.. 944 671 81 7 17 1,29 1,225 1,241 1,25 1,375 9.3 23,264 25,
More information経営論集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 informationSmartBrowser_document_build30_update.pptx
SmartBrowser Update for ios / Version 1.3.1 build30 2017 年 8 月 株式会社ブルーテック 更新内容 - 概要 ios Version 1.3.1 build28 の更新内容について 1. 設定をQRから読み込み更新する機能 2.URLをQRから読み込み画面遷移する機能 3.WEBページのローカルファイル保存と外部インテントからの起動 4.JQuery-LoadImageライブラリの組み込み
More informationJavaScript 演習 2 1
JavaScript 演習 2 1 本日の内容 演習問題 1の解答例 前回の続き document.getelementbyid 関数 演習問題 4 イベント処理 基本的なフォーム テキストボックスの入力値の取得 演習問題 5 演習問題 1 prompt メソッドと document.write メソッドを用いて, ユーザから入力されたテキストと文字の色に応じて, 表示内容を変化させる JavaScript
More information<td width=99%><input type="file" size="80" name="file"></td> <td width=1% nowrap align=right valign=top> 削除キー : </td> <td width=99%><input type="passw
PHP 画像掲示板トップページスキン
More informationPowerPoint プレゼンテーション
Page 1/ 13 講義一覧講義回講義タイトル講義概要 第 1 回 3 級実技試験について ガイダンス 第 2 回 HTMLによる文書構造化 HTML 言語の復習 第 3 回 CSSスタイルシートのプロパティ 値 CSSスタイルシートの復習 第 4 回 実技実習作業 1 問題 1 ディレクトリとファイルの配置位置に関する問題 第 5 回 実技実習作業 2 問題 2 HTMLファイルの修正 ( リンク設定
More informationjquery Hands-On Guide WD jquery Lab. 22 Index 002 006 010 014 018 022 026 030 034 038 042 reveal.js 046 Web jquery 050 Web Designing 2012 12 2014 1 jquery Lab. URL DOWNLOAD ZIP ID IDwdlibjq http://book.mynavi.jp/wd/wdlib/wdlib04/
More informationWebプログラミング演習
Web プログラミング演習 STEP11 XSLT を使った画面生成 XML:Extensible Markup Language コンピュータが扱うデータや文書を表現する技術 SGML(Standard Generalized Markup Language) の改良 利用者が自由に拡張可能なマークアップ言語を設計 HTML=SGML を利用して作成された Web ページ記述言語 XHTML=XML
More information数のディジタル化
第 3 章コミュニケーションとネットワークを探索する 4 節コミュニケーションとネットワークの活用 4 節コミュニケーションとネットワークの活用 3 コミュニケーションツールの活用 第 3 章 4 節コミュニケーションとネットワークの活用 コミュニケーションツールの活用 本日の内容 第 3 章コミュニケーションとネットワークを探索する 4 節コミュニケーションとネットワークの活用 3. コミュニケーションツールの活用
More information2 COPYRIGHT TempNate. ALL RIGHTS RESERVED.
TempNate [テンプネート] ホームページ テンプレート設置マニュアル TempNate テンプネート 1 COPYRIGHT TempNate. ALL RIGHTS RESERVED. 2 COPYRIGHT TempNate. ALL RIGHTS RESERVED. STEP1ホームページ テンプレートを ダウンロードしよう 3 COPYRIGHT TempNate. ALL RIGHTS
More informationBootstrap ngx-bootstrap beta.8 Intl WebStorm Google Chrome 62.0 Node.js git for Windows 開発環境バージョンアップの影響 1 章変更なし
2017/11/27 バージョンアップ対応手順書 Angular2 によるモダン Web 開発 TypeScript を使った基本プログラミング ( 以下 本書 と記載します ) の対象である Angular2 は 2017 年 11 月 1 日にメジャーバージョンアップ を行い Angular5.0 になりました Angular5.0 への対応をまとめたのがこの手順書です のバージョンアップと本書の対応
More information第 2 部 JavaScript 編 17 演習の答え 17.1( 演習 3-3)1 列目の width を 200px 2 列目を 300px にしなさい pr3-3.html <title> </title> <table border="1" style="border-collapse:co
付録 第 2 部 JavaScript 編 17 演習の答え 17.1( 演習 3-3)1 列目の width を 200px 2 列目を 300px にしなさい pr3-3.html
More information【お試し版】Web制作者のためのCSS設計の教科書(非売品)
UI Frontrend JS Girls html5j HTML5 CSS3 iphone Twitter : http://twitter.com/hiloki : http://inkdesign.jp GitHub : https://github.com/hiloki/ URL http://www.impressjapan.jp/books/1113101128 Web 10 IT UI
More information6 章 付録 マニフェストファイルの設定新規プロジェクトの作成手順追加モジュールのバージョン Bootstrap CSS の適用場所追加モジュールの登録記述アニメーションアイコン CSS の適用場所 3 章の変更 3.2 ダウンロード URL やインストールコマンドが変更になります ❶N
2017/02/23 開発環境バージョンアップ対応手順書 はじめに本書では ソフトウェアのインストール時にバージョンを指定することで 書籍の記述との違いや不具合を最小限に抑えてきました 今月 Angular CLI の指定バージョン 1.0.0-beta.17 の配布が終了したため 新しいバージョンへの対応を行います この手順書は 本書が現時点で最新の開発環境へ対応する方法をまとめたものです 不具合発生への対応今回指定する最新バージョンも
More information演習室の 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 information388-356697252-2.pdf
専修大学 ネットワーク情報学部 2012年度 特殊演習 (Webプログラミング) 新居雅行 / Masayuki Nii 2 HTML/CSS 2012 4 23 1 2-1 Web 2 2-1 80 SSL Apache WindowsIIS Internet Information Server HTTP HyperText Transfer Protocol HTML HTML 1 1 [ URI]
More informationボタンのトランジション 1 トランジションを利用して ボタンを作ってみましょう ボタンを工夫することでひときわ光る web ページにすることができます もう Illustrator や Photoshop でボタンの画像を作る必要はありません JavaScript でスクリプトを書く必
1252-1 ボタンのトランジション 1 トランジションを利用して ボタンを作ってみましょう ボタンを工夫することでひときわ光る web ページにすることができます もう Illustrator や Photoshop でボタンの画像を作る必要はありません JavaScript でスクリプトを書く必要もありません すべて CSS3 の機能だけで作成されています サンプル CSS1 形と色が変化するリンクボタン
More information特記事項 2 本資料の掲載内容は できる限り正確を期するように努めてはおりますが いかなる明示または暗黙の保証も責任も負いかねます 掲載情報は不定期に変更されることもあります 他のメディア等に無断で転載する事はご遠慮下さい 当資料をコピー等で複製することは 執筆者の承諾なしではできません 当資料に掲
今日から始める XPages アプリケーション開発! ノーツコンソーシアムオープンセミナー 2016 ハンズオン XPagesDay 出張セッション 2016/11/09 株式会社ソルクシーズ吉田武司 Ver. 1.0.2 特記事項 2 本資料の掲載内容は できる限り正確を期するように努めてはおりますが いかなる明示または暗黙の保証も責任も負いかねます 掲載情報は不定期に変更されることもあります 他のメディア等に無断で転載する事はご遠慮下さい
More informationWeb のしくみと応用 ('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 informationIntl WebStorm Google Chrome (64-bit) Node.js git for Windows 開発環境バージョンアップの影響 1 章変更なし 2 章変更なしソフトウェアのバージョン指定 3 章
2017/04/07 Angular4.0 バージョンアップ対応手順書 Angular2 によるモダン Web 開発 TypeScript を使った基本プログラミング ( 以下 本書 と記載します ) の対象である Angular2 は 2017 年 3 月 23 日にメジャーバージョンアップ を行い Angular4.0 になりました Angular4.0 への対応をまとめたのがこの手順書です Angular
More informationPowerPoint プレゼンテーション
-1- -2- HTML HTML HTML 10 10 1 100 1 200 -3- Web Web -4-1. CGI URL 2. 3. OK 4. -5- ------------------------------------------------------------- - 1. 2. 3. 4. 5. -------------------------------------------------------------
More information目次 1. 概要 2. サーバーへの設置 3. 設定 4. ユーザーアクセス記録の収集 5. 利用規定 6. 更新履歴
BASIC 認証管理 L-TOOL BasicAuth (ver 3.1) 取扱説明書 Little Net http://l-tool.net/ - 2016 年 9 月 20 日版 - 目次 1. 概要 2. サーバーへの設置 3. 設定 4. ユーザーアクセス記録の収集 5. 利用規定 6. 更新履歴 1. 概要 この WEB ツールは このツールを設置したフォルダーのベーシック認証を管理する
More informationMicrosoft Word - PaLearn_manual_05c.doc
c.palearn API リファレンスマニュアル (5. コンテンツ開発編 ) Panasonic Learning Systems Co., Ltd. Ver.1.1 目次 1 4 PaLearn API の概要... 4 PaLearn API の動作原理... 5 PaLearnLIB.js の役割... 6 API について... 6 LMSInitialize... 7 LMSGetValue...
More information1 1 1............................ 1 2 jquery........................ 2 3................ 3 4................... 3 2 4 1..............................
1 1 1............................ 1 2 jquery........................ 2 3................ 3 4................... 3 2 4 1.............................. 4 2.............................. 6 3...........................
More informationLotus 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自己紹介 内毅志 ( おさないたけし ) Movable Type Product and Marketing Manager (2011 年 4 月 )
スマートフォンオプションのご紹介とスマートフォン対応テーマ解説 カスタマイズ 2011 年 11 月 9 日シックス アパート株式会社 内毅志 自己紹介 内毅志 ( おさないたけし ) Movable Type Product and Marketing Manager (2011 年 4 月 ) 本日のサマリ スマートフォンオプションとは テーマのおさらい スマートフォンオプション用テーマの内容ご紹介
More informationサンプル CSS web ページを開くと同時にピエロの玉乗りが動き出すアニメーションを作ってみましょう AnimeAuto の説明 HTML の記述 (AnimeAuto.html) ピエロの画像に pierrot という id を 玉の画像に ball という id を付けておきます <!DOCT
1320 Animation のトリガー ( 開始させるきっかけ ) の方法 animation を開始させるきっかけは 次の3つの方法があります 1web ページが表示されるのと同時に開始させる方法 2マウスでクリック (click) して開始させる方法 3マウスカーソルを乗せている (hover) 間だけ動かす方法アニメーションを動かすためにはアニメーション名 (animation-name プロパティの値
More informationUTF-8への文字コード変更に伴う自作CSSとJavascript修正について
UTF-8 への文字コード変更に伴う自作 CSS と Javascript 修正について Google の推奨により お店ページの文字コードを現在の EUC-JP から UTF-8 へ変更します 文字コードを UTF-8 にすることで 検索結果の順位や数にプラスに働くことが期待できます 今回の文字コードの変更により 店舗さん自身で設置しているスタイルシートや Javascript がある場合 お店ページのレイアウトが崩れる
More informationインターネット社会の発展
インターネット入門 第 8 回 Web ページの作成法 総合情報学部情報科学科榊原道夫, 河野敏行, 大西荘一 目次 1. Web ページの作成 2. タグによる作成手順 3. HTML の基本 4. 作ってみよう 5. スタイルシートの利用 Web ページの作成 作成に必要なアプリケーション HTML エディター 専用ソフト テキストエディター 画像編集ソフト コンテンツ作成ソフト Flash ファイル転送ソフト
More informationMicrosoft PowerPoint - css-3days.ppt [互換モード]
情報基礎 CSS を用いた Web ページ作成 CSS とは Cascading Style Sheet の省略表記 シーエスエスと読む Web ページのレイアウト ( 視覚的構造 ) を定義する スタイルシート の規格の一つ Web の標準化団体である W3C(World Wide Web Consortium) によって標準化 W3C で推奨される考え方 論理構造 : マークアップ言語 HTML,
More informationSGML 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 informationextCountdown.pdf
拡張機能ユニット カウントダウンユニット マニュアルシフトテック株式会社 発行 :2018/11/21 改定 :2018/12/13 カウントダウンユニット マニュアル - 1 概要 指定された日時までカウントダウンを行うユニットです ール ー ア ン ンテ ー 特徴 指定した日時までカウントダウンし 終了後は自動で停止します 任意の URL を設定すると カウント終了後にページにアクセスがあった場合
More informationGMO MobileHomePage
テンプレート 解 説 書 (キャンペーンサイト) Last update 2010/02/26 1 目 次 1. テンプレート 解 説 書 (キャンペーンサイト)について...3 2. テンプレートを 利 用 した 携 帯 サイト 制 作 方 法...4 3. 全 ページ 共 通 画 像 について...5 4. トップページ 解 説...7 5. 問 題 ページ 解 説...8 6. 正 解 ページ
More informationMicrosoft PowerPoint - css-3days 互換モード
情報基礎 CSS を用いた Web ページ作成 CSS とは Cascading Style Sheet の省略表記 シーエスエスと読む Web ページのレイアウト ( 視覚的構造 ) を定義する スタイルシート の規格の一つ Web の標準化団体である W3C(World Wide Web Consortium) によって標準化 W3C で推奨される考え方 論理構造 : マークアップ言語 HTML,
More informationWebプログラミング演習
Web プログラミング演習 STEP9 Ajax を利用した RSS フィードのタイムライン表示 Ajax Asynchronous JavaScript + XML クライアントサイド ( ブラウザ内 ) で非同期サーバ通信と動的ページ生成を組み合わせる技術の総称 ウェブアプリケーションの操作性向上 ( ページ遷移を伴わない ) サーバとの小刻みな通信 = 必要なデータを必要な時に要求 ( リクエスト
More information2 目次 1. 基本操作 ウィジェットとは何か ウィジェットの目的と構成 ウィジェットの設置 ウィジェットのカスタマイズ ウィジェットコードの構成 ウィジェットの外観を変更する..
Newdea Inc. プロジェクトセンター ユーザーガイド ウィジェット 2 目次 1. 基本操作... 3 1.1. ウィジェットとは何か... 3 1.2. ウィジェットの目的と構成... 3 1.3. ウィジェットの設置... 5 2. ウィジェットのカスタマイズ... 10 2.1. ウィジェットコードの構成... 10 2.2. ウィジェットの外観を変更する... 11 2.2.1. 個別のウィジェットの外観を変更する...
More informationウェブデザイン技能検定学科試験 3 級 1. 各設問において 正しいものは 1 を 間違っているものは 2 を 該当設問の解答欄に記せ 第 1 問 head 要素は body 要素の前に記述する 第 2 問 アクセシビリティの観点から img 要素の alt 属性には何らかのテキストを入力することが
1. 各設問において 正しいものは 1 を 間違っているものは 2 を 該当設問の解答欄に記せ 第 1 問 head 要素は body 要素の前に記述する 第 2 問 アクセシビリティの観点から img 要素の alt 属性には何らかのテキストを入力することが必須である 第 3 問 画像データであれば 拡張子を.jpeg に変更すれば JPEG 形式のファイル形式となる 第 4 問 擬似要素 :hover
More informationPowerPoint Presentation
OPROARTS Connector for Salesforce ユーザーガイド はじめに 本ドキュメントはサンプルテンプレートを使用し 帳票作成からボタン作成までの流れを解説します セットアップは OPROARTS Connector for Salesforce セットアップガイドを参照ください 帳票デザインについてはデザイナーガイドを参照ください 1997-2019 OPRO Co., Ltd.
More information</ul> (XXX ) 15 ( )15 35 (XXX ) 15 ( ) [4] HTML HTML HTML HTML 1. <!--- CONTENTS_TITLE_TABLE ---> <b><font size=+1>xxx </font></b> <sm
1. 1 2006 9 5 AWK HTML 2 1 [4] AWK Yahoo! : http://headlines.yahoo.co.jp/hl HTML HTML [4] HTML HTML ( ) HTML 3 2 Yahoo! Yahoo! ( ) (XXX ) - 15 ( )15 35
More information演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) 演習名 使用するフォルダ 演習 1 Z: Web データ管理 演習
Web データ管理 JavaScript (4) (4 章 ) 2012/1/11( 水 ) 1/22 演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) 演習名 使用するフォルダ 演習 1 Z: Web データ管理 20120111 演習
More informationIBM FormWave for WebSphere 公開技術文書 #FWTEC0012 リッチ ユーザーインターフェースのクライア ント操作画面サンプルでブランク伝票が一覧に すべて表示されない問題の対処方法 最終更新日 :2009/11/20 Copyright International Bu
IBM FormWave for WebSphere 公開技術文書 #FWTEC0012 リッチ ユーザーインターフェースのクライア ント操作画面サンプルでブランク伝票が一覧に すべて表示されない問題の対処方法 最終更新日 :2009/11/20 Copyright International Business Machines Corporation 2009. All rights reserved.
More informationインターネットマガジン2000年10月号―INTERNET magazine No.69
ı +CD-ROM Å 5 M17 A N S W E R1 function show (istr) { obj = ocument.getelementbyi (istr); obj.style.visibility = "visible"; function hie (istr) { obj = ocument.getelementbyi(istr);
More informationMovable Type CMS Movable Type Movable Type 5.2 CMS
( Movable Type CMS 11 2001 2012 2001 Movable Type 1.0 2012 Movable Type 5.2 CMS Movable Type 5 Movable Type CMS 5 New! ü ü CMS ü 9,975 ü ü ü CMS 1 5 63,000 3 PDF CMS Movable Type html css Flash JavaScript
More informationintra-mart Accel Platform — イベントナビゲータ 開発ガイド 初版
Copyright 2013 NTT DATA INTRAMART CORPORATION 1 Top 目次 intra-mart Accel Platform イベントナビゲータ開発ガイド初版 2013-07-01 改訂情報概要イベントフローの作成 更新 削除をハンドリングするイベントフローを非表示にする回答を非表示にするリンクを非表示にするタイトル コメントを動的に変更するリンク情報を動的に変更するナビゲート結果のリンクにステータスを表示する
More informationWorld Wide Web =WWW Web ipad Web Web HTML hyper text markup language CSS cascading style sheet Web Web HTML CSS HTML
Web 工学博士大堀隆文 博士 ( 工学 ) 木下正博 共著 World Wide Web =WWW Web ipad Web Web HTML hyper text markup language CSS cascading style sheet Web Web HTML CSS HTML ii HTML CSS CSS HTML HTML HTML HTML Eclipse Eclipse Eclipse
More informationuntitled
Ajax Web Ajax http://www.openspc2.org/javascript/ajax/ajax_stu dy/index.html Life is beautiful Ajax http://satoshi.blogs.com/life/2005/06/ajax.html Ajax Ajax Asynchronous JavaScript + XML JavaScript XML
More information高度デザインカスタマイズの制作フロー CSS と画像を利用した高度デザインカスタマイズは下記の流れで制作を進めます 1. 高度デザインカスタマイズ対応のコンテンツデータを一旦 STORM V で書き出す 2. 書き出したコンテンツデータ内のカスタマイズ CSS ファイルを編集してデザインを確定する
[ Tips ] STORM V 高度デザインカスタマイズの利用方法 文書番号 第 1 版 : 17 製 -ST030652-01 : 2017 年 9 月 15 日 対象製品 : STORM V 2.1.0 以降 ( グレード : エキスパート ) 対象ユーザー : STORM V エキスパートをご利用中の方 CSS 画像作成の知識がある方 概要 CSS と画像を利用して プレイヤースキンデザインをカスタマイズできます
More information追加する方法は以下の 2 つです 書き出し後にヘッダーを追加する (1 冊だけヘッダーを適用する場合に向く ) 書き出し形式を追加する ( 何冊も同じヘッダーを適用する場合に向く ) 注意 HTML の知識が必要です ロゴスウェアでは HTML の書き方についてのサポートはお受けしておりませんのでご
[ Tips ] FLIPPER U HTML でヘッダーを追加する方法 文書番号第 6 版対象製品対象ユーザー : 12 製 -FL030290-06 : 2016 年 4 月 25 日 : FLIPPER U 4.3.0 以降 : FLIPPER U をご利用中の方 概要 ロゴを配置した HTML を iframe でデジタルブックと組み合わせることで オリジナルロゴ入りのデザインに見せることができます
More informationEC 千葉のホームページで使用している CSS CSSスタイルシート ( 外部記載 ) /* == 標示枠背景に壁紙設置 ( 全画面共通 )======= */ body { background-ima
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 CSSスタイルシート ( 外部記載 ) /* == 標示枠背景に壁紙設置 ( 全画面共通 )======= */ body background-image: url("../images/wallpaper1.gif"); /* == 記事記入枠 container ( 全画面共通 )=========
More information目次 概要... 2 フォームレイアウトデザイナー機能の設定... 3 設定したフォームレイアウトデザイナーの確認...14 その他スタイルの設定...15 フォームレイアウトデザイナーをエクスポート...17 フォームレイアウトデザイナーをインポート...18 インポート時の制限事項...19 リ
[SP 改 ] フォームレイアウトデザイナー FOR SHAREPOINT 2013 ユーザーマニュアル 1.0 版 2014 年 04 月 11 日 株式会社アンク 目次 概要... 2 フォームレイアウトデザイナー機能の設定... 3 設定したフォームレイアウトデザイナーの確認...14 その他スタイルの設定...15 フォームレイアウトデザイナーをエクスポート...17 フォームレイアウトデザイナーをインポート...18
More informationTaro13-第6章(まとめ).PDF
% % % % % % % % 31 NO 1 52,422 10,431 19.9 10,431 19.9 1,380 2.6 1,039 2.0 33,859 64.6 5,713 10.9 2 8,292 1,591 19.2 1,591 19.2 1,827 22.0 1,782 21.5 1,431 17.3 1,661 20.0 3 1,948 1,541 79.1 1,541 79.1
More information_勉強会_丸山さつき_v3
CSS 2019/6/21 1 CSS CSS CSS!2 CSS Web!3 CSS HTML CSS CSS!4 CSS!5 !6 Id class id class CSS!7 !8 body 16px p 16px px, rem, em, %!9 !10 body 16px p 16px 1 CSS!11 !12 CSS CSS!13 CSS 4 CSS 1. OOCSS 2. SMACSS
More informationISコースプロジェクト実習 前期(第1回 ガイダンス)
プロジェクト実習 IS2 前期 ( 第 1 回 ) 使用教室 :5-102,8-203,8-303,8-305,4-205 担当教員 : 熊谷和志, 早川吉弘 資料サイト : 熊谷研究室授業資料 (http://ckuma.html.xdomain.jp/class/) 1. 授業を進める上で 授業概要 1 学年の コンピュータリテラシ, 総合工学基礎実験 を踏まえ, 数週間から数ヶ月の中長期にわたり,
More information1 48
Section 2 1 48 Section 2 49 50 1 51 Section 2 1 52 Section 2 1 53 1 2 54 Section 2 3 55 1 4 56 Section 2 5 57 58 2 59 Section 2 60 2 61 Section 2 62 2 63 Section 2 3 64 Section 2 6.72 9.01 5.14 7.41 5.93
More informationSection 1 Section 2 Section 3 Section 4 Section 1 Section 3 Section 2 4 5 Section 1 6 7 Section 1 8 9 10 Section 1 11 12 Section 2 13 Section 2 14 Section 2 15 Section 2 16 Section 2 Section 2 17 18 Section
More informationMoshimo Challenge Report
このコーナーは HTML CSS のことならなんでもおまかせの マリー と うさぎ界 No.1 とも言われているデザイナー ナムー が WEB ページ作成の コツを解説していきます 少し技術的な内容も含まれていますが 分からない ことは積極的に調べて 1 つ 1 つスキルアップをしていきましょうね! マリー HTML CSS のプロフェッショナル うさぎだけど好きなブラウザは Fire Fox ナムー
More informationTestDesign for Web
発行日 2012/6/21 発行元 株式会社アープ 本書は Web でのテスト自動化における Test Design の一連の操作方法まとめたものです Test Design のメニューの説明やより詳細な使い方については ユーザーズガイド を参照してください 目次 1. はじめに... 1 2. 環境構築... 2 2.1. Selenium のサイトについて... 2 2.2. Selenium
More informationWeb プログラミング 1 JavaScript (3) (4 章 ) 2013/7/3( 水 ) 日時 講義内容 4/10 ( 水 ) ガイダンス Web (1 章 ) 4/17 ( 水 ) HTML+CSS (1) (2 章 ) 4/24 ( 水 ) HTML+CSS (2) (2 章 ) 5/
Web プログラミング 1 JavaScript (3) (4 章 ) 2013/7/3( 水 ) 日時 講義内容 4/10 ( 水 ) ガイダンス Web (1 章 ) 4/17 ( 水 ) HTML+CSS (1) (2 章 ) 4/24 ( 水 ) HTML+CSS (2) (2 章 ) 5/8 ( 水 ) HTML+CSS (3) (2 章 ) 5/15 ( 水 ) HTML+CSS (4)
More informationPowerPoint プレゼンテーション
株式会社コミュニティコム星野邦敏 330-0802 埼玉県さいたま市大宮区宮町 1-5 銀座ビル7 階 URL: http://www.communitycom.jp/ E-MAIL: mail@communitycom.jp 1 星野邦敏 ( ほしのくにとし ) Twitter : @khoshino Facebook : 星野邦敏 (Kunitoshi Hoshino) 株式会社コミュニティコムという会社で
More information</div> </div> </body> </html> CSS の記述 (3DCubeAnime1.css) #stage ステージのスタイルを指定します 背景色を黒色で指定します 画像に軽く遠近感を出すために perspective: 1000px; と指定し perspective-orig
1342-7 応用 1 Rotate 3D Cube 3D Cube が回転するアニメーション サンプル CSS1 CSS3 で 3D の Cube を描いて回転させてみましょう 3DCubeAnime1 の説明 HTML の記述 (3DCubeAnime1.html) id 属性 stage の div 要素を作り その中に div 要素でボックスを記述します id 属性 cube の div 要素を記述し
More information合宿事前講座 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