javascriptでtableの列tdを非表示(.display="none")にするには

これもまぁ備忘録なんですけど

tdのstyle要素にアクセスする時に「.style.display = "none";」がエラーするなぁと休みの日の午前中を丸つぶしした問題

var tbl=document.getElementById("tablename");

var trs=tbl.getElementsByTagName("tr");

for(var i=0; i<trs.length; ++i){

trs[i].getElementsByTagName("td").style.display = "none";

}

ではなく

var tbl=document.getElementById("tablename");

var trs=tbl.getElementsByTagName("tr");

for(var i=0; i<trs.length; ++i){

trs[i].cells[n].style.display="none"

}

で、OK。

TR要素のcells要素から非表示できる。

javascriptでtableのtr表示非表示を崩れさせず切り替える方法

今後も詰まる人がいるだろうし、備忘録として

今回はtrタグにidを仕込んであります。

答えから

ck=document.getElementsByName("ck1")

row=document.getElementById("c"+(i+1));

if(ck[i].checked){

row.style.display="";

}else{

row.style.display="none";

}

たいていの要素は「display: block;」と「display: none;」切り替えですがこれをtableで行うとバグります。

blockは一つのブロック要素になって戻るので挙動的には

<tr>[戻した内容が一括り]</tr>

の様になり、見た目は戻した要素が一つ目のtdタグに詰め込まれる様になります。

・tableには初期値があり

table要素 display: table

thead要素 display: table-header-group

tbody要素 display: table-row-group;

tr　要素 display: table-row;

th　要素 display: table-cell;

td　要素 display: table-cell;

tfoot要素 display: table-footer-group;

戻す場合はこれらの初期値に戻せば正しく戻ります。

・・・で、横着した結果ですが「display="";」です。

こうする事で崩れず戻す事が可能です。

バイオショック２ダイアリーチェックリスト

※
ただのチェックボックスタグを並べただけなのでチェックした値を保存したりは出来ません。
ゲーム中開いておいて一時的に取り逃しがないか確認する為だけ。

