グッズなどを気の向くままに。Followこんにちわ、野良ジニアです。今日は、はてなブログに一瞬(コピペ)で表のソート(並び替え)機能を追加する方法を紹介します。タッチ)してみてください。30ブラウザがよっぽど古いとかでなければ、表のソート(並び替え)が動いたと思います。前置き(本コードの元ネタについて)本記事は、Qiitaの以下投稿のコードをそのまま使用させて頂いています。qiita.com自分が書いたコードではないのですが、ものすごく簡単にソート機能を導入できて感動したので、記事にした次第です。_)mもし、投稿内容に問題がありましたら、記事の削除や修正を致しますのでご連絡頂ければと思います。あたりに貼り付けてください。}})();</script>※設定や他スクリプトの影響などで動かない場合があるかもしれません。上記をコピペ後、自分のブログでちゃんと動くかご確認ください。デザインCSS部分こっちは貼り付けなくても動きます。並び替えできるようになっても読者が使わなければ意味がないので、表の下に「並び替えできますよー」と表示するためのものになります。「デザイン」→「カスタマイズ」→「デザインCSS」に以下を貼り付けてください。お好みで、文章や色、フォントサイズはご変更ください。「ブログ内の表でソートできたら便利そうだなー」と、ふと思ったのがきっかけです。何か目的があったわけではなく、単なる思いつきでした。ソート」でググりました。この時は深く考えずにスルーしちゃいました。意外にも(僕の思い描くような)先人はいませんでした。簡単に実現できそうな方法がないか、続けて調べてみることにします。javascript」でググりました。僕「...動いた!!(驚愕)」なんと、コピペするだけでソート機能が動いてしまいました。本記事の内容を導入して発生したいかなる問題や損害に関しても、当方では責任を負いかねます。(まぁ表のソート機能で生じる問題や損害って何だよとは思うけど一応)表のデータが埋まってないと、ソートの挙動がおかしくなるケースがあるようです。細かい動作までは把握しきれていないため、導入は自己責任でお願いします。はてなブログ無料版の場合、色んなキーワードに自動リンクが貼られます。「ソートしようとしたら、キーワードリンク先に飛ばされた」となる可能性もあります。(おそらく漢数字とか)は数値としてソートできますが、それ以外は文字コードでのソートになります。数値として評価、その他は文字コードで評価しソートするこの表はソートできるよ、と表の下に出すようにしたのですが、1列目のデータとして扱われているっぽいです。1列目の幅がおかしくなったりします。解決策をご存知の方がいれば教えて頂けると嬉しいです。ググったけど見つからず...まとめコードをコピペすれば表がソートできるようになるよ他スクリプトとかの影響でうまく動かないかもしれないよ何か問題とか起きても自己責任で何に使えるか良く分からないけど、何かの役に立つかもしれないよ勢いで導入してみたけど役に立つのかなぁ...wwおまけ:ブログ執筆時の記法について途中で「マークダウン記法が~」とか書きました。ご存知の方も多いとは思いますが、はてなブログの執筆記法として、以下の3種類があります。見たまま?はてな記法?Markdown(マークダウン記法)?僕はエンジニア界隈で市民権を獲得してる「マークダウン記法」を使用しています。スマホからだと面倒かもしれませんが、PCから記事を書くのであればマークダウン記法を使うことをオススメします。マークダウン記法の詳細については、以下の記事がまとまっているのでオススメです。igcn.hateblo.jpmametanuki.hateblo.jp「覚えるの面倒くさい」と思うかもしれませんが、慣れればそんなに難しくないので試してみてください!ちなみに冒頭の表はこんな書き方になります。検索プロフィール福岡に住む野生のエンジニア。技術的な話題、ライフハック、便利グッズやDIYネタなどを書いてます。目次スターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。