HAIK 7.2 がリリースされ以下の点で更新。

・印刷用CSSを見直す
・FontAwesome 5 に対応

これをデザインテーマ Cool で確認。

さくらサーバー
PHP7.1

Xserver
PHP7.1.4

■問題点

デザインCoolにおいてはサイドメニューの表示異常。

Coolでは「現在見ているページ」がメニュー上で「太字」の表示になるはず
が、v7.2ではその部分が青バックとなり見苦しい。これは意図しないデザイ
ン崩れと思われる。

ちなみに、QBlogのサイドメニューではこの現象が起きない。
（QBlogにおいてはそもそもメニュー選択で表示形式の遷移なしだからだろう）

後からわかったが、Bioや Flat のデザインでも同じ。他にもあるかも。

■印刷の確認

PDF用のファイルをプレビューしての段階ですが、右サイドにあるメニュー表
示が中途半端にはみ出して切れ、フォントサイズもおかしい。これは目をつむ
ろうと思えばまあできないこともなし。（これは前述のメニューデザイン崩れ
と関連するかも）

■#share_buttons 表示に関する留意点

「FontAwesome 5 に対応」に絡んでか、VerUP直後そのままでは
「#share_buttons」の表示に異常あり。三つのアイコンが一箇所に重なるよ
うに表示されてしまう。

これはキャッシュのクリア（ブラウザキャッシュ含む）で正常にもどる。

編集

スマホから投稿…m(_ _)m

ようやく対応されたんですね
お問合せフォームに連絡しても何の返答もないので解らないので
悲しいかな？常にこことGitHubが頼りになってしまうのがどうなのかな？と思ってしまう今日の頃です…

しかも毎度いちユーザーのうみほしさんに報告させたり
報告してあげたのにGitHub上に書き込むなとか書かれてましたが…

それってちゃんと機能してて始めて言える台詞な気がするんですけど…
如何なものか？と個人的には見てて思ってしまいました…

とりあえず
メニュー周りと虫眼鏡問題は大丈夫そうなので一安心でしょうか…

あとはアイコン周りや、今後の現在のWEBとの格差をどれだけ埋められるか？なんですかね…

まだまだ心配な状況ではありますが
明るい情報に期待したい所であります…

編集

やっと昨夜7.2.2で解決しました。
次はナビの印刷の修正が始まってます。それはまた別スレッドで。

きのう「製品は正常に動いて当たり前では？」とメールしたばかり。そのせいかどうかは知りません。
年度末で忙しいのに、ホント、疲れる。

編集

HAIKクラブの人は正常作動を強く要請するべきだと思いますけど。

編集

進展が無いので，open-qhmにある修正ファイルの内容を見て，プラグイン2つを書き換えて勝手にテストしました。
虫眼鏡は出るようになりましたが，その前の小さい四角が残るなあ。
まだ未完成のようです。
正式リリースを気長に待つしかありません。

編集

本当にうみほしさんの仰る通りで虫眼鏡アイコン位は直ぐに直して欲しいものです…。
これは本当に見栄えが悪いですからね…

この問題があるがためにいくつかのサイトはワザとアップデートしないようにしてあります…。


現状として1年程前にPHP7への対応が完了後、これいった大きな進捗はありませんし
製品としてマズイ不具合を直しているだけの状態ですので…

いい加減明るい情報が欲しいものですね…

編集

open-qhmで行われていたアイコン表示の不具合修正がこのところ全く止まってますね。
ここを使わなくなったのか？あるいは担当者に何かあったのか？
新年度に向けての体制変更か？
いろいろ妄想してしまいます

虫眼鏡アイコンぐらいさっさと直してほしいものです。
今のままではみっともない。

編集

虫眼鏡アイコンの修正も始まりました。

編集

HAIKのFlatとSeedでVer7.2.1で確認しましたが
メニュー部分の表示は直っておりました。

Ver7.2.0ではアイコン 半角スペース 文字の並びになっていた物が
アイコンと文字が重なってしまっており、表示が可笑しくなっておりましたが
Ver7.2.1で直っておりました。

#search2の虫眼鏡は当方でもダメでしたね

編集

v7.2.1 coolで確認。

うみほしさん の書かれた通り。
メニューのデザイン崩れは解消。
#search2の虫眼鏡アイコンはだめ。

マック版のプリントでは、かろうじてヘッダのh1がまともな大きさに。
他はそのまま。

アイキャッチはプリントしないんだと開発の誰かが書いていたなあ。
これはそのままにするつもりでしょう。

ま、今回のvアップはCSS問題しか扱ってないでしょう。

https://github.com/open-qhm/qhm/releases

編集

HAIK7.2.1とFlatでテストしました。

ブラウザのキャッシュを削除するとメニューが正常になりました。

ただし検索ボックスの虫眼鏡アイコンは相変わらず表示されないままでした。アイコン関係は直してないみたい。

印刷はMacユーザーに点検してもらわないと不明ですね。

編集

そうですね。
もうちょっと研究してみたらそうします。

今のところこの件についてはHAIK-Teamからは反応も無く，
open-qhmでも動きが無いので，このままで現状維持なのかもしれません。

編集

ワードラップに関連する話題

テストするときは「#cols{{ }}」や「#bs_box{{ }}」それから「#panel{{ }}」の
内外で動作が同じか？の検証も必要でしょう。

また日本語としては「禁則処理」が重要課題と思います。

ただし話題がここまでくると新たなスレッドを立てたほうが良いかと。
話題がv7.2のトラブルのことと乖離してますから。

編集

HAIKのワードラップの改善ができないか，CSSで実験してみました。
p要素に設定したのは以下の通り。

