datatablesにデータを渡す

html <table id="tableId" class="cell-border"></table> JSONの配列を渡す data = [ { "name": "Tiger Nixon", "position": "System Architect", "salary": "$320,800", "start_date": "2011/04/25", "office": "Edinburgh", "extn": "5421" }, ] $("#tableId").DataTable({ "data": data, columns: [ { name: "name", data: "name", title: "Name", }, { name: "position", data: "position", title: "Position", }, { name: "salary", data: "salary", title: "Salary", }, { name: "start_date", data: "start_date", title: "Start date", }, { name: "office", data: "office", title: "Office", }, { name: "extn", data: "extn", title: "Extn", }, ], }) flask render_template を使う場合 flaskから受け取るなら、...

March 9, 2025 · K

datatablesのserverSide処理

https://datatables.net/reference/option/serverSide 設定 初期化時に $("#tableId").DataTable({ serverSide: true, // <- これを追加 ajax: { url: "{{ url_for('.fetch_test') }}", type: "POST" // <- これを追加 }, columns: [ { name: "name", data: "name", title: "Name", }, { name: "position", data: "position", title: "position", }, { name: "salary", data: "salary", title: "salary", }, { name: "start_date", data: "start_date", title: "start_date", }, { name: "office", data: "office", title: "office", }, { name: "extn", data: "extn", title: "extn", }, ], }) serverSide: true を加える。 serverSide処理ではサーバーにデータテーブルのインフォメーションが送信されるから ajax の設定に type: "POST" も加える。...

March 9, 2025 · K

ubuntuを起動しようとしたらbusyboxが出てきた

UPDATEをずっと放ったらかしにしてしまっているなと思って数カ月ぶりに再起動したら起動できず、 busyboxというコンソール画面が出てきて先に進まずの状態に。 その時はChatGPTに聞いて対処できたのだがここにメモを残しておく ルートパーティションを探す lsblk このコマンドは私の環境では見つからなかった blkid TYPE="ext4" の可能性が高い。 sda数値 のどれか。 ルートパーティションをマウントする mount /dev/sdaX /root 。失敗したらファイルシステムが壊れているかもしれない ファイルシステムをチェックする fsck -y /dev/sdaX chrootで本来のシステムに入る mount -t proc /proc /root/proc mount -t sysfs /sys /root/sys mount --rbind /dev /root/dev chroot /root これが必要なのかはわからない initramfs を更新する update-initramfs -u -k all update-grub すべてアンマウントして再起動 chrootから出る exit アンマウント umount /root/proc umount /root/sys umount /root/dev umount /root device is busy と出てきたら -l オプションをつけて試す。 再起動 reboot その他 https://qiita.com/takanemu/items/911f1943ecaf764e973d に書いてあるが、 fsck -y /dev/sda1 reboot だけで直るかもしれない。...

February 27, 2025 · K

Org Wikiを使ってみた

