<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0" xmlns:blogChannel="http://backend.userland.com/blogChannelModule" >
  <channel>
  <title>備忘録　『ドラゴンクレイズ』用のモンスター図鑑の作成記録</title>
  <link>https://ocyanomi.wa-syo-ku.com/</link>
  <atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="https://ocyanomi.wa-syo-ku.com/RSS/" />
  <description>javascriptの初心者。　　http://ocyanomi.chagasi.com/</description>
  <lastBuildDate>Wed, 23 May 2018 16:36:54 GMT</lastBuildDate>
  <language>ja</language>
  <copyright>© Ninja Tools Inc.</copyright>
  <atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" />

    <item>
    <title>pngが表示されない　＞＞＞　解決</title>
    <description>
    <![CDATA[HPにpngの絵が表示されない。<br />
<br />
原因が分からないまま　ほっといていたのだけど<br />
<br />
たまたま　FTPでファイルを見てみると<br />
.png と.PNG　の拡張子の大文字　小文字の違いが・・・<br />
<br />
イントラネットだと影響がなかったので気が付かなかったけど<br />
まさかと思い　小文字に変換したら　表示されたヽ(^o^)丿<br />
<br />
覚え書き]]>
    </description>
    <category>HP</category>
    <link>https://ocyanomi.wa-syo-ku.com/hp/png%E3%81%8C%E8%A1%A8%E7%A4%BA%E3%81%95%E3%82%8C%E3%81%AA%E3%81%84%E3%80%80%EF%BC%9E%EF%BC%9E%EF%BC%9E%E3%80%80%E8%A7%A3%E6%B1%BA</link>
    <pubDate>Wed, 23 May 2018 16:36:54 GMT</pubDate>
    <guid isPermaLink="false">ocyanomi.wa-syo-ku.com://entry/32</guid>
  </item>
    <item>
    <title>Microsoft Expression Web4 　が立ち上がらない( ;∀;)</title>
    <description>
    <![CDATA[原因不明　( ;&forall;;)]]>
    </description>
    <category>PC</category>
    <link>https://ocyanomi.wa-syo-ku.com/pc/microsoft%20expression%20web4</link>
    <pubDate>Fri, 04 May 2018 11:11:25 GMT</pubDate>
    <guid isPermaLink="false">ocyanomi.wa-syo-ku.com://entry/31</guid>
  </item>
    <item>
    <title>数字の扱い　1と001 を作成する時</title>
    <description>
    <![CDATA[記憶部分の桁まとめで使用　忘れがちなので<br />
<br />
1,56,278 を　001,056,278　と桁を合わせたい場合、<br />
<br />
そのまま考えると<br />

<div><span style="color: #0000ff;">&nbsp;if( suuji &lt; 10 ) { suuji = "00" + suuji; }</span></div>
<div><span style="color: #0000ff;">else if ( suuji &lt; 100 ) { suuji = "0" + suuji; }</span><br />
壱桁の時は00を足す、十桁の時は0を足す処理となる。<br />
<br />
頭を切り替え割り切って文字だと考えると<br />
<span style="color: #0000ff;"><span style="color: #ff0000;">suuji = ("000"+suuji).slice(-3);</span><br />
</span>これは000を上部に足してした３文字で切り　3桁にする<br />
<br />
1&nbsp; &nbsp; の時、000 + 1 = 0001 で　0001 から下３文字　001<br />
56&nbsp; の時、000 + 56 = 00056 で　00056 から下３文字　056<br />
278 の時　000 + 278 = 000278 で　000278 から下３文字　278<br />
<br />
なんとなく　すごくズルした気分　(*'▽')</div>]]>
    </description>
    <category>javascript</category>
    <link>https://ocyanomi.wa-syo-ku.com/javascript/%E6%95%B0%E5%AD%97%E3%81%AE%E6%89%B1%E3%81%84%E3%80%801%E3%81%A8001%20%E3%82%92%E4%BD%9C%E6%88%90%E3%81%99%E3%82%8B%E6%99%82</link>
    <pubDate>Tue, 24 Apr 2018 18:49:11 GMT</pubDate>
    <guid isPermaLink="false">ocyanomi.wa-syo-ku.com://entry/30</guid>
  </item>
    <item>
    <title>検索機能を作る。・・・片っ端から( ｀ー´)ノ</title>
    <description>
    <![CDATA[たぶん　Indexof()　を　使うと　スマートに行くと思う。<br />
　　　　　jQuery　が　使えてもスマートに行くと思う。<br />
<br />
両方うまくいかずこんがらがったので、forで片っ端から探す事にしました。<br />
<br />
////////////&nbsp; &nbsp; 検索文字決め部分　////////////<br />
var knamech = new Array();&nbsp; &nbsp;　　　　// 検索される文字配列<br />

<div>&nbsp; &nbsp;knamech[0] = new Array();</div>
<div>&nbsp; &nbsp;knamech[1] = new Array();&nbsp;　　　　// 検索される文字<br />

<div>var knamech = [</div>
<div>&nbsp; &nbsp;["0","-"],</div>
<div>&nbsp; &nbsp;["1","赤のスライム♀"],</div>
<div>&nbsp; &nbsp;["2","炎のエレメンタル"]<br />
&nbsp; &nbsp;]<br />
<br />
////////////&nbsp; &nbsp; 検索文字決め部分　////////////<br />

<div>var knumber = new Array();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;// 検索結果格納用</div>
<div>for (i=0;i&lt;342;i++){knumber[i]=0};　　// 検索結果格納用に０を書き込む</div>
<div>var kcount&nbsp; = 1;　　　　　　　　　　// 合致している数+1</div>
<div></div>
<div>検索文字 = document.kensaku.kensakukey.value ;&nbsp; &nbsp; &nbsp; &nbsp; // textboxより検索したい文字</div>
<div>検索文字 = 検索文字.trim();　&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // 文字両端の空白を削除<br />
<br />
////////////&nbsp; &nbsp; 検索部分　////////////<br />
<br />

<div>for (var i=1;i&lt;knamech.length;i++){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // 1から配列最後（この場合2）まで検索</div>
<div>　　var 対象文字　= knamech[i][1];</div>
<div>　　if(対象文字.search(検索文字) == -1){　&nbsp; &nbsp; ////　合致しない場合</div>
<div>　　}else{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 　　　　　　&nbsp; 　 ////　合致の場合</div>
<div>　　knumber[kcount]=i;</div>
<div>　　kcount = kcount +1;</div>
<div>　　}</div>
<div></div>
////////////&nbsp; &nbsp; 検索部分終了　////////////</div>
<div></div>
</div>
</div>]]>
    </description>
    <category>javascript</category>
    <link>https://ocyanomi.wa-syo-ku.com/javascript/%E6%A4%9C%E7%B4%A2%E6%A9%9F%E8%83%BD%E3%82%92%E4%BD%9C%E3%82%8B%E3%80%82%E3%83%BB%E3%83%BB%E3%83%BB%E7%89%87%E3%81%A3%E7%AB%AF%E3%81%8B%E3%82%89-%20%EF%BD%80%E3%83%BC%C2%B4-%E3%83%8E</link>
    <pubDate>Wed, 28 Feb 2018 13:44:57 GMT</pubDate>
    <guid isPermaLink="false">ocyanomi.wa-syo-ku.com://entry/29</guid>
  </item>
    <item>
    <title>IE、Edge　なんで(´;ω;｀)</title>
    <description>
    <![CDATA[ChromeとFireFox　の確認が出来ていたので油断してた。<br />
fix部の<br />
&nbsp;&lt;div id="setumei" style="color:red; width:600px; text-align:center;"&gt;&lt;/div&gt;<br />
を書き換えの<br />
document.getElementById("setumei").innerHTML= "&rdquo;<br />
が　<br />
IE　と　Edge　が　動作しない。<br />
<br />
どうしようか？？？]]>
    </description>
    <category>javascript</category>
    <link>https://ocyanomi.wa-syo-ku.com/javascript/ie%E3%80%81edge%E3%80%80%E3%81%AA%E3%82%93%E3%81%A7-%C2%B4-%CF%89-%EF%BD%80-</link>
    <pubDate>Thu, 22 Feb 2018 05:38:53 GMT</pubDate>
    <guid isPermaLink="false">ocyanomi.wa-syo-ku.com://entry/28</guid>
  </item>
    <item>
    <title>忘れかけていたので　３</title>
    <description>
    <![CDATA[javascript 図鑑の枠組みの作成方法　Excelを使用<br />
<a target="_blank" href="//ocyanomi.wa-syo-ku.com/File/2299acd4.png" title=""><img src="//ocyanomi.wa-syo-ku.com/Img/1508610995/" alt="" /><br />
<br />
</a><hr />
<div>&lt;div id="disp<span style="color: #ff0000;">001</span>"&gt;</div>
<div>&lt;table id="ta<span style="color: #ff0000;">001</span>" class="auto-style1" style="width: 600px"&gt;</div>
<div>&lt;tr&gt;</div>
<div>&lt;td class="auto-style2" style="width: 120px"&gt;&lt;div id="name<span style="color: #ff0000;">001</span>"&gt;&lt;/div&gt;&lt;/td&gt;</div>
<div>&lt;td class="auto-style2" style="width: 160px"&gt;&lt;div id="wazaname1<span style="color: #ff0000;">001</span>"&gt;&lt;/div&gt;&lt;/td&gt;</div>
<div>&lt;td class="auto-style2" style="width: 160px"&gt;&lt;div id="wazaname2<span style="color: #ff0000;">001</span>"&gt;&amp;nbsp;&lt;/div&gt;&lt;/td&gt;</div>
<div>&lt;td class="auto-style2" style="width: 160px"&gt;&lt;div id="wazaname3<span style="color: #ff0000;">001</span>"&gt;&lt;/div&gt;&lt;/td&gt;</div>
<div>&lt;/tr&gt;</div>
<div>&lt;tr&gt;</div>
<div>&lt;td class="auto-style3" style="width: 120px"&gt;</div>
<div>&lt;div id="chbr001"&gt;&lt;form name="f<span style="color: #ff0000;">001</span>"&gt;</div>
<div>&lt;img alt="cha img" name="char<span style="color: #ff0000;">001</span>" src="im/mon_empty.jpg" height="100" width="100" /&gt;&lt;/form&gt;&lt;/div&gt;&lt;/td&gt;</div>
<div>&lt;td class="auto-style2" style="width: 160px"&gt;&lt;div id="waza1<span style="color: #ff0000;">001</span>"&gt;&lt;/div&gt;&lt;/td&gt;</div>
<div>&lt;td class="auto-style2" style="width: 160px"&gt;&lt;div id="waza2<span style="color: #ff0000;">001</span>"&gt;&lt;/div&gt;&lt;/td&gt;</div>
<div>&lt;td class="auto-style2" style="width: 160px"&gt;&lt;div id="waza3<span style="color: #ff0000;">001</span>"&gt;&lt;/div&gt;&lt;/td&gt;</div>
<div>&lt;/tr&gt;</div>
<div>&lt;td class="auto-style3" style="width: 120px"&gt;&lt;div id="class<span style="color: #ff0000;">001</span>"&gt;&lt;/div&gt;&lt;/td&gt;</div>
<div>&lt;td class="auto-style3" style="width: 160px"&gt;&lt;div id="hatudou1<span style="color: #ff0000;">001</span>" class="auto-style4"&gt;&lt;/div&gt;&lt;/td&gt;</div>
<div>&lt;td class="auto-style3" style="width: 160px"&gt;&lt;div id="hatudou2<span style="color: #ff0000;">001</span>" class="auto-style4"&gt;&lt;/div&gt;&lt;/td&gt;</div>
<div>&lt;td class="auto-style3" style="width: 160px"&gt;&lt;div id="hatudou3<span style="color: #ff0000;">001</span>" class="auto-style4"&gt;&lt;/div&gt;&lt;/td&gt;</div>
<div>&lt;/tr&gt;</div>
<div>&lt;tr&gt;</div>
<div>&lt;td class="auto-style3" style="width: 120px"&gt;&lt;div id="zokusei<span style="color: #ff0000;">001</span>"&gt;&lt;/div&gt;&lt;/td&gt;</div>
<div>&lt;td class="auto-style3" style="width: 160px"&gt;&lt;div id="jyouken1<span style="color: #ff0000;">001</span>" class="auto-style4"&gt;&lt;/div&gt;&lt;/td&gt;</div>
<div>&lt;td class="auto-style3" style="width: 160px"&gt;&lt;div id="jyouken2<span style="color: #ff0000;">001</span>" class="auto-style4"&gt;&lt;/div&gt;&lt;/td&gt;</div>
<div>&lt;td class="auto-style3" style="width: 160px"&gt;&lt;div id="jyouken3<span style="color: #ff0000;">001</span>" class="auto-style4"&gt;&lt;/div&gt;&lt;/td&gt;</div>
<div>&lt;/tr&gt;</div>
<div>&lt;/table&gt;</div>
<div>&lt;/div&gt;<br />
<hr />赤色の部分を001から341まで作成すると一覧表になる。<br />
一つづつ直す方法もあるのだけれども時間がかかりすぎるので<br />
Excelで001の数値を変数にしてドラック＆ドロップで一気に作成する。<br />
<br />
例）C35に001の数値が入っているとして<br />
<br />
=+"&lt;div id=""disp" &amp;C35&amp;"""&gt;"<br />
=+"&lt;table id=""ta"&amp;C35&amp;""" class=""auto-style1"" style=""width: 600px""&gt;"<br />
=+"&lt;td class=""auto-style2"" style=""width: 120px""&gt;&lt;div id=""name"&amp;C35&amp;"""&gt;&lt;/div&gt;&lt;/td&gt;"<br />
<br />
<br />
</div>]]>
    </description>
    <category>javascript</category>
    <link>https://ocyanomi.wa-syo-ku.com/javascript/%E5%BF%98%E3%82%8C%E3%81%8B%E3%81%91%E3%81%A6%E3%81%84%E3%81%9F%E3%81%AE%E3%81%A7%E3%80%80%EF%BC%93</link>
    <pubDate>Sat, 21 Oct 2017 18:52:31 GMT</pubDate>
    <guid isPermaLink="false">ocyanomi.wa-syo-ku.com://entry/27</guid>
  </item>
    <item>
    <title>忘れかけていたので　２</title>
    <description>
    <![CDATA[要素を作るのが面倒なので<br />
{0,1,2,3,4,5,6,7,8,9,10}<br />
<br />
Excelで作成する方法<br />
<br />
あらかじめ要素を分け　フィルターで選択する。<br />
<a target="_blank" href="//ocyanomi.wa-syo-ku.com/File/e741246c.png" title=""><img src="//ocyanomi.wa-syo-ku.com/Img/1508466177/" alt="" /></a> <br />
上記の場合、魔法コンボでフィルターをかける。<br />
Z行に　魔攻コンボのキャラクター番号が表示される。<br />
まず、それをコピーする。<br />
<br />
<a target="_blank" href="//ocyanomi.wa-syo-ku.com/File/d6c67f57.png" title=""><img src="//ocyanomi.wa-syo-ku.com/Img/1508466362/" alt="" /></a> <br />
この行に代入にペーストする。<br />
行右の山の計算式は単純で<br />
=+D5&amp;","　　　　　：１行目<br />
=+F5&amp;D6&amp;","　　　：２行目<br />
=+F6&amp;D7&amp;","　　　：３行目<br />
<br />
２行目以降はコピー＆ペースト。<br />
あまり長く続けるとエラーが出るので20区切りで作成。<br />
<br />
<a target="_blank" href="//ocyanomi.wa-syo-ku.com/File/86446566.png" title=""><img src="//ocyanomi.wa-syo-ku.com/Img/1508466871/" alt="" /></a> <br />
<br />
最後にそれをまとめている部分の行をコピペすると<br />
コピペだけで　配列要素が作成できる。<br />
<br />
]]>
    </description>
    <category>javascript</category>
    <link>https://ocyanomi.wa-syo-ku.com/javascript/%E5%BF%98%E3%82%8C%E3%81%8B%E3%81%91%E3%81%A6%E3%81%84%E3%81%9F%E3%81%AE%E3%81%A7%E3%80%80%EF%BC%92</link>
    <pubDate>Fri, 20 Oct 2017 02:36:14 GMT</pubDate>
    <guid isPermaLink="false">ocyanomi.wa-syo-ku.com://entry/26</guid>
  </item>
    <item>
    <title>半分忘れていたので忘れる前にもう一度。</title>
    <description>
    <![CDATA[表を作成するときのjavascriptの変更部分。<br />
<br />
ボタンを作成　&rarr;　onclickでfunction呼び出し　そのfanctionの変更部分<br />

<div><br />
<br />
function jyunjyo2()</div>
<div>{</div>
<div>zenhyouji()</div>
<div>/////////////////////////////////&nbsp; 近接コンボ　///////////////////////////////////////</div>
<div>var number = new Array();</div>
<div>var number = [</div>
<div><span style="color: #ff0000;">0,102,108,123,128,145,212,220,299,247,260,238,284,0,0,0,0,0,0,0,0,</span></div>
<div><span style="color: #ff0000;">0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,</span></div>
<div><span style="color: #ff0000;">0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,</span></div>
<div><span style="color: #ff0000;">0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,</span></div>
<div><span style="color: #ff0000;">0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,</span></div>
<div><span style="color: #ff0000;">0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,</span></div>
<div><span style="color: #ff0000;">0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,</span></div>
<div><span style="color: #ff0000;">0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,</span></div>
<div><span style="color: #ff0000;">0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,</span></div>
<div><span style="color: #ff0000;">0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,</span></div>
<div><span style="color: #ff0000;">0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,</span></div>
<div><span style="color: #ff0000;">0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,</span></div>
<div><span style="color: #ff0000;">0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,</span></div>
<div><span style="color: #ff0000;">0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,</span></div>
<div><span style="color: #ff0000;">0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,</span></div>
<div><span style="color: #ff0000;">0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,</span></div>
<div><span style="color: #ff0000;">0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0</span></div>
<div></div>
<div>];</div>
<div></div>
<div>jhyouji(number)</div>
<div>fwaza1(number)</div>
<div>fwaza2(number)</div>
<div>fwaza3(number)</div>
<div>kouka1(number)</div>
<div>irotuke(number)</div>
<div>// houji(この中最後の数&lt;緑の最終行で確認+1)</div>
<div>hyouji(<span style="color: #ff0000;">13</span>)</div>
<div></div>
<div>motihave(number)</div>
<div></div>
<div>}<br />
<br />
解説<br />
赤の部分の要素　0 + 341 個　　<br />
1～341　この部分に数字を入れるとモンスターの図鑑ができる。<br />
数字の番号の意味　図鑑順のモンスター<br />
<br />

<div>// houji(この中最後の数&lt;緑の最終行で確認+1)</div>
<div>hyouji(<span style="color: #ff0000;">13</span>)<br />
<br />
この数字以降の表を隠す。<br />
<br />
////////////////////////////////////////////<br />
<br />
赤色の部分を変更して呼び出すと新たな要素の図鑑が出来る。<br />
<br />
</div>
</div>]]>
    </description>
    <category>javascript</category>
    <link>https://ocyanomi.wa-syo-ku.com/javascript/%E5%8D%8A%E5%88%86%E5%BF%98%E3%82%8C%E3%81%A6%E3%81%84%E3%81%9F%E3%81%AE%E3%81%A7%E5%BF%98%E3%82%8C%E3%82%8B%E5%89%8D%E3%81%AB%E3%82%82%E3%81%86%E4%B8%80%E5%BA%A6%E3%80%82</link>
    <pubDate>Fri, 20 Oct 2017 02:07:11 GMT</pubDate>
    <guid isPermaLink="false">ocyanomi.wa-syo-ku.com://entry/25</guid>
  </item>
    <item>
    <title>一旦完成バージョン　 ^^) _旦~~</title>
    <description>
    <![CDATA[・ヘッダー部分を固定<br />
・分類別に項目をまとめる<br />
・開発ツールでスマートホン状態を確認すると<br />
　全然まとまりがなかった為、幅600にまとめる。<br />
　図鑑の大きさも文字も小さくする。<br />
<br />
・・・　ただし　広告の為多分大きさの制御ができない(;'&forall;')<br />
<br />
<br />
<br />
<br />
]]>
    </description>
    <category>javascript</category>
    <link>https://ocyanomi.wa-syo-ku.com/javascript/%E4%B8%80%E6%97%A6%E5%AE%8C%E6%88%90%E3%83%90%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%B3%E3%80%80%20---%20_%E6%97%A6--</link>
    <pubDate>Sun, 15 Oct 2017 05:21:09 GMT</pubDate>
    <guid isPermaLink="false">ocyanomi.wa-syo-ku.com://entry/24</guid>
  </item>
    <item>
    <title>現在までの完成図</title>
    <description>
    <![CDATA[<a target="_blank" href="//ocyanomi.wa-syo-ku.com/File/fd6ca3e4.png" title=""><img src="//ocyanomi.wa-syo-ku.com/Img/1506958227/" alt="" /></a>]]>
    </description>
    <category>javascript</category>
    <link>https://ocyanomi.wa-syo-ku.com/javascript/%E7%8F%BE%E5%9C%A8%E3%81%BE%E3%81%A7%E3%81%AE%E5%AE%8C%E6%88%90%E5%9B%B3</link>
    <pubDate>Mon, 02 Oct 2017 15:30:44 GMT</pubDate>
    <guid isPermaLink="false">ocyanomi.wa-syo-ku.com://entry/23</guid>
  </item>

    </channel>
</rss>