■アドニス高級リゾート
1	注意！：清掃作業員ども！	"ビッグ"ケイト･オマリー
2	どこが健康？	レイシェル･ジェイクス
3	私の娘へ	Dr.ラム
4	帰還の理由	ブリジット･テネンバウム
5	ラプチャーと呼ばれる街	マーク･メルツァー
6	世代というもの	アンドリュー･ライアン
7	ラプチャーからの脱出	サミー･フレッチャー
■アトランティック急行
8	偉大なる鎖の"きしみ"	アンドリュー･ライアン
9	ダイアリーさん	エレノア・ラム
10	単なる流行だ	プレンティス･ミル
11	ライアン対ラム：現実	Dr.ラム
12	何が起きてるんだ？	マーク･メルツァー
13	獣を知るということ	Dr.ラム
14	スーチョンの研究の発展形	ギル･アレクサンダー
15	現在の状況	ブリジット･テネンバウム
■ライアン遊園地
16	エレノアの生育	Dr.ラム
17	老いぼれの番犬	カールソン･フィドル
18	ボランティア	ニーナ･カーネギー
19	共食いのワンちゃん？	エレノア･ラム
20	ラプチャーは開放の地	Dr.ラム
21	賢いやり方	サイラス･バンダム
22	子供と守護者	マーク･メルツァー
23	あなたと私だけの1959年	ニーナ･カーネギー
24	脱出計画	カールソン･フィドル
25	問題はラム 解決はシンクレア	アンドリュー･ライアン
26	肉体が真実を語る	Dr.ラム
27	私がいなくなったら…	ニーナ・カーネギー
28	シンクレアの依頼で働く	スタンレー･プール
29	Dr.ラム	マイク･ハバック
30	効果	アンドリュー･ライアン
31	デートの秘訣	ラヴィン･レスター
32	父娘の絆	ギル･アレクサンダー
33	ジェームスの失踪	グレース･ホロウェイ
34	木製のコイン	オーガスタス･シンクレア
■パウパードロップ
35	ライアン対ラム：宗教の権利	Dr.ラム
36	ラムとの良き日々	グレース･ホロウェイ
37	鉄道建設の裏側	オーガスタス･シンクレア
38	クリニックの暗証番号	トビアス･リーファー
39	終着駅	プレンティス･ミル
40	質入したカメラ	私立探偵ロック･フラナガン
41	準備	Dr.ラム
42	グレースのセラピー1	Dr.ラム
43	潜入調査	スタンレー･プール
44	ラムとその手下ども	マーク･メルツァー
45	パウパードロップ	アンドリュー･ライアン
46	日曜礼拝	ジャッキー･ロドキンス
47	リンボールームの閉店	グレース･ホロウェイ
48	ラムからの贈り物	グレース･ホロウェイ
49	どっちを向いても金が入る	オーガスタス･シンクレア
50	ハリーの行方	グロリア･パーソン
51	モルフォ蝶	ギデオン･ワイボーン
52	楽な仕事	エリオット･ネルソン
53	野蛮人	エレノア･ラム
54	罪の意識	グレース･ホロウェイ
55	第一試験開始	レオ･ハートウィグ
■セイレーン通り
56	物言わぬ神	ウェールズ神父
57	凋落した人々	オーガスタス･シンクレア
58	ランブラー	ギル･アレクサンダー
59	プラスミドの入荷	ジェイミー･バイアス
60	母に隠れて	エレノア･ラム
61	ラムの救済	ウェールズ神父
62	サイモン･ウェールズ神父	ダニエル･ウェールズ
63	裏腹	ダスキー・ドノバン
64	ウェールズ＆ウェールズ	ダニエル･ウェールズ
65	日付が暗証番号	ダニエル･ウェールズ
66	理想郷の条件	Dr.ラム
67	絆のメカニズム	ギル･アレクサンダー
68	新規参入	フランク･フォンテイン
69	根絶やしにすべき思想	アンドリュー・ライアン
70	ラムの真意	マーク･メルツァー
71	私の名前はエレノア	エレノア･ラム
72	偉大なる鎖に縛られて	Dr.ラム
73	ラムの導き	ウェールズ神父
74	グレースのセラピー2	Dr.ラム
75	忠実なる者の信念	ウェールズ神父
■ディオニソスパーク
76	支援	スタンレー・プール
77	ビリーからの贈り物	ビリー・パーソン
78	ラムの時代は終わった	アンドリュー・ライアン
79	ラムの考える芸術	アンドリュー・ライアン
80	ディオニソス・パークの欠陥	"ビッグ"ケイト・オマリー
81	発見と喪失	マーク・メルツァー
82	ラムは体制をあざ笑う	スタンレー・プール
83	現代の聖人	ギル・アレクサンダー
84	スパイ	Dr.ラム
85	成長	ギル・アレクサンダー
86	ポーカーを覚えなさい	Dr.ラム
87	肉体が真実を語る	Dr.ラム
88	全て上手くいく	フランク・フォンテイン
89	ジョニーへのあこがれ	スタンレー・プール
90	計画	スタンレー・プール
■フォンテイン未来技術社
91	最後の1人	アンドリュー・ライアン
92	アニュス・デイ	ギル・アレクサンダー
93	操る手段	Dr.ラム
94	姉妹関係の果てに	エレノア・ラム
95	リトル･シスタープロジェクト	ギル・アレクサンダー
96	志願者の出所	ギル・アレクサンダー
97	フォンテインにサヨウナラ	フランク･フォンテイン
98	新しい認知モデル	Dr.ラム
99	実験の中止	ギル・アレクサンダー
100	問題の解決策	ギル・アレクサンダー
101	実用性の消失	ギル・アレクサンダー
102	メルツァーの選択	Dr.ラム
103	ギルの役割	Dr.ラム
104	さようならDr.アレクサンダー	エレノア・ラム
105	裏切り	アンドリュー・ライアン
106	ビッグシスター	ギル・アレクサンダー
107	人民の娘	Dr.ラム
■ペルセポネ外部
108	ライアン恐るるに足らず	オーガスタス・シンクレア
109	許されない再会	Dr.ラム
110	希望の兆候	エレノア・ラム
111	母に隠れて	エレノア・ラム
112	父の解放	エレノア・ラム
■ペルセポネ内部
113	古きを捨てて…	ナイジェル・ウィアー所長
114	絶望の定義	トーマス
115	最後の2桁	コナー
116	取引	ドッジ
117	最初の2桁	マットソン
118	希望も無くなった	パーソン
119	気前の良い話	マーフィ
120	ラムから学ぶべきもの	ナイジェル・ウィアー所長
121	足　口　腕に目玉	ハロルド・ダービー
122	単純な質問	エドワード・グライムス医師
123	破壊学習	エレノア・ラム
124	犠牲	オーガスタス・シンクレア
125	シンクレアを動かす	アンドリュー・ライアン
126	大いなる自由	ウィルソン
127	私の監獄	ナイジェル・ウィアー所長
128	彼女らにも痛みはある	エドワード・グライムス医師
129	苦痛の緩和	エドワード・グライムス医師

