難聴でも成功できるコミュニケーション力は難聴・聴覚障害があっても上げられます。新着ブログ一覧カラムサムネイル新機能メニューにもタブをより明確に記述できるようになりました。ラベルもレスポンシブ対応となり、長くても折り返し表示されるようになりました。1行に複数いっぱい並べても枠内で折り返し並べられるようになりました。ラベルテキスト折り返しテストラベルテキスト折り返しテストラベルテキスト折り返しテスト並べテスト並べテスト並べテスト並べテスト箇条書きのアイコンは他に更新履歴などでも使われている。個数を指定する場合は引数で指定する。#qblog_list(tile,8)2019.12.20テスト投稿2ホームページ管理システム改修テスト投稿2019.12.20システム改修テスト投稿ホームページ管理システム改修テスト投稿これがTwitterとFacebookで表示されるかを確かめます。プログラム改修に伴うテストなので無視してください。新しいホームページデザインはおかげ様で好評をいただいております。これまで明らかになったスタイルシートのエラーなどを見直しました。旧スタイルシートでは共用になっていた見出しのスタイルをさらに修正し...2019.08.16前より格段に読みやすくなりました新テーマに移行しました。ブログのタイル表示とレスポンシブ対応表示ができるようになりました。タブをメニューやフッターにも表示できるようになりました。高速化のため、ホームページのサーバー移転とPHPのバージョンアップしました。それに伴い出た、一部の不具合、リンク先など旧名称の所や読みづらいところを順次調整中です。佐村河内守氏会見の盲点でスマホで読むと横に意味不明なスクロールをするという問題の原因がわかりました。連日報道される「障害者雇用水増し問題」、マスコミ自体がこれまで身体障害者雇用の問題すら報道していなかったのに、いきなり大々的に報道しはじめたのは不可解です。我が国の身体障害者の雇用促進に課題が...2018.08.02デジベル値の数字のからくり聴力検査のデジベル値はあくまでも純音による測定結果を平均した数字です。「平均」ですから、実際の聞こえ方はばらつきが発生します。ここでは難聴で聴力50デジベルの人を事例に出します。4桁(文字だけにリンクあり)あなたへの手紙?ここに説明が入ります。ここに説明が入ります。(テスト用文字列last-child)ブログトップここに説明が入ります。ここに説明が入ります。(テスト用文字列last-child)ブログトップここに説明が入ります。ここに説明が入ります。(テスト用文字列last-child)ブログトップここに説明が入ります。(テスト用文字列last-child)サムネイル表示テストはじめまして?ここにタイトルが入ります。ここにタイトルが入ります。ここにタイトルが入ります。ブログトップここにタイトルが入ります。ここにタイトルが入ります。ここにタイトルが入ります。ストーリーここにタイトルが入ります。ここにタイトルが入ります。ここにタイトルが入ります。商品購入ここにタイトルが入ります。会社案内ここにタイトルが入ります。ある質問ここにタイトルが入ります。サポート?ここにタイトルが入ります。お問い合わせここにタイトルが入ります。サムネイル形式のメニューはじめまして?ここにタイトルが入ります。ここにタイトルが入ります。ここにタイトルが入ります。ブログトップここにタイトルが入ります。ここにタイトルが入ります。ここにタイトルが入ります。ストーリーここにタイトルが入ります。ここにタイトルが入ります。ここにタイトルが入ります。商品購入ここにタイトルが入ります。ここにタイトルが入ります。ここにタイトルが入ります。会社案内ここにタイトルが入ります。ここにタイトルが入ります。ここにタイトルが入ります。ある質問ここにタイトルが入ります。ここにタイトルが入ります。ここにタイトルが入ります。サポート?ここにタイトルが入ります。ここにタイトルが入ります。ここにタイトルが入ります。お問い合わせここにタイトルが入ります。ここにタイトルが入ります。ここにタイトルが入ります。4桁(文字だけにリンクあり)あなたへの手紙?ここに説明が入ります。ここに説明が入ります。ブログトップここに説明が入ります。ここに説明が入ります。ブログトップここに説明が入ります。ここに説明が入ります。ブログトップここに説明が入ります。ここに説明が入ります。【新機能:自動リンク付与】説明サムネイルの画像や文字にリンクがあるとクリック範囲が自動的に枠いっぱいに付与されるようになっています。従来はサムネイルに最低でも3つ、画像、リンクタイトル、ボタンの記述が必要でした。この工夫によって、画像にリンクを貼るだけで、文字リンクなどを記述しなくて済むようになりました。記述が少なくなるという事は作業がとても楽になり、時間も短くて済むことを意味します。改修することでスマホでも2桁表示に対応できるようになり、従来は縦長になっていたスペースが大きく減りました。最大で12桁までのサムネイル並びに対応しました。従来はサムネイルを桁分けすると「レイアウト崩れ」などの課題があり、桁数が多くなるほど多発しており、「使えない機能」と言われてきました。前はサムネイルの高さが制限されて、レイアウト崩れを防ぐため画像に大きさを揃えて、手動で変更していました。あまりにも手間がかかっていました。バージョン3.5からflexboxを導入して自動でサムネイル行ごとにサムネイルの高さを揃えるようにようになりました。これによってブログのグリッド一覧も含めて、縦長の画像にも対応できるようになりました。リストボックスの方はレイアウトが別の方法のため、導入していません。新スタイルについてこのページ専用のスタイルを組み込んで、読みやすさを優先して、見出しの上下、段落間を大きく開けて、読者が読みやすいようにしました。編集時、行を空けることで、自動的に段落と見なされるようにしています。見やすくするため、自動的に見出し2と本文の間を空けるようしています。目次からジャンプする時、本文が固定メニューに隠れてしまうのを防ぐねらいもあります。編集モードで意図的に節の境目を広げると視認しやすくなります。これによって、ソースの方も読みやすくしています。これら空白があることで脳がひと息つくことができて、内容なども頭に入りやすくなります。スマホやタブレットの小さい画面では脳が緊張しているので多用することをお勧めします。ルビ機能ルビが読めないとの要望にお答えしました。前のルビをふれない行高さとレイアウトも改善されました。難点(なんてん)は全部ルビを全て手でふらなければならないこと、ブラウザによって表示スタイルが変わってしまう事がわかっています。自動でルビをふるプログラムはまだ実用的な利用が難しいので、現時点では一般的には難しい漢字(かんじ)にルビをふる事が主になると思います。従来は下線がある以外はアコーディオンパネルとわかりにくく、パネルをそのまま使っているので、デザイン的にもパネル類と区別できないので不便でした。修正して、アコーディオンパネルと区別できるアイコンがつき、クリツク可能な範囲が枠いっぱいになり、操作性が大きく改善されました。色が一色に統合されますが、メニューでアコーディオンパネルを使って、折りたたみメニューを実現しました。説明を書く&show(stock_photo_0006560.jpg,,サンプル画像);}}アコーディオンパネル#bs_accordion(non)アコーディオンパネルで元からないオプションで「non」などと書くと、従来は背景色が出ないエラーが起こっていました。これを修正して、別の色を任意で追加しました。詳しい説明を書く#bs_accordion(non){{-詳しい説明====詳しい説明を書く}}#bs_accordion(){{-詳しい説明====詳しい説明を書く}}#bs_accordion(info){{-詳しい説明====詳しい説明を書く}}#bs_accordion(danger){{-詳しい説明====詳しい説明を書く}}#bs_accordion(primary){{-詳しい説明====詳しい説明を書く}}#bs_accordion(success){{-詳しい説明====詳しい説明を書く}}#bs_accordion(warning){{-詳しい説明====詳しい説明を書く}}上のアコーディオンパネルは長時間見ていると目が疲れる人もいることから色彩を抑えてありますが、オプションで明るい色も用意してあります。">)~#html2(</div>)で囲む事でもっと明るい色調のアコーディオンパネルを呼び出せます。詳しい説明を書く枠の薄いクラスを指定してみる通常のorgm-accordionクラスを継承して文字と背景色を替えた新しいクラス。orgm-accordion-nobackgroundcolorを作成、これを呼び出す形で使って見る。「まじない」html2を使って、クラスを指定する形で使えるようにしました。「nobackgroundcolor」とあるのは最初はもっと薄い色で作成していたのですが、人によっては色が見えないことがわかったため、見えるように濃くしためです。">)~ここに対象となるアコーディオンパネルを書く~#html2(</div>)はじまりは以下のように書きます。">)最後を必ず以下の記述で閉じます。閉じないと別の場所でアコーディオンパネルの色が意図しない色に変わります。class="orgm-accordion-nobackgroundcolor">)#bs_accordion(non){{-詳しい説明====詳しい説明を書く}}#bs_accordion(){{-詳しい説明====詳しい説明を書く}}#bs_accordion(info){{-詳しい説明====詳しい説明を書く}}#bs_accordion(danger){{-詳しい説明====詳しい説明を書く}}#bs_accordion(primary){{-詳しい説明====詳しい説明を書く}}#bs_accordion(success){{-詳しい説明====詳しい説明を書く}}#bs_accordion(warning){{-詳しい説明====詳しい説明を書く}}#html2(</div>)先の【新しい方法】bs_accordionをクラスで囲む方法を複数タブ形式のアコーディオンパネルで実装してみる。通常のアコーディオンパネルではこうなります。詳しい説明1詳しい説明1詳しい説明を書く詳しい説明2詳しい説明2詳しい説明を書く詳しい説明3詳しい説明3詳しい説明を書くオリジナルのクラス「orgm-accordion-nobackgroundcolor」を使うとこうなります。詳しい説明1詳しい説明1詳しい説明を書く詳しい説明2詳しい説明2詳しい説明を書く詳しい説明3詳しい説明3詳しい説明を書く従来は多くても6種類まででしたが、この拡張によって21種類も使えるようになりました。