p {
line-break:normal;
overflow-wrap:break-word;
word-wrap:break-word;
-ms-hyphens:auto;
-moz-hyphens:auto;
-webkit-hyphens:auto;
}

効果があったのは，2，3行目の
overflow-wrap:break-word;
word-wrap:break-word;
だけでした。半角英数字であふれた場合の強制改行ができました。
なお3行目は古いブラウザのための互換性なので普通は2行目だけで良いです。
hyphens:auto;
はあふれた場合に単語途中の改行位置にハイフンを付けてくれるものですが，Windows 10のGoogle Chromeでは動作しませんでした。
ブラウザが未対応なのか，そもそもHAIKでは使えないのかは不明です。

調べたところ，
overflow-wrap: break-wordがしてくれること
句読点が先頭で始まらないようにしてくれる。
半角英数文字の羅列がboxを突き抜けないよう、折り返し処理をしてくれる。
英単語がなるべく途中で切れないように調整、無理だったら折り返し。

　なので，これだけで良いかなと思いました。

さらに
「hyphens は実装されても日本語に対応してない」
そうなので，サイトの言語指定を英語にするしかないようで，使えないとのこと。

編集

open-qhm
#100,101で修正がはじまりました。

編集

なるほどですね。
しかし、ワードラップ機能がこれでいいのかは見解の分かれるところです。
　想定外（あくまでHAIKを作った人の想定ね）の使い方をすると表示がおかしくなるのは、困る場合が無いとは言い切れませんから。
　たとえば円周率を何万桁も書くとかね。

例えばワープロソフトでは「ワードラップある・なし」を設定で細かく選べますが，そのような仕様にすれば良いかもしれません。

　とりあえず「分かったことは伝えた」ので、あとは開発者側の判断待ち。
　幸い、私のサイトでは問題発生してないのでこのまま7．2で運用します。

編集

tomozoさん

あーなるほど、まあ常識的な（またはかなり長い）文字数の単語が来てもそこそこには正常にワードラップしてますね。

まずまずありえない文字数でなければはみ出さない。

まあ、これは前から実用範囲なわけか。（長い長い英数文字列の並びのはみ出し/ワードラップ）

編集

うみほしさん
Yujiroさん

検証ありがとうございます。

半角の数字または英文字が連続したとき、行内にはいらなかったら改行しないではみ出すのは以前からありました。
今回発生したバグではありません。

英文字は、単語の途中で改行はしませんので長い半角文字が続くとこのような現象になります。
通常はこのような文字の入力はないので、私はこれはバグだとは思っていません。

編集

うみほしさん ありがとうございます。

アルファベットが！数字が！　　うわっ、こりゃヒドイ！

これは即刻中止でないと！！！

編集

自分のテストサイトで確認した範囲で，会員ページからも不具合報告をしておきました。これで伝えるべきところには伝達完了です。
画像を見てもらうと分かりますが，アルファベットが改行されない不具合も発見。
これはseed,fabric,flatで確認。テーマには関係ない不具合。

数字でも実験したところ，半角文字が改行されないことが判明。全角数字，英文字は改行されます。

もう一つ発見。検索ボックスの虫眼鏡アイコンが出ません（→で示した部分）。これはプラグインのアイコンの修正忘れでしょう。これも報告しとくか。。。。

編集

うみほしさん

特定テーマのCSSが元の状態から崩れたのでしょう。

予測としてikkからkyukよりもその後にリリースされたテーマ。
ただしseedは文字通り「タネ」としてCSSがシンプルな様子で影響小でしょうか。

open-qhmの　#99では「print.css を qhm.css に統合した際の影響を修正」
これが不完全。

なお、Macユーザーに関してはプリント全滅と見て差し支えないです。
前よりかなりマシではありますが。

端的に言って、リリース前のテストが甘いです。

編集

今のところ私のサイトのseedでは何の問題も発生してないので，HAIK7.2.0平常運用してます。PHPも7.2で運用してます。
いまいち発生条件が分かりません。
特定のテーマの特定のメニューリンクの不具合なのは分かりますが。

編集

v7.2は今すぐにでも下ろしておいた方が被害は少ないと思うのだけどなー。

とりあえず「待ち」です。＞このスレッドを読んだ人たち

編集

私もflatでメニューが青く塗りつぶされるのを確認。
朝は正常だったのはキャッシュのせいかも。
印刷でもそこだけ塗りつぶされて文字が見えません。

編集

open-qhmの　#99では

「print.css を qhm.css に統合した際の影響を修正」

なんてのがありますなあ。ブラウザ表示への影響がまだ取れていないな。

編集

open-qhm に報告しておきました。

もう、私を雇ってくれないだろうか？

編集

会員なら障害に出ているサイトを示して不具合報告できますが、今回はこのテストサイトをopen-qhmに示すしかなさそう....
あるいは問いあわせからメールか？

編集

うみほしさん 。

お付き合いいただき誠にありがとうございます。

デザインによっては影響を受けないものもあり。

印刷用CSS変更だけでなく、どうした経緯かやり方か？ブラウザ表示のCSSが影響を受けている様子。

編集

Yujiroさんのテストサイトみました。
確かにメニューが変ですね。
こちらのWindowsで表示してもおかしいので、表示側の環境のせいではなさそうで、作る側に問題がありそうです。
なんでかな？

私はスマホ持ってないので、これ以上のテストはできません。

編集

うみほしさん

スマホではどうなりますか？

また、誰もがアップデートのクリックでVerUPしてしまうなら、それは正に正式リリース
と解釈します。

編集

こちらのテスト結果です。
windowsでflat使用。
やはりメニュー表示に問題はないようです。

まだリリースのお知らせがないので、そういう意味では公式リリースではないと私は解釈してます。

編集