アンチャーテッドコレクション。「ステルスたのしい！」

 内容としては

・アンチャーテッド エル・ドラドの秘宝
・アンチャーテッド 黄金刀と消えた船団
・アンチャーテッド -砂漠に眠るアトランティス-

の上記３作品が入っています。

簡単に言えば「そうはならんやろ」という感じの大冒険をするゲームでしょうか。
ドンパチなどがあるもののけっこうコミカルにもしてあり、とても面白かったです。

ステルスの部分が面白かったのですが別にステルスゲームではない為、ステルス不可な箇所もあります。
ただここにちょっと不満があって、「ステルス状態で開始する」のにステルス不可の箇所が不明の戦闘というのがあって、自身の行動が悪かったのでステルスが解除されたのか分からないという問題。

おそらくでしか言えませんが、開発陣的には「最初の数人を削って戦闘の負荷を下げれますよ」みたいな事をしたいんだと思います。
そこまぁ理解できなくもないんですが、「セリグマンの犬を使った実験」を知っているでしょうか？

主に「学習性無力感」などの説明でよくみる内容です。
たとえば、不快を与える程度の微量な電気を回避可能な状態と回避不能な状態の２パターン用意します。
先に回避不能状態を味わった後に回避可能状態に置かれた場合回避行動をするかどうか。
という感じの内容です。
結果からいうと、電気ショックを回避できないと学習してる為、電気ショック回避を取らなくなります。

これと同じでステルス開始なのにどうしても１００％見つかるという場合が何度かあると、ノーアラートが可能なエリアでもどうせ見つかるし、ステルス行動せずに最初からドンパチすればよくね？とう事になります。

いやまぁたぶん、アンチャーテッドの映画みたいなゲームの空気感を考えるとドンパチして欲しいって事なんでしょうが、「ここからは隠れられそうにない」とか「強襲するしかないか」みたいな言葉を入れたり、ムービーで強制戦闘に切り替わるとかしてくれればこんな手探りしなくていいのに・・・！っていうストレスがやばかったです。

もしも、開発陣はステルスを望んで無いんだ！！って場合はステルス戦闘機能なんてつけるなよ。っていう感じ。

コレクションをやって思ったことはなんかこうステルスの微妙感。
あくまでも面白かったっていう事を前提にちょっとこう足りないなぁという事を述べると、死体を隠せるようにするといった行動、死体を移動させる方法などが欲しかったです。

コレクションの古いほうは死体が落ちてても敵は反応しないので問題ないのですが、３のアトランティスなどは敵が死体を見つけると警戒かアクティブになります。

なので、ステルスキルをする場合も壁角や低遮蔽の引き込みキルが重要になります。
しかし、引き込みキルが難しいところや無理な場所(死体を隠せない)場所などがあり難易度がぐっと上がります。

まぁ、ステルス難易度が上がるだけならまぁ良いんですが、それによるステルス不可になるとむむむむむって感じになります。

ステルスの面白いところは敵の行動の観察、敵の感知範囲やなんの行動に反応するか、NPCを手探りで解析していく所・・つまりはシステムの作り込まれた部分を楽しめる所でしょうか。

まとめ

・ストーリーも面白かったですがステルス戦闘が特に面白かったです。
・開発はステルスさせたいの？させたくないの？どっちもさせたいの？
├ステルスさせたくないならそもそもそんな機能つけないで・・・
├どっちもやらせたいならステルス不可に入る箇所で何か合図が欲しい
└あと、NPCに死体発見動作をつけるなら死体を移動する方法を付けて・・・

