JS
new array(オブジェクト）はあまりつかわない
lengthは使い方両方一緒
定義するところはheadの中（PCに読み込ませたい情報）
辟｡鬘後ラ繧ｭ繝･繝｡繝ｳ繝・/title>
<script>
var info=['繝帙・繝','莨夂､ｾ諠・ｱ','陬ｽ蜩∵ュ蝣ｱ','縺雁撫縺・粋繧上○'];
var info=new array('繝帙・繝','莨夂､ｾ諠・ｱ','陬ｽ蜩∵ュ蝣ｱ','縺雁撫縺・粋繧上○')←newarrayを使った描き方
</script><br />
</head></p><p><body><br />
<script></p>
<!-- --><p></script><br />
</body><br />
</html></p><br />
<p>DW機能を使う<br />
挿入→テーブル<br />
デザインのほうで一行目にカーソルを合わせてやじりにして、<br />
画面下のプロパ<a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%C6%A5%A3%A1%BC">ティー</a>から「ヘッド」にチェックをれると<br />
一行目が＜ｔｈ＞に変わる</p><p>function 変数<br />
JS５<br />
for文がなくても「i」に対して、番号でよびだす<br />
for文はあくまでも繰り返し。表の場所に出る答えは決まっているので数字で決める</p><p>ｊｓ６<br />
掛け算の表<br />
ネストにして縦を書いた中に横を掛けて表を作る<br />
scriptを書く位置に注意</p><br />
<p>「スクローラブル」<br />
「<a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%E9%A5%A4%A5%C8%A5%DC%A5%C3%A5%AF%A5%B9">ライトボックス</a>」<br />
scrollable<br />
横スクロールして<a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%E9%A5%A4%A5%C8%A5%DC%A5%C3%A5%AF%A5%B9">ライトボックス</a>で開く</p><p>リンク集 「for you」無料<a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%D7%A5%E9%A5%B0%A5%A4%A5%F3">プラグイン</a>ソフト<br />
horizontal slide(slider＝固有ソフト名）<br />
横動き検索するときは↑で検索</p>
</div>
<footer class="entry-footer">
<div class="entry-tags-wrapper">
<div class="entry-tags"> </div>
</div>
<p class="entry-footer-section track-inview-by-gtm" data-gtm-track-json="{"area": "finish_reading"}">
<span class="author vcard"><span class="fn" data-load-nickname="1" data-user-name="HONME" >HONME</span></span>
<span class="entry-footer-time"><a href="https://honme.hatenadiary.org/entry/20120621/1347617073"><time data-relative datetime="2012-06-21T10:04:33Z" title="2012-06-21T10:04:33Z" class="updated">2012-06-21 19:04</time></a></span>
<span class="
entry-footer-subscribe
" data-test-blog-controlls-subscribe>
<a href="https://blog.hatena.ne.jp/HONME/honme.hatenadiary.org/subscribe?utm_campaign=subscribe_blog&utm_medium=button&utm_source=blogs_entry_footer">
読者になる
</a>
</span>
</p>
<div
class="hatena-star-container"
data-hatena-star-container
data-hatena-star-url="https://honme.hatenadiary.org/entry/20120621/1347617073"
data-hatena-star-title="JS new array(オブジェクト）はあまりつかわない lengthは使い方両方一緒 定義すると…"
data-hatena-star-variant="profile-icon"
data-hatena-star-profile-url-template="https://blog.hatena.ne.jp/{username}/"
></div>
<div class="social-buttons">
<div class="social-button-item">
<a href="https://b.hatena.ne.jp/entry/s/honme.hatenadiary.org/entry/20120621/1347617073" class="hatena-bookmark-button" data-hatena-bookmark-url="https://honme.hatenadiary.org/entry/20120621/1347617073" data-hatena-bookmark-layout="vertical-balloon" data-hatena-bookmark-lang="ja" title="この記事をはてなブックマークに追加"><img src="https://b.st-hatena.com/images/entry-button/button-only.gif" alt="この記事をはてなブックマークに追加" width="20" height="20" style="border: none;" /></a>
</div>
<div class="social-button-item">
<div class="fb-share-button" data-layout="box_count" data-href="https://honme.hatenadiary.org/entry/20120621/1347617073"></div>
</div>
<div class="social-button-item">
<a
class="entry-share-button entry-share-button-twitter test-share-button-twitter"
href="https://twitter.com/intent/tweet?text=%E2%96%A0+-+%E5%9B%9B%E7%95%B3%E5%8D%8Aweb%E6%97%A5%E8%A8%98&url=https%3A%2F%2Fhonme.hatenadiary.org%2Fentry%2F20120621%2F1347617073"
title="X（Twitter）で投稿する"
></a>
</div>
</div>
<div class="google-afc-image test-google-rectangle-ads">
<div id="google_afc_user_container_1" class="google-afc-user-container google_afc_blocklink2_5 google_afc_boder" data-test-unit="/4374287/blog_user"></div>
<a href="http://blog.hatena.ne.jp/guide/pro" class="open-pro-modal" data-guide-pro-modal-ad-url="https://hatena.blog/guide/pro/modal/ad">広告を非表示にする</a>
</div>
<div class="customized-footer">
<div class="entry-footer-modules" id="entry-footer-secondary-modules"> </div>
</div>
<div class="comment-box js-comment-box">
<ul class="comment js-comment">
<li class="read-more-comments" style="display: none;"><a>もっと読む</a></li>
</ul>
<a class="leave-comment-title js-leave-comment-title">コメントを書く</a>
</div>
</footer>
</div>
</article>
<!-- rakuten_ad_target_end -->
<!-- google_ad_section_end -->
<div class="pager pager-permalink permalink">
<span class="pager-prev">
<a href="https://honme.hatenadiary.org/entry/20120621/1347617108" rel="prev">
<span class="pager-arrow">« </span>
■
</a>
</span>
<span class="pager-next">
<a href="https://honme.hatenadiary.org/entry/20120621/1347615360" rel="next">
【授業】 透過PNG画像
<span class="pager-arrow"> »</span>
</a>
</span>
</div>
</div>
</div>
<aside id="box1">
<div id="box1-inner">
</div>
</aside>
</div><!-- #wrapper -->
<aside id="box2">
<div id="box2-inner">
<div class="hatena-module hatena-module-profile">
<div class="hatena-module-title">
プロフィール
</div>
<div class="hatena-module-body">
<a href="https://honme.hatenadiary.org/about" class="profile-icon-link">
<img src="https://cdn.profile-image.st-hatena.com/users/HONME/profile.png"
alt="id:HONME" class="profile-icon" />
</a>
<span class="id">
<a href="https://honme.hatenadiary.org/about" class="hatena-id-link"><span data-load-nickname="1" data-user-name="HONME">id:HONME</span></a>
</span>
<div class="hatena-follow-button-box btn-subscribe js-hatena-follow-button-box"
>
<a href="#" class="hatena-follow-button js-hatena-follow-button">
<span class="subscribing">
<span class="foreground">読者です</span>
<span class="background">読者をやめる</span>
</span>
<span class="unsubscribing" data-track-name="profile-widget-subscribe-button" data-track-once>
<span class="foreground">読者になる</span>
<span class="background">読者になる</span>
</span>
</a>
<div class="subscription-count-box js-subscription-count-box">
<i></i>
<u></u>
<span class="subscription-count js-subscription-count">
</span>
</div>
</div>
<div class="profile-about">
<a href="https://honme.hatenadiary.org/about">このブログについて</a>
</div>
</div>
</div>
<div class="hatena-module hatena-module-search-box">
<div class="hatena-module-title">
検索
</div>
<div class="hatena-module-body">
<form class="search-form" role="search" action="https://honme.hatenadiary.org/search" method="get">
<input type="text" name="q" class="search-module-input" value="" placeholder="記事を検索" required>
<input type="submit" value="検索" class="search-module-button" />
</form>
</div>
</div>
<div class="hatena-module hatena-module-links">
<div class="hatena-module-title">
リンク
</div>
<div class="hatena-module-body">
<ul class="hatena-urllist">
<li>
<a href="https://hatena.blog/">はてなブログ</a>
</li>
<li>
<a href="https://hatena.blog/guide?via=200109">ブログをはじめる</a>
</li>
<li>
<a href="http://blog.hatenablog.com">週刊はてなブログ</a>
</li>
<li>
<a href="https://hatena.blog/guide/pro">はてなブログPro</a>
</li>
</ul>
</div>
</div>
<div class="hatena-module hatena-module-recent-entries ">
<div class="hatena-module-title">
<a href="https://honme.hatenadiary.org/archive">
最新記事
</a>
</div>
<div class="hatena-module-body">
<ul class="recent-entries hatena-urllist ">
<li class="urllist-item recent-entries-item">
<div class="urllist-item-inner recent-entries-item-inner">
<a href="https://honme.hatenadiary.org/entry/20130129/1359444304" class="urllist-title-link recent-entries-title-link urllist-title recent-entries-title">Mac 裏技紹介サイト</a>
</div>
</li>
<li class="urllist-item recent-entries-item">
<div class="urllist-item-inner recent-entries-item-inner">
<a href="https://honme.hatenadiary.org/entry/20130126/1359188047" class="urllist-title-link recent-entries-title-link urllist-title recent-entries-title">プレゼンテーション</a>
</div>
</li>
<li class="urllist-item recent-entries-item">
<div class="urllist-item-inner recent-entries-item-inner">
<a href="https://honme.hatenadiary.org/entry/20130124/1359058744" class="urllist-title-link recent-entries-title-link urllist-title recent-entries-title">PhotoShopブラシサイト2</a>
</div>
</li>
<li class="urllist-item recent-entries-item">
<div class="urllist-item-inner recent-entries-item-inner">
<a href="https://honme.hatenadiary.org/entry/20130123/1358967039" class="urllist-title-link recent-entries-title-link urllist-title recent-entries-title">PhotoShopブラシサイト</a>
</div>
</li>
<li class="urllist-item recent-entries-item">
<div class="urllist-item-inner recent-entries-item-inner">
<a href="https://honme.hatenadiary.org/entry/20130122/1358883683" class="urllist-title-link recent-entries-title-link urllist-title recent-entries-title">メールについて</a>
</div>
</li>
</ul>
</div>
</div>
<div class="hatena-module hatena-module-archive" data-archive-type="default" data-archive-url="https://honme.hatenadiary.org/archive">
<div class="hatena-module-title">
<a href="https://honme.hatenadiary.org/archive">月別アーカイブ</a>
</div>
<div class="hatena-module-body">
<ul class="hatena-urllist">
<li class="archive-module-year archive-module-year-hidden" data-year="2013">
<div class="archive-module-button">
<span class="archive-module-hide-button">▼</span>
<span class="archive-module-show-button">▶</span>
</div>
<a href="https://honme.hatenadiary.org/archive/2013" class="archive-module-year-title archive-module-year-2013">
2013
</a>
<ul class="archive-module-months">
<li class="archive-module-month">
<a href="https://honme.hatenadiary.org/archive/2013/01" class="archive-module-month-title archive-module-month-2013-1">
2013 / 1
</a>
</li>
</ul>
</li>
<li class="archive-module-year archive-module-year-hidden" data-year="2012">
<div class="archive-module-button">
<span class="archive-module-hide-button">▼</span>
<span class="archive-module-show-button">▶</span>
</div>
<a href="https://honme.hatenadiary.org/archive/2012" class="archive-module-year-title archive-module-year-2012">
2012
</a>
<ul class="archive-module-months">
<li class="archive-module-month">
<a href="https://honme.hatenadiary.org/archive/2012/10" class="archive-module-month-title archive-module-month-2012-10">
2012 / 10
</a>
</li>
<li class="archive-module-month">
<a href="https://honme.hatenadiary.org/archive/2012/09" class="archive-module-month-title archive-module-month-2012-9">
2012 / 9
</a>
</li>
<li class="archive-module-month">
<a href="https://honme.hatenadiary.org/archive/2012/08" class="archive-module-month-title archive-module-month-2012-8">
2012 / 8
</a>
</li>
<li class="archive-module-month">
<a href="https://honme.hatenadiary.org/archive/2012/07" class="archive-module-month-title archive-module-month-2012-7">
2012 / 7
</a>
</li>
<li class="archive-module-month">
<a href="https://honme.hatenadiary.org/archive/2012/06" class="archive-module-month-title archive-module-month-2012-6">
2012 / 6
</a>
</li>
<li class="archive-module-month">
<a href="https://honme.hatenadiary.org/archive/2012/05" class="archive-module-month-title archive-module-month-2012-5">
2012 / 5
</a>
</li>
<li class="archive-module-month">
<a href="https://honme.hatenadiary.org/archive/2012/04" class="archive-module-month-title archive-module-month-2012-4">
2012 / 4
</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</aside>
</div>
</div>
</div>
</div>
<footer id="footer" data-brand="hatenablog">
<div id="footer-inner">
<div style="display:none !important" class="guest-footer js-guide-register test-blogs-register-guide" data-action="guide-register">
<div class="guest-footer-content">
<h3>はてなブログをはじめよう！</h3>
<p>HONMEさんは、はてなブログを使っています。あなたもはてなブログをはじめてみませんか？</p>
<div class="guest-footer-btn-container">
<div class="guest-footer-btn">
<a class="btn btn-register js-inherit-ga" href="https://blog.hatena.ne.jp/register?via=200227" target="_blank">はてなブログをはじめる（無料）</a>
</div>
<div class="guest-footer-btn">
<a href="https://hatena.blog/guide" target="_blank">はてなブログとは</a>
</div>
</div>
</div>
</div>
<address class="footer-address">
<a href="https://honme.hatenadiary.org/">
<img src="https://cdn.blog.st-hatena.com/images/admin/blog-icon-noimage.png" width="16" height="16" alt="四畳半web日記"/>
<span class="footer-address-name">四畳半web日記</span>
</a>
</address>
<p class="services">
Powered by <a href="https://hatena.blog/">Hatena Blog</a>
|
<a href="https://blog.hatena.ne.jp/-/abuse_report?target_url=https%3A%2F%2Fhonme.hatenadiary.org%2Fentry%2F20120621%2F1347617073" class="report-abuse-link test-report-abuse-link" target="_blank">ブログを報告する</a>
</p>
</div>
</footer>
<script async src="https://s.hatena.ne.jp/js/widget/star.js"></script>
<script>
if (typeof window.Hatena === 'undefined') {
window.Hatena = {};
}
if (!Hatena.hasOwnProperty('Star')) {
Hatena.Star = {
VERSION: 2,
};
}
</script>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&appId=719729204785177&version=v17.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="quote-box">
<div class="tooltip-quote tooltip-quote-stock">
<i class="blogicon-quote" title="引用をストック"></i>
</div>
<div class="tooltip-quote tooltip-quote-tweet js-tooltip-quote-tweet">
<a class="js-tweet-quote" target="_blank" data-track-name="quote-tweet" data-track-once>
<img src="https://cdn.blog.st-hatena.com/images/admin/quote/quote-x-icon.svg?version=251f04a9c1075686afad4afea1dc16" title="引用して投稿する" >
</a>
</div>
</div>
<div class="quote-stock-panel" id="quote-stock-message-box" style="position: absolute; z-index: 3000">
<div class="message-box" id="quote-stock-succeeded-message" style="display: none">
<p>引用をストックしました</p>
<button class="btn btn-primary" id="quote-stock-show-editor-button" data-track-name="curation-quote-edit-button">ストック一覧を見る</button>
<button class="btn quote-stock-close-message-button">閉じる</button>
</div>
<div class="message-box" id="quote-login-required-message" style="display: none">
<p>引用するにはまずログインしてください</p>
<button class="btn btn-primary" id="quote-login-button">ログイン</button>
<button class="btn quote-stock-close-message-button">閉じる</button>
</div>
<div class="error-box" id="quote-stock-failed-message" style="display: none">
<p>引用をストックできませんでした。再度お試しください</p>
<button class="btn quote-stock-close-message-button">閉じる</button>
</div>
<div class="error-box" id="unstockable-quote-message-box" style="display: none; position: absolute; z-index: 3000;">
<p>限定公開記事のため引用できません。</p>
</div>
</div>
<script type="x-underscore-template" id="js-requote-button-template">
<div class="requote-button js-requote-button">
<button class="requote-button-btn tipsy-top" title="引用する"><i class="blogicon-quote"></i></button>
</div>
</script>
<div id="hidden-subscribe-button" style="display: none;">
<div class="hatena-follow-button-box btn-subscribe js-hatena-follow-button-box"
>
<a href="#" class="hatena-follow-button js-hatena-follow-button">
<span class="subscribing">
<span class="foreground">読者です</span>
<span class="background">読者をやめる</span>
</span>
<span class="unsubscribing" data-track-name="profile-widget-subscribe-button" data-track-once>
<span class="foreground">読者になる</span>
<span class="background">読者になる</span>
</span>
</a>
<div class="subscription-count-box js-subscription-count-box">
<i></i>
<u></u>
<span class="subscription-count js-subscription-count">
</span>
</div>
</div>
</div>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<script src="https://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>
<script type="text/javascript" src="https://cdn.blog.st-hatena.com/js/external/jquery.min.js?v=1.12.4&version=251f04a9c1075686afad4afea1dc16"></script>
<script src="https://cdn.blog.st-hatena.com/js/texts-ja.js?version=251f04a9c1075686afad4afea1dc16"></script>
<script id="vendors-js" data-env="production" src="https://cdn.blog.st-hatena.com/js/vendors.js?version=251f04a9c1075686afad4afea1dc16" crossorigin="anonymous"></script>
<script id="hatenablog-js" data-env="production" src="https://cdn.blog.st-hatena.com/js/hatenablog.js?version=251f04a9c1075686afad4afea1dc16" crossorigin="anonymous" data-page-id="entry"></script>
<script>Hatena.Diary.GlobalHeader.init()</script>
<script id="valve-dmp" data-service="blog" src="https://cdn.pool.st-hatena.com/valve/dmp.js" data-test-id="dmpjs" async></script>
</body>
</html>