キーボード修理

イメージ
前回 調子が悪くなったと書きましたが、部品が手配できて時間が取れたので直しました。 茶軸のスイッチを購入 Cherryの茶軸は 10個で1,399- ということで購入。 本当は1個で充分なんだけど、仕方なく残りは予備部品として保管。 作業手順 キーボードの裏側ネジを3箇所外します。 左右と中央の丸シールの下。 左右はパッドを貼っているので、少しめくって外します。 (あとで綺麗に戻るので心配なしです) ケーブルが出ている方は、スッと外れ、手前(下側)は、内部に爪が有るので、ピックやカード、マイナスドライバなどで少し隙間を開けるようにして広げれば外れます。 自分は親指の爪で空きました。 今回は「E」が調子悪いので、該当のピン2箇所をハンダ吸いで綺麗に取り除いて、裏側から引き抜いて完了。 基板にしっかりとどのキーかがプリントされているので分かりやすいですねぇ 入手した新品の茶軸を差し込んでハンダ付けします。 この時点で動作確認が可能になるので、直したキーとその周辺が正しく入力できるのをチェック。 問題なく、無事に動作しました。 最後にカバーを取り付けて完了! 残ったのは9個の茶軸…。 今回の費用 Cherryの茶軸10個セット :1,399- キーキャップ引き抜き工具 : 475-  ちなみに10個セットには、簡易引き抜きがついてきますが、ちゃんとしたもののほうが楽に作業できます。(昔買ったのに、どこかに行ってしまったので再購入)  ということで、1900円ほどで完治しました。  手間賃考えると買ったほうが安いかも(笑)

DataTablesが動かない理由

結構面倒な処理

PHPでデータをDBから取得、表示する。この時ページネーションを行うのは、定番だけど…。
よく出てくる割には、案外面倒な処理。

Bootstrapだと、表示用のCSSは用意されているけれど、ロジックは無い。
フレームワークだと、ライブラリで持っていることもあるけれど、サクッと動く感じではない。

で、DataTablesを利用するという流れになるわけなんだけど…。
jQueryのプラグインで、tableタグをtheadとtbodyに分けて記述し、プラグインを呼び出すだけで、最低限の表の処理(ソートや絞り込み)を行ってくれる。

まあ、数百行程度なら、充分な速度で動いてくれる。

フレームワークで利用してみる

次のプロジェクトのために、色々とテストを行っている。
今回のDataTablesも、事前のテストの一環。

さて、フレームワークを使って、DBからデータを吸い出し、同様にDataTablesを利用するようにcodeを書きなおしてみる。

ところが、表示してみても、何も反応してくれない。(全く動作していない感じ)

項目表示の部分に△▽が表示されるはずなんだけど、これが出てこない。
もちろん、検索窓も、表示件数の処理も…。

なぜだ〜。

ということで、基本に立ち返りサンプルコードでテスト。
うむ、問題なく動作している。

と、ここまで作業して気づいたことがある。

テーブルを出力するページは、ひな形classを作っておいて、コンストラクタでオブジェクト生成している。ページごとに異なる部分だけ、オーバーライドするようにしているのだけれど…

DBからデータを引っ張ってきて表示する時に、1列余分に追加して表示していた。
(表示・編集・削除のアイコンを付加していた)

この時、最上部の項目を出力していなかった。<th></th>が1つ不足している状態。
図のように「編集」という文字を出力するように付加してみたところ、DataTablesがちゃんと動作してくれた。

当たり前といえば…当たり前。
データをソートさせる列の列名が存在していないので、エラーを起こしているのだった。

う〜む、こんなところで躓くとは、疲れているのかな〜。

ちなみに、「多機能テーブルDataTablesを使う」を参考に、表示部分を日本語化しています。
個人で使用するのには問題ないけれど、お客さんが使うことを考えると、こういった細かいチェックは必要になるんでげす。


コメント

このブログの人気の投稿

WPS Officeで日本語入力ができない

VirtualBoxでUSBから起動

Ubuntu24.04 でGUIが死んだ