javascript備忘録その２

 聖剣伝説の攻撃力シミュレーターを作ってその状態をURLで保存するページを作ってみました。
ただ、ツイートする際に現在のURLでツイートするから現在のURLをリアルタイムで変更したいなぁって思ったので少し調べてみた。

ページ遷移動作は
location.href = 'URL';
ようはページリンクと変わらない。

現在のページパラメーター変更は
location.search = '?param=abc';
パラメーター更新という意味ではこれが正しい。
ただ、パラメーター変更はページの更新処理が走る。

現在のハッシュ値の変更
 location.hash = '#hash';
こちらは更新は走らない。
というのもハッシュはページ内の位置を記憶する為のものだから。

他に
History.pushState()
こちらもリアルタイムに変更できる
ただパラメーターというよりはハッシュみたいな扱いな気がする

最終的な悟り
そもそもツイートボタンのリンクを書き換えればよいのでは？
それはそう。

公式のシェアボタン生成から中身を見てみる。
<a href="https://twitter.com/share?ref_src=twsrc%5Etfw"
class="twitter-share-button"
data-size="large"
data-text="聖剣伝説 Legend Of Mana リマスター　攻撃力シミュレーター"
data-url="http://blackstraycat.nobody.jp/lom/lom-savechart.htm"
data-hashtags="聖剣伝説LoM"
data-show-count="false">Tweet</a>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
なるほど。

オススメのソシャゲの音ゲー

無課金で遊んでるゲームの紹介

無料でゆるく遊べるゲームなので課金すれば当然もっと楽に楽しめるとは思う。
(有料で欲しいカードが揃うのは当たり前で、例えばSSRスカウトで推しが直接選べるとか有償誕生日ガシャで100％とか)

---

 アイドルマスターシンデレラガールズ

■推しの集めやすさ：◎
・定期的な無料ガシャ、同時にフェス(確率２倍)など無料でもSSRが貯まる。この期間に推しが被っている場合もある。

・石の配布やイベントで入手出来る石が多い

・キャラ数が多く推しのガチャのスパンがかなり長いその為、推しが登場するまでに天井を回すだけの石が順分入手出来る

・復刻も定期的に行っており取り逃しや後から始めてもお目当てのカードを引きやすい

・誕生日限定カードはなく、有料ガシャでしか引けないカード等は存在しない為、推しの所持一覧部分は全て埋める事が出来る

・過去イベントSRもイベントで手に入るイベントSRスカウトチケットやライブパーティーで入手出来る。

■イベント：◎
・基本は
イベント曲、スコアで50、30回で50、フルコンで50の150
マスプラで更に150いけるがそこそこ音ゲーできる程度じゃフルコンは正直無理
proで25個

・放置編成で回せる時が多い。まじ助かる
・スシローなどはオートチケットの意味がある。助かる。
・営業だけで結構なイベントptが貯まる。なんなら営業だけで良い時すらある
・プロデュース方針で営業が超便利になる

■育成のし易さ：◎
・

総評

ファン層が厚い事や長年培ってきたノウハウがあり他のキャラ音ゲーとしてはかなり完成度が高い。

キャラクターは多いが育成やその他でのフィルタ機能が多彩でスキルやキャラ名での絞り込みに加え身長や体重といった絞り込み等も出来るのは強い。

---

アイドルマスターミリオンライブ

■推しの集めやすさ：○
（集めやすさはぶっちゃけほぼデレステと同じくらいだが・・・）

・定期的な無料ガシャ、同時にフェス(確率２倍)など無料でもSSRが貯まる。この期間に推しが被っている場合もある。

・石の配布やイベントで入手出来る石が多い

・キャラ数が多く推しのガチャのスパンがかなり長いその為、推しが登場するまでに天井を回すだけの石が順分入手出来る

・復刻も定期的に行っており取り逃しや後から始めてもお目当てのカードを引きやすい

・イベントアイテム交換所から過去イベントSRなどの入手可能

＠デレステと違う所
・誕生日ガシャが有料。無課金の場合取得不可能！(集めやすさ「○」の理由)
・現状誕生日カードの復刻はない

総評

---

バンドリガールズバンドパーティ

