haik で 機 能 し ない QHM 機 能 以 下 の 不 具 合 は 実 際 に 当 方 が haik へ の 変 換 作 業 を 通 し て 体 験 し た 事 象 で す 全 て 事 実 に 基 づ い た 事 象 を 纏 め た も の で す haik で 機 能 し ない QHM の プ ラグ イ ン/ 機 能 No. 不 具 合 箇 所 関 連 プラグイン 不 具 合 事 象 & 対 応 方 法 1 ページ 毎 に 違 うロゴ 画 像 #logo_image ページ 毎 に 違 うロゴ 画 像 は 設 定 でき ません #logo_i mage の 使 用 を 止 める 2 一 部 の&greybox による 画 像 表 示 &greybox 一 部 の&greybox は 画 像 が 表 示 されませ ん &greybox を&show に 修 正 する 3 背 景 を 画 像 で 表 示 する 方 法 #beforescript 一 部 のテーマを 除 いて 背 景 を 画 像 で 設 定 できません 背 景 画 像 挿 入 を 止 める 4 表 の 表 示 位 置 いろいろ STYLE:left 表 の 左 中 央 右 寄 せが 出 来 ない STYLE:right 段 組 併 用 の 表 に 変 更 する 5 表 の 罫 線 を 消 す #beforescript 表 の 罫 線 消 去 ができない 表 の 罫 線 消 去 を 止 める 6 表 の 列 幅 を 固 定 する RIGHT:100 c 絶 対 値 の 列 幅 指 定 ができない 絶 対 値 の 列 幅 を 比 例 値 に 直 す - 1 -
7 表 の 右 に 画 像 を 配 置 aroundr 画 像 回 り 込 みで 表 挿 入 ができない 段 組 内 の 表 と 画 像 に 変 更 する 8 Midi 再 生 プレーヤーの 設 置 #html{{ Midi の 再 生 ができない Midi 再 生 を 止 める 9 メニューを 非 表 示 にする #beforescript メニュー 無 しページの Include が 効 かない haik のレイアウト 機 能 に 変 更 する 10 特 定 のページでデザイン を 変 更 #include_skin フッターメニューが 乱 れる 不 具 合 発 生 のデザインの Include を 止 める 11 &attachref による 画 像 表 示 &attachref &attachref による 画 像 表 示 はでき ない &show に 変 更 する 12 &ref /#ref による 画 像 表 示 &ref /#ref &ref /#ref による 画 像 表 示 はでき ない &show /#show に 変 更 する 13 全 角 の 画 像 ファイル 名 &show 全 角 の 画 像 ファイル 名 は 使 用 できない 半 角 のファイル 名 に 変 更 レ ス ポ ン シ ブ レ イ ア ウ ト に す る た め の 考 慮 点 前 記 の 変 換 エ ラ ー と は 別 に レ ス ポ ン シ ブ レ イ ア ウ ト に す る 際 の 変 換 対 応 箇 所 を 以 下 の ペ ー ジ で 列 挙 し て み ま し た 合 わ せ て 参 考 に し て 下 さ い - 2 -
旧 の QHM サ イ ト に haik テ ー マ を 導 入 し た 場 合 特 に レ ス ポ ン シ ブ レ イ ア ウ ト に す る た め に や ら な け れ ば な ら な い 変 換 処 理 が あ り ま す そ の 変 換 対 象 項 目 と し て 以 下 の 9 点 が 考 え ら れ ま す 1.ナビをドロップダウンメニューに 変 える 2. アコーディオンを haik 専 用 に 変 換 する 3. 枠 (ボックス)を haik 専 用 に 変 換 する 4. スライドショーを haik 専 用 に 変 換 する 5. タブを haik 専 用 に 変 換 する 6. 回 り 込 み 画 像 の 添 付 貼 り 付 けを 段 組 併 用 に 変 える 7. 段 組 (#style2)を haik 専 用 に 変 換 する 8. テーブルのレスポンシブ 化 への 考 察 9. 旧 の 画 像 表 示 プラグインは&show 又 は#show に 変 更 する ナ ビ メ ニ ュ ー の 項 目 が 多 い 場 合 #bs_nav を 使 用 し て ド ロ ッ プ ダ ウ ン メ ニ ュ ー に 変 え る 場 合 が 生 じ ま す 勿 論 少 な い ナ ビ 項 目 な ら 現 行 の ま ま で 差 し 支 え あ り ま せ ん 実 際 の ナ ビ イ メ ー ジ を デ モ 画 面 と し て 表 示 す る こ と は で き ま せ ん が お ま じ な い の イ メ ー ジ で 想 像 し て み て 下 さ い 以 下 の よ う な 違 い が 考 え ら れ ま す 参 考 ま で に ド ロ ッ プ ダ ウ ン メ ニ ュ ー を 実 装 し た ペ ー ジ を 紹 介 し ま す 新 旧 を 比 較 す る 旧 QHM で の ナ ビ 設 定 [[リ ン ク 文 字 1 ]] / [[リ ン ク 文 字 2 ]] / [[リ ン ク 文 字 3 ]] / [[リ ン ク 文 字 4 ]] / [[ リ ン ク 文 字 5 ]] / [[リ ン ク 文 字 6 ]] / [[リ ン ク 文 字 7 ]] / [[リ ン ク 文 字 8 ]] 新 haik で の ナ ビ 設 定 #bs_nav{{ - 3 -
- [[リ ン ク 文 字 1 ]] - [[リ ン ク 文 字 2 ]] - グ ル ー プ 文 字 1 -- [ [リ ン ク 文 字 3 ]] -- [ [リ ン ク 文 字 4 ]] - グ ル ー プ 文 字 2 -- [ [リ ン ク 文 字 5 ]] -- [ [リ ン ク 文 字 6 ]] - グ ル ー プ 文 字 3 -- [ [リ ン ク 文 字 7 ]] -- [ [リ ン ク 文 字 8 ]] 解 説 し ま す 旧 QHM の ナ ビ は 一 次 元 的 な 単 な る ナ ビ の 羅 列 に す ぎ ま せ ん ナ ビ 項 目 の 名 称 の 桁 数 や 使 用 し て い る デ ザ イ ン の 横 幅 等 で こ れ 以 上 ナ ビ 項 目 を 追 加 で き な い 場 合 実 際 に は 追 加 で き る の だ が ナ ビ が 2 行 に な っ て し ま う 場 合 等 haik で は ナ ビ を 階 層 化 ( 2 階 層 ま で ) し て 立 体 的 な ナ ビ を 作 る こ と で す 即 ち ド ロ ッ プ ダ ウ ン メ ニ ュ ー の 導 入 が 唯 一 の 解 決 策 に な り ま す - 4 -
旧 QHM で の #accordion を 新 haik の #bs_ accordion に 変 更 す る haikで 機 能 しない QHM 機 能 旧 QHM で の ア コ ー デ ィ オ ン の 例 見 出 し 1 で す 見 出 し 2 で す 見 出 し 3 で す 新 haik で の ア コ ー デ ィ オ ン の 例 見 出 し 1 で す 見 出 し 2 で す 見 出 し 3 で す 新 旧 を 比 較 す る 旧 QHM で の ア コ ー デ ィ オ ン #accordion{{ * 見 出 し 1 で す 見 出 し 1 の テ キ ス ト 1 行 目 で す 見 出 し 1 の テ キ ス ト 2 行 目 で す * 見 出 し 2 で す 見 出 し 2 の テ キ ス ト 1 行 目 で す - 5 -
見 出 し 2 の テ キ ス ト 2 行 目 で す 見 出 し 2 の テ キ ス ト 3 行 目 で す * 見 出 し 3 で す 見 出 し 3 の テ キ ス ト 1 行 目 で す 見 出 し 3 の テ キ ス ト 2 行 目 で す 新 haik で の ア コ ー デ ィ オ ン #bs_accordio n{{ - 見 出 し 1 で す - 見 出 し 2 で す - 見 出 し 3 で す ==== 見 出 し 1 の テ キ ス ト 1 行 目 で す 見 出 し 1 の テ キ ス ト 2 行 目 で す ==== 見 出 し 2 の テ キ ス ト 1 行 目 で す 見 出 し 2 の テ キ ス ト 2 行 目 で す 見 出 し 2 の テ キ ス ト 3 行 目 で す - 6 -
==== 見 出 し 3 の テ キ ス ト 1 行 目 で す 見 出 し 3 の テ キ ス ト 2 行 目 で す 解 説 し ま す # accordion が #bs_accordion に 変 わ り ま す そ し て * の 見 出 し 項 目 で の 区 切 り を haik で は ==== で 区 切 り ま す 新 旧 を 比 較 し て 見 れ ば 直 ぐ お 分 か り に な る か と 思 い ま す 新 旧 の ア コ ー デ ィ オ ン で 操 作 の 違 い が あ る の が 分 か り ま す ア コ ー デ ィ オ ン を 開 く 際 旧 QHM で は ア コ ー デ ィ オ ン の バ ー( 横 棒 )の 何 処 を ク リ ッ ク し て も 開 け ま す が 新 hai k で は ア コ ー デ ィ オ ン 上 の リ ン ク 文 字 そ の も の を ク リ ッ ク し な い と 開 け ま せ ん ア コ ー デ ィ オ ン で の 注 意 事 項 new 新 旧 の ア コ ー デ ィ オ ン で 共 通 し た 事 例 で す が 見 出 し 文 字 に リ ン ク を 張 っ て は い け ま せ ん 見 出 し 文 字 に リ ン ク が 張 ら れ て い る と ア コ ー デ ィ オ ン を 開 く 前 に リ ン ク 先 に ジ ャ ン プ し て し ま い ま す こ の こ と は 当 然 と 言 え ば 当 然 の こ と で す が 意 図 し て リ ン ク を 張 っ て い な く て も QHM に は 自 動 リ ン ク と い う 機 能 が あ っ て 見 出 し 文 字 が 既 存 の ペ ー ジ 名 と 同 じ な ら 自 動 的 に リ ン ク が 張 ら れ て し ま い ま す - 7 -
こ の 自 動 リ ン ク 機 能 を 解 除 す る お ま じ な い と し て NOAUTOLINK: が あ り ま す が こ の 自 動 リ ン ク 解 除 機 能 は コ ン テ ン ツ 本 体 部 分 で は 機 能 し ま す が メ ニ ュ ー 上 で は 機 能 し ま せ ん 最 近 実 際 に あ っ た 事 で す が サ イ ド メ ニ ュ ー 上 で の 見 出 し 文 字 と ア コ ー デ ィ オ ン で 開 か れ た リ ン ク 文 字 が 同 じ で あ っ た た め に ア コ ー デ ィ オ ン が 正 し く 機 能 し な か っ た 事 例 が あ り ま し た そ の ユ ー ザ ー 様 は QHM の 自 動 リ ン ク 機 能 の 存 在 を 知 っ て い た の か ど う か 分 か り ま せ ん が 何 気 な く 使 っ た 見 出 し 文 字 が ア コ ー デ ィ オ ン の 不 具 合 を 招 い て SOS を 発 信 し て き た 事 例 で し た 旧 QHM で の #box を 新 haik の #bs_box に 変 更 す る 旧 QHM で の 枠 ( ボ ッ ク ス ) の 例 こ ち ら は ボ ッ ク ス の 使 用 例 で す お ま じ な い # box で 作 成 さ れ て い ま す 新 haik で の 枠 ( ボ ッ ク ス ) の 例 こ ち ら は ボ ッ ク ス の 使 用 例 で す お ま じ な い # box で 作 成 さ れ て い ま す 新 旧 を 比 較 す る - 8 -
旧 QHM で の 枠 ( ボ ッ ク ス ) #box(green,4 px,double,# efe,75%){{ こ ち ら は ボ ッ ク ス の 使 用 例 で す お ま じ な い # box で 作 成 さ れ て い ま す 新 haik で の 枠 ( ボ ッ ク ス ) #bs_box(pane l,primary,1 0+1){{ こ ち ら は ボ ッ ク ス の 使 用 例 で す お ま じ な い # box で 作 成 さ れ て い ま す 解 説 し ま す # box が #bs_box の 変 わ り ま す そ れ ぞ れ の オ プ シ ョ ン の 機 能 が 大 分 違 い ま す 従 っ て 全 く 同 じ 枠 を 再 現 す る の は 難 し い と 思 い ま す 旧 QHM で の #slideshow を 新 haik の #bs_ carousel に 変 更 す る 旧 QHM で の ス ラ イ ド シ ョ ー の 例 - 9 -
- 10 - haikで 機 能 しない QHM 機 能
- 11 - haikで 機 能 しない QHM 機 能
新 haik で の ス ラ イ ド シ ョ ー の タイトル4 旧 QHM で の ス ラ イ ド シ ョ ー #slideshow(3 50){{ swfu/d/win7w P009.jpg,タ イ ト ル 1-12 -
swfu/d/win7w P010.jpg,タ イ ト ル 2 swfu/d/win7w P011.jpg,タ イ ト ル 3 swfu/d/win7w P012.jpg,タ イ ト ル 4 swfu/d/win7w P013.jpg,タ イ ト ル 5 新 haik で の ス ラ イ ド シ ョ ー #bs_carousel {{ swfu/d/win7w P009.jpg,タ イ ト ル 1 swfu/d/win7w P010.jpg,タ イ ト ル 2 swfu/d/win7w P011.jpg,タ イ ト ル 3 swfu/d/win7w P012.jpg,タ イ ト ル 4 swfu/d/win7w P013.jpg,タ イ ト ル 5 解 説 し ま す # slideshow が #bs_carousel に 変 わ り ま す お ま じ な い が 変 わ っ た だ け で 後 は 同 じ デ ー タ で 再 現 で き ま す 唯 一 違 う と こ ろ を 挙 げ れ ば 新 haik で は コ ン テ ン ツ 幅 一 杯 に ス ラ イ ド シ ョ ー を 展 開 し ま す の で 元 々 幅 の 狭 い ス ラ イ ド シ ョ ー は 多 少 画 像 が ぼ け る か も 知 れ ま せ ん - 13 -
旧 QHM で の #tabbox を 新 haik の #bs_tab s に 変 更 す る 旧 QHM で の タ ブ の 例 見 出 し 1 で す 見 出 し 2 で す 見 出 し 3 で す 見 出 し 1 の テ キ ス ト 1 行 目 で す 見 出 し 1 の テ キ ス ト 2 行 目 で す 新 haik で の タ ブ の 例 見 出 し 1 で す 見 出 し 2 で す 見 出 し 3 で す 見 出 し 1 の テ キ ス ト 1 行 目 で す 見 出 し 1 の テ キ ス ト 2 行 目 で す 新 旧 を 比 較 す る 旧 QHM で の タ ブ #tabbox{{ * 見 出 し 1 で す 見 出 し 1 の テ キ ス ト 1 行 目 で す - 14 -
見 出 し 1 の テ キ ス ト 2 行 目 で す * 見 出 し 2 で す 見 出 し 2 の テ キ ス ト 1 行 目 で す 見 出 し 2 の テ キ ス ト 2 行 目 で す 見 出 し 2 の テ キ ス ト 3 行 目 で す 見 出 し 2 の テ キ ス ト 4 行 目 で す * 見 出 し 3 で す 見 出 し 3 の テ キ ス ト 1 行 目 で す 見 出 し 3 の テ キ ス ト 2 行 目 で す 見 出 し 3 の テ キ ス ト 3 行 目 で す 新 haik で の タ ブ #bs_tabs{{ - 見 出 し 1 で す - 見 出 し 2 で す - 見 出 し 3 で す ==== 見 出 し 1 の テ キ ス ト 1 行 目 で す - 15 -
見 出 し 1 の テ キ ス ト 2 行 目 で す ==== 見 出 し 2 の テ キ ス ト 1 行 目 で す 見 出 し 2 の テ キ ス ト 2 行 目 で す 見 出 し 2 の テ キ ス ト 3 行 目 で す 見 出 し 2 の テ キ ス ト 4 行 目 で す ==== 見 出 し 3 の テ キ ス ト 1 行 目 で す 見 出 し 3 の テ キ ス ト 2 行 目 で す 見 出 し 3 の テ キ ス ト 3 行 目 で す 解 説 し ま す # tabbox が #bs_tabs に 変 わ り ま す そ し て * の 見 出 し 項 目 で の 区 切 り を haik で は ==== で 区 切 り ま す 新 旧 を 比 較 し て 見 れ ば 直 ぐ お 分 か り に な る か と 思 い ま す 旧 QHM で の #show を 新 haik の #cols と &show の 併 用 に 変 更 す る 旧 QHM で の 回 り 込 み 画 像 の 添 付 貼 り 付 け の 例 - 16 -
画 像 の 回 り 込 み テ キ ス ト 1 行 目 で す 画 像 の 回 り 込 み テ キ ス ト 2 行 目 で す 画 像 の 回 り 込 み テ キ ス ト 3 行 目 で す 画 像 の 回 り 込 み テ キ ス ト 4 行 目 で す 画 像 の 回 り 込 み テ キ ス ト 5 行 目 で す 新 haik で の 回 り 込 み 画 像 の 添 付 貼 り 付 け も ど き の 例 画 像 の 回 り 込 み テ キ ス ト 1 行 目 で す 画 像 の 回 り 込 み テ キ ス ト 2 行 目 で す 画 像 の 回 り 込 み テ キ ス ト 3 行 目 で す 画 像 の 回 り 込 み テ キ ス ト 4 行 目 で す 画 像 の 回 り 込 み テ キ ス ト 5 行 目 で す - 17 -
新 旧 を 比 較 す る 旧 QHM で の 回 り 込 み 画 像 #show(auto-p 3EsuN.jpg,a roundl,z) 画 像 の 回 り 込 み テ キ ス ト 1 行 目 で す 画 像 の 回 り 込 み テ キ ス ト 2 行 目 で す 画 像 の 回 り 込 み テ キ ス ト 3 行 目 で す 画 像 の 回 り 込 み テ キ ス ト 4 行 目 で す 画 像 の 回 り 込 み テ キ ス ト 5 行 目 で す #clear 新 haik で の 回 り 込 み 画 像 #cols{{ &show(auto-p 3EsuN.jpg,, z); ==== 画 像 の 回 り 込 み テ キ ス ト 1 行 目 で す 画 像 の 回 り 込 み テ キ ス ト 2 行 目 で す 画 像 の 回 り 込 み テ キ ス ト 3 行 目 で す 画 像 の 回 り 込 み テ キ ス ト 4 行 目 で す 画 像 の 回 り 込 み テ キ ス ト 5 行 目 で す - 18 -
解 説 し ま す 旧 QHM で の 画 像 回 り 込 み #show を haik で は 2 段 の 段 組 を 設 定 し て 段 組 の 左 側 に 画 像 を 入 れ 右 側 に テ キ ス ト 文 章 を 入 れ て い ま す 旧 QHM で の #style2 を 新 haik の #cols に 変 更 す る 旧 QHM で の 段 組 ( #style2) の 例 あ あ あ あ あ あ あ あ あ あ あ あ あ あ あ あ あ い い い い い い い い い い い い い い い い い う う う う う う う う う う う う う う う う う え え え え え え え え え え え え え え え え え お お お お お お お お お お お お お お お お お 新 haik で の 段 組 ( #cols) の 例 - 19 -
あ あ あ あ あ あ あ あ あ あ あ あ あ あ あ あ あ い い い い い い い い い い い い い い い い い う う う う う う う う う う う う う う う う う え え え え え え え え え え え え え え え え え お お お お お お お お お お お お お お お お お 新 旧 を 比 較 す る 旧 QHM で の 段 組 ( #style2) #style2(l){{ あ あ あ あ あ あ あ あ あ あ あ あ あ あ あ あ あ い い い い い い い い い い い い い い い い い う う う う う う う う う う う う う う う う う え え え え え え え え え え え え え え え え え お お お お お お お お お お お お お お お お お - 20 -
#style2(r){{ &show(auto_l JYAKr.jpg,, 説 明 ); #clear 新 haik で の 段 組 ( #cols) #cols{{ あ あ あ あ あ あ あ あ あ あ あ あ あ あ あ あ あ い い い い い い い い い い い い い い い い い う う う う う う う う う う う う う う う う う え え え え え え え え え え え え え え え え え お お お お お お お お お お お お お お お お お ==== &show(auto_l JYAKr.jpg,, 説 明 ); 解 説 し ま す 旧 QHM で は #style2(l) と #style2(r) の ペ ア が 新 haik で は #c ols{{ と ==== の ペ ア に 変 わ り ま す 後 は 比 較 し て ご 覧 戴 け れ ば お 分 か り に な る か と 思 い ま す 旧 QHM で の テ ー ブ ル 表 示 を レ ス ポ ン シ ブ ル テ ー ブ ル に 変 更 す る - 21 -
旧 QHM で の テ ー ブ ル の 例 あいうえお かきくけこ さしすせそ たちつてと なにぬねの はひふへほ まみむめも あいうえお かきくけこ さしすせそ たちつてと なにぬねの はひふへほ まみむめも 新 haik で の テ ー ブ ル の 例 あいうえお かきくけこ さしすせそ たちつてと なにぬねの はひふへほ まみむめも あいうえお かきくけこ さしすせそ たちつてと なにぬねの はひふへほ まみむめも 新 旧 を 比 較 す る 旧 QHM で の テ ー ブ ル あ い う え お か き く け こ さ し す せ そ た ち つ て と な に ぬ ね の は ひ ふ へ ほ ま み む め も あ い う え お か き く け こ さ し す せ そ た ち つ て と な に ぬ ね の は ひ ふ へ ほ ま み む め も 新 haik で の テ ー ブ ル STYLE:respo nsive あ い う え お か き く け こ さ し す せ そ た ち つ て と な に ぬ ね の は ひ ふ へ ほ ま み む め も あ い う え お か き く け こ さ し す せ そ た ち つ て と な に ぬ ね の は ひ ふ へ ほ ま み む め も 解 説 し ま す - 22 -
新 haik で の テ ー ブ ル の 先 頭 に 以 下 の 一 行 を 追 加 し て レ ス ポ ン シ ブ レ イ ア ウ ト が 実 現 で き て い ま す STYLE:respo nsive 画 面 を 横 幅 300px ぐ ら い に 縮 小 し て 上 下 の テ ー ブ ル を 比 較 し て ご 覧 戴 く と haik で の テ ー ブ ル に は 横 ス ク ロ ー ル ボ タ ン が 付 加 さ れ て い る と 思 い ま す そ れ が レ ス ポ ン シ ブ レ イ ア ウ ト に な っ た 結 果 で す 古 い 話 に な り ま す が 4 年 以 上 前 に QHM を 導 入 し た ユ ー ザ ー は 画 像 表 示 の プ ラ グ イ ン と し て &ref #ref &attachref 等 の お ま じ な い を 体 験 し た と 思 い ま す QHM の バ ー ジ ョ ン が V5.2 以 上 で haik テ ー マ を 導 入 し た ケ ー ス で は そ れ ら の プ ラ グ イ ン は エ ラ ー と な り ま す 全 て &show 又 は #show に 置 き 換 え る 必 要 が あ り ま す &attachref &ref #ref - 23 -
&show #show 実 際 の 例 で す &ref(s-8-019.jpg,nolink, 画 像 の 説 明 ); &show(s-8-01 9.jpg,nolin k, 画 像 の 説 明 ); #ref(s-p1030 241.jpg,aro und,left,nolink, 画 像 の 説 明 ); #show(s-p103 0241.jpg,ar oundl, 画 像 の 説 明 ); #ref(s- 山 荘 跡.jpg,around,left,nolink, 画 像 の 説 明 ); #show(auto-w IH4C4.jpg,a roundl,s- 山 荘 跡 ); 解 説 し ま す - 24 -
上 2 つ の 例 は 単 に お ま じ な い を & show ま た は # show に 変 え る だ け で 解 決 し ま す が 最 後 の 例 で は 元 々 存 在 し て い た 全 角 の フ ァ イ ル 名 を 半 角 英 数 字 名 に 変 え る た め に 再 ア ッ プ ロ ー ド 等 の 面 倒 く さ い 操 作 が 伴 い ま す - 25 -