org-roamのメモを体系的に管理するのに使ってみたのだが、わざわざツールを1つ増やす必要があるのかという点に疑問を感じる。 GitHub - caiorss/org-wiki: Wiki for Emacs org-mode built on top of Emacs org-… 更新も8年前に終わっているし、廃れたツールなのかもしれない githubに書いてるとおりだが、これでインストールできる。 package-list-packagesにはない… (let ((url "https://raw.githubusercontent.com/caiorss/org-wiki/master/org-wiki.el")) (with-current-buffer (url-retrieve-synchronously url) (goto-char (point-min)) (re-search-forward "^$") (delete-region (point) (point-min)) (kill-whole-line) (package-install-from-buffer))) (require 'org-wiki) (setq org-wiki-location "~/org/wiki") 試しに2,3ページ作ってみたが、やってることはroamと変わらない感じがするのだよね。

February 26, 2025 · K

TransferTextは使うな

Accessでtxt形式のファイルをエクスポートするとき、 DoCmd.TransferText というコマンドを使うのだが、 数値データが有効数値2桁くらいで打ち切られてしまう。 0.00325 が 0.003 になってしまうのだ。 調べていると同じ不具合を報告しているところもちらほら見つかる(外部サイトとか)。 多分数値列を文字列型にしてから出力すれば良いのだろうが、 バッチ処理には向かないような気がするので試していない。 結局 DoCmd.TransferSpreadsheet を使ってエクセルで出力してから、 PythonでCSV変換して解決した。

February 24, 2025 · K

Tomlとyaml

paperMod設定方法 コンバータ https://fixpoint.github.io/yaml-toml-converter/ で相互に変換できる。 TOML Table [] はTableをあらわす [table] key1 = "A" key2 = 1 "table"に属するkey1とkey2。値は"A"と1 同じ名前のテーブルは1つしか作れない。 Table 配列 [[]] はテーブル配列。menuに表示するリストなどはこれを使う。 ならmenuとかicon群とか。 [menu] [[menu.main]] identifier = "categories" name = "categories" url = "/categories/" weight = 10 [[menu.main]] identifier = "tags" name = "tags" url = "/tags/" weight = 20 YAML 同じものをYAMLで書くとこうなる。 menu: main: - identifier: categories name: categories url: /categories/ weight: 10 - identifier: tags name: tags url: /tags/ weight: 20 - identifier: example name: example....

February 16, 2025 · K

Gitでssh認証を使ってpushする

sshキーの確認 ls -al ~/.ssh 以下のいずれかが公開鍵となる id_rsa.pub id_ecdsa.pub id_ed25519.pub キーを作る ssh-keygen -t rsa -b 4096 -C "mail@example.com" パスフレーズはなくてもいい。 公開鍵情報をgithubに登録する。 id_rsa.pub ファイルを開いて中身をコピーする githubでNew SSH keyを選択し、Titleを決めて、コピーしたキーを貼りつける。 認証する Bash上で以下を実行する ssh -T git@github.com 以下のような警告が出てきた場合は、yesを押す > The authenticity of host 'github.com (IP ADDRESS)' can't be established. > RSA key fingerprint is SHA256:........ > Are you sure you want to continue connecting (yes/no)? 成功すると以下のメッセージが表示される。 > Hi username! You've successfully authenticated, but GitHub does not > provide shell access....

February 15, 2025 · K

Github Pagesを使ってhugoのホームページをdeployする

Pages用のリポジトリを作る 名前は username.github.io としなくてはならない。 github actionを使う githubにはソースとなるファイルをアップロードして、github actionで サイトをビルド、デプロイする。 gitリポジトリを作成 configファイルを設置しているディレクトリで git init を実行 publicフォルダを管理外に置く echo "/public" > .gitignore でpublicフォルダを管理外におく。 ファイルを追加し、コミットする git add . git commit -m "first commit" githubでリポジトリを作成する git remote add origin git@github.com:marigold1287/marigold1287.github.io.git でリモートリポジトリを追加する。 pushする git push origin main Github actionsの設定 githubにて Settings-Pages-Build and deployment とたどって Github Actionsを選択する。 選択肢の中にある hugo をクリックすると pages.yml というworkflowが自動で生成されるのでcommitする。 workflowファイルをPullする ローカルにこのファイルを置いておかないとpushできないのでpullしておく git pull origin main

February 15, 2025 · K

Hugoを使ってホームページを作成する

このホームページは静的サイトジェネレータHugoでできている。 インストール sudo snap install hugo windowsなら https://github.com/gohugoio/hugo からwindows用のzipファイルをダウンロードして解凍する。 ホームページ作成 ホームページを作成したいディレクトリで hugo new site SITENAME を実行すると、 SITENAME というフォルダが作成される。 中を見ると ls SITENAME archetypes/ config.toml* content/ data/ layouts/ public/ static/ themes/ となっている。 ホームページを確認する config.toml が保存されているディレクトリで hugo server を実行する。 http://localhost:1313/ にアクセスすると作成されたホームページを確認することができる。 Themeを導入する このままでは味気ないのでテーマを導入する。 公式HPに色々なテーマがあるので好みのものを見つける。 ここでは私が使っているHugo-PaperModを使うことにする。 このテーマは見た目が綺麗なのはもちろんのこと各種説明も充実していて使い勝手が非常に良いのでオススメ。 インストールの方法も以下に分かりやすくまとめられている(Installation | Update | PaperMod) git init git submodule add --depth=1 https://github.com/adityatelange/hugo-PaperMod.git themes/PaperMod git submodule update --init --recursive # needed when you reclone your repo (submodules may not get cloned automatically) テーマを有効化するために hugo....

February 15, 2025 · K

lightboxを使う

公式HP https://lokeshdhakar.com/projects/lightbox2/ インストール https://github.com/lokesh/lightbox2/releases からzipファイルをダウンロードする。 staticフォルダにファイルを移動する distフォルダの中身を static/lightbox フォルダに移動させる extend_head.html layouts/partials/extend_head.html を作成し、 <link href="{{ .Site.BaseURL }}lightbox/css/lightbox.css" rel="stylesheet" /> <script src="{{ .Site.BaseURL }}lightbox/js/lightbox-plus-jquery.min.js"></script> を追記する。 使用例 #+attr_html: :rel lightbox[1] :height 200 [[file:/org/static/img/20230715/20230715_1.jpg][file:/org/static/img/20230715/thumbnail/20230715_1.jpg]] こんな風に使う。 同じページにある画像を複数グループに分けたいときは :rel lightbox[1] :rel lightbox[2] のように分ける。

February 19, 2024 · K