生活の跡

個人的な備忘録

友達になっていないユーザに、Facebookページの編集権限を付与する

.entry-inner img{ border: 1px solid #000; } 経緯 職場の活動をFacebookページで発信しています。 新しいメンバーにも発信してもらおうと思ったのですが、編集権限を付与するやり方を理解するのに手間取ったので整理しておきます(管理者権限を付与する場…

Windows10のフォトでJPEGをサイズ変更しても、ファイル容量が変わらない

img { border: 1px solid #000; } 事象 Windows10に標準で入っているアプリ「フォト」には「サイズ変更」機能があるのですが、使ってもファイル容量が小さくなりませんでした。 環境 Windows 10 Home Microsoft フォト(バージョン:2020.20070.10002.0) サ…

Acrobatを使わずにPDFをWordで開く方法

概要 Acrobatを使わずにPDFをWordで開く方法を教わったのでメモ。 試した環境 OS:Windows 10 Word:Office 2019 前提 対象のPDFがWordで作られたものでないと、うまくいかないと思います。 やり方 エクスプローラ上で対象のPDFを右クリック 「プログラムか…

HTML+CSSで素因数分解の筆算を書く

概要 十進数を二進数に変換する手法をブログで取り上げるため、Webページで素因数分解の筆算を書きたいと思いました。イメージはこんな感じです。 方針 はじめに考えたこと 数式といえばTeX(テフ)だろ!(※)と思ってWeb検索したところ、Yahoo知恵袋で似たよ…

mathjaxで掛け算の筆算を記述する

Web

概要 HTMLで掛け算の筆算を記述します。筆算はTeX記法で記述し、mathjax(2.7.0)のCDNを利用して変換します。 やりたいイメージ コード(HTML) <html lang="ja"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> \begin{array}{rr} & 21 \\ \times) & 32 \\ \hline & 42 \\ & 63 \hspace{0.5em} \\ \hline & 672</body></html>…

長形3号の封筒を、ゆうパケットの着払いで発送する

img { border: 1px solid #000; } 概要 ポケットWi-Fiを解約したのですが、新型コロナの影響で機器の需要が上がっているらしく、着払いで返却して欲しいとお願いされました。 手元にあったのが長形3号の封筒だったのですが、ゆうパケットで発送できるのだろ…

賃貸物件で入居前からあった損傷に対する現状回復費を請求された

.small-picture { width: 50%; margin: 0 auto; } .border { border: 1px solid #000; } 概要 賃貸物件を退去する際に、元から損傷していたキッチン扉に対して、管理会社から修繕費を請求されました。金額は妥当でしたが、その傷をつけたのは私ではありませ…

ノーリツ給湯器エラー:12→11 で突然シャワーのお湯が出なくなった

概要 地方部に転居して1ヶ月で、突然シャワーのお湯が出なくなりました。寒し。 給湯器の操作パネルを見ると、温度の代わりに「12」が点滅していました。操作パネルの電源を切ったり入れたりしてお湯を出そうとしていると、今度は「11」が点滅するようになり…

QGISデータインポートエラー:無効なデータソース〇〇は有効な、または認識されたデータソースではありません

img { border: 1px solid #000; } 概要 国土数値情報から取得したバスルートのデータ(※)をレイヤに追加しようとしたら、エラーになってしまった。 (※)国土数値情報 バスルートの詳細 レイヤに追加できない 環境 QGIS 3.10.4 解決方法 データのZipを解凍した…

QGISでポリゴンを分割するアイコン(地物の分割)が選べない

概要 下図のような状況です。 地物の分割アイコンが選べないの巻 環境 Windows10 QGIS 3.10.4 解決方法 編集モードにする必要がありました。 編集モードに切り替える 「地物の分割」が選べるようになった そもそも「地物の分割」アイコンがみあたらない場合…

QGISで属性(フィールド)に別名(エイリアス)を付ける

img { border: 1px solid #000; } 概要 国土数値情報などからGISのデータをダウンロードすると、属性(フィールド)名が"N03_001"のようになっており、意味が分かりづらいです。 そこで、編集をしやすくするために、属性に別名を付けてみます。"N03_001"のよ…

受信機の譲渡によるNHK放送受信契約の解約手続きが少し面倒だった話

解約までの経緯 契約した時はテレビ1台を所持しており、衛星契約を申し込んでいました。 契約書の控えの一部 しかし、その後テレビを処分し、代わりにtorne(PS3®専用地上デジタルチューナー)をモニタにつないで番組を視聴していました。 やがてtorneでも…

はてなブログProに登録して独自ドメインを設定すると、アクセス数に影響があるか?

.entry-inner img{ border: 1px solid #000; } 経緯 はてなブログを使い始めて1年半くらい経ち、アクセス数が週あたり100PVを超えるようになりました。 そこで、記事を読みやすく改善したくなりました。Proに登録すれば、次のように改善できます。 はてなの…

Chart.jsの散布図で、データを一つずつプロットする

やりたいこと こういう感じで、一定時間間隔でデータを一つずつプロットしたい。 横軸が時間のデータではアニメーションにする必要性を感じませんが、媒介変数表示の場合などは時間に沿ってプロットすることで理解しやすくなる気がします。 ライブラリ ・Cha…

Chart.jsで(x, y)以外の変数名で計算したデータをグラフに描画したい

やりたいこと 物理法則に従う運動の時間発展を計算し、時間t-位置x のグラフとしてプロットしたい。 前提 グラフはChart.js(2.7.3)で描画します。 課題 データが描画されない。。 原因 Chart.jsの描画処理に渡すデータを配列に格納するとき、キーを(x,y)にす…

div要素の左側に、90度回転させた文字列を配置したい

概要 つまり、こんな感じのことがしたい。 縦書きにしたいのではなく、横書きの文字列を90度回転させたいのである。 手順 CodePenを使って試します。 1. 文字列もdiv要素で用意し、横並びにする まずは、display: flex;を設定した親要素を用意し、div要素を…

CSSで台形を描く手順と仕組み

概要 div要素にCSSを適用するだけで、台形を描くことができます。仕組みを理解していなかったので調べました。 台形を描く手順 CodePenで作成した画像を使って紹介します。 1. borderを設定したdiv要素を用意する width=100px; height=100px;のdiv要素を、50…

簡易書留で郵送すると、ネットで配送状況が確認できる

ぼやき 履歴書を郵送するときに、簡易書留で送ることが多いです。 書留は郵便物が相手に届かなかった場合に、実損額を賠償する発送オプションです。しかし、今まで紛失の被害にあったことはありません。募集要項に「履歴書は簡易書留で送ってください」と指…

MacのNumbersで編集した履歴書で、セル枠、外枠、ページ番号を消す

課題 MacのNumbersで履歴書を作成しようとしたのですが、PDFに出力するとセルの枠線とページ番号も表示されてしまいました。 やりたいこと 前提 履歴書のレイアウトは、JIS規格に適合した著作権フリーの様式を利用するなどして作成しておく。 バージョン Num…

一般健康診断を個人で受診してきました

背景 一年ほど無職で健康診断を受けておりませんでした。 林業の学校で学んでみようかと検討していたのですが、入学申請に必要な書類に健康診断書(学校指定の様式)が含まれていました。 今まで学校や会社で受診していたので勝手がわかりませんでしたが、無…

Google アナリティクス見たら、WordPressで書いているブログのアクセス数がゼロになっていた

事象 次の通りです。7日間ゼロとかマジやべえ。。 (※)この事象が生じたのは、このブログ(はてなブログ)ではありません。 原因 つまらないブログである。 いや、そういう問題ではない。 そういえば、WordPressに適用するテーマを最近変えたのでした。 これ…

Chart.js で指定した横軸の範囲を塗りつぶす

やりたいこと イメージは次のキャプチャの通りです。 使用したライブラリ jQuery 3.4.1 Chart.js 2.9.3 コード HTMLのbody部分 <div class="canvas-wrapper"> <canvas id="chart"></canvas> </div> javaScript(jQuery) Chart.js のプラグイン機能を使います。ここでは、1985年〜1990年の範囲を塗りつぶすように設定します…

Chart.jsで、横軸の閾値を境にデータの色を変える

概要 例えば、年ごとの時系列データがあったとして、平成元年以降は色を変えて強調したいというような場合を想定した処理です。 完成イメージ 閾値が変更されたら、閾値を境にデータの色を変更します。 使用したライブラリ jQuery 3.4.1 Chart.js 2.9.3 コー…

画面幅より広い親要素内で、画面に表示されている両端の子要素を取得する

img { border: 1px solid #000; } 概要 年表のWebアプリを作っています。すべての期間が画面幅に収まらないため、横スクロールで一部の期間のみ表示させています。 画面に表示されている両端の年を取得する必要が出てきたので、jQueryでの実装方法を調べまし…

FuelPHP の as_array() で取得したDBデータを、1次元の連想配列に変換する

概要 FuelPHPでは、クエリビルダを使ってDBのデータを取得できます。結果に対してas_array()を使うと2次元の連想配列で取得できます。取得したすべてのレコードをループで処理する場合は、扱いやすい形です。 一方、ある条件に一致するレコードの特定のフィ…

position: absolute; を適用すると、次のDOM要素が重なってしまう

困ったこと あるブロック要素に対してposition: absolute;のスタイルを適用したところ、その次のDOM要素が重なってしまいました。 回避策 position: absolute;を適用したブロック要素と同じ高さのダミー要素を間に挟みます。

西暦と和暦の表示を切り替えるラジオボタンを設置する

概要 システム開発において、整数の連番である西暦は扱いやすいです。しかし、元号も令和になりましたし、日本人の感覚としては和暦の方が捉えやすいことも多いです。 消費税の導入やベルリンの壁が崩壊したのは平成元年です。1989年と言われるより印象に残…

FuelPHP の DBUtil::create_table に含めるフィールドに、on update CURRENT_TIMESTAMP 属性を付与する

概要 FuelPHP のマイグレーションにて、テーブル作成と同時に初期データも追加します。更新日時のフィールド「updated_at」にon update CURRENT_TIMESTAMP属性を付与するための方法を記します。 環境 FuelPHP 1.8.2 方法 公式ドキュメントだけではわからなか…

Asana に Toggle Button が表示されない場合の対処

概要 Asana と Toggle を連携したのに、Asana のタスクに Toggle Button が表示されなくて少し悩みました。それから解決に至った過程を記します。 前提 Google Chrome の拡張機能「Toggle Button」を使用します。 chrome.google.com バージョン Google Chrom…

FuelPHP で ParseError: syntax error に悩んだ結果、原因は全角スペースだった

img{ border: 1px solid #000; } 概要 表題でオチまで述べていますが、エラー内容から原因を特定するまでに時間がかかったので一応メモしておきます。 環境 FuelPHP 1.8.2 エラー内容 キャプチャ テキスト ErrorException [ Fatal Error ]: Method Fuel\Core…