■推しの引きやすさ：▲
・デレステ・ミリシタに比べ、メンバーが数が少ない為推しがガシャカードになる率が高い
・ガシャスパンが短いので推しガシャが来るまでに石を天井分まで貯めるのはかなり厳しい
・あまりに厳しかったのか最近は天井シール100枚までは補助出来るシステムが追加
・取り敢えず無課金で推しのカードを揃えるのはほぼ不可能

■推しがストーリーに絡む率が高い
人数が限られるということはそれだけストーリーの出演率が高い為一長一短。

総評

ゲームやシステムとしてはまぁまぁ。ただ、無課金では推しのカードのみでさえ揃えることはほぼ無理。カードにメインストーリーのサイドストーリーが付くためシナリオを全部みるには全カードを集める必要があるが毎回集めるのは課金してても無理。

あらゆる事を諦めさせて、できる範囲で満喫できればいいんじゃない？といった感じ。

ある意味諦めさせるのがうまいシステムな気がする（？）

現状ログイン時にロゼリアの新曲リリースを知るためのゲームみたいになっている。

---

SHOW BY ROCK!! Fes A Live

■推しの集めやすさ：○
・めちゃくちゃ石配ってくれるのでガチャは引きやすい
・デイリー分を回しているだけで推しの天井まで分石が貯まる
・回数限定固定SSRで取り逃した推しが現状一生入手出来ない

■育成のし易さ：▲
・デレステのスターランクとか違い能力値の問題で完凸させる必要がある。必要素材も多すぎる

・キャラクターの潜在能力解放のアイテム必要数が多い

・覚醒前後がよく分からない問題
このゲーム覚醒前後で絵柄もレアリティもカード名も変わる(どうしてこうなった…)。
低レベルカードは同じ名称に「＋」がつくだけかつ絵も変わらないので強化済みかわかるのだが、それ以降のカードは絵柄も変わる。

カードの種類が多く、素材としてもカードが貯まり、その上どのカードが育成済みなのかわからなくなる悪循環。

■所持上限・拡張：X
・初期上限500
・有料石でしか拡張出来ない
ミリシタ・ガルパのように所持部分にカード重複がないゲームならまだしもこのゲーム低カードを食わせる形で限界突破を延々と繰り返していくゲームなのでカードが貯まる。
だが所持上限が低いし拡張も出来ない。
旧作でさえ無料石で拡張出来たのに…。

■課金優遇：◎
実質課金ゲー。ショップのお得パック、課金者のみ復刻、パスチケット等

なによりも上で上げた所持上限拡張が課金必須の為、育成システムと相まって課金しないとまともに遊ぶのもなかなか厳しい。

総評

課金ゲーに近い何か。一番優先度の高い課金要素はカード所持上限の拡張。

無料で遊んでいる限りはUR以外は邪魔。
何なら推しと優先するキャラスキル・サポートスキル以外のカードは全部邪魔になる。

倍率の変わるイベントカードはイベント後は全て処分するしか無い。

カードの所持上限以外で言えば他ゲーよりかなり石は集めやすく欲しいカードの入手は容易なので推しを愛でるだけならそこそこ平和。

個人的にはキャラ愛などでかろうじてプレイしているがデレステなどのシステム等と比べるとまともに遊ぶゲームじゃない。

逆に言えば、ある程度課金が自由なら課金者への恩恵は多め。

というか、根本的に所持上限が開放できないと編成や強化の管理に差し支える上にコレクションなんて出来ない。

課金者のみ復刻ガチャ＆セレクト、パスチケットなど。

---

まとめ

個人的にゆるく遊ぶゲームとしては単純にデレステの完成度が高いと思っているのでオススメ。推しのカードは全部揃うのは幸せ。

ミリシタも同様にゲームの出来がよく遊びやすい。ただ推しの誕生日カードだけは入手出来ないの点だけが悲しい。

ガルパはほぼロゼリアの為に遊んでいると言っても過言ではないレベル。

毎回ロゼリアはDVD付きの高い方のCDを発売日に購入してるのでゲーム内課金は・・・ちょっと出来ないけど許して。

ショバフェスはアイレーンの為に遊んでいる(過言ではない)。

ゲームはちょっとあれだけどアイレーンのみを愛でるゲームとしてはカード入手は容易なので悪くはない。

BVLの楽曲は購入するから許して。