植物のミカタ

/** Geminiが自動生成した概要 **/
SEO対策として、データ転送量削減のためブラウザキャッシュを活用する方法を解説。HTML以外のファイルは一度取得すれば再取得不要なため、ApacheのExpiresモジュールでブラウザにキャッシュさせる。Ubuntu環境でApache2.4を前提に、a2enmod expiresコマンドでモジュールを有効化し、.htaccessにファイルタイプごとにキャッシュ期間を設定する記述を追加すれば完了。HTMLは即時、CSS/JavaScriptは10日間、画像は15日間キャッシュされるようになる。

/** Geminiが自動生成した概要 **/
この記事では、ウェブサイトのSEO対策として画像ファイルサイズの削減に焦点を当てています。GoogleのJPEGエンコーダGuetzliを導入することで、画像品質を維持しながらファイルサイズを大幅に削減できることを実例で示しています。具体的には、115.8kbの画像がGuetzliによって9.4kbまで圧縮され、80%以上の削減に成功しています。また、PageSpeed InsightsによるWebP等の次世代フォーマットの推奨についても触れつつ、Safari非対応やPageSpeed Module導入によるパフォーマンス低下を理由に現状では採用を見送っていることを説明しています。

/** Geminiが自動生成した概要 **/
HTTP/2は、HTTP/1.1以前のバージョンに比べて、複数のファイルを並列でダウンロードできるため、ウェブサイトの表示速度を大幅に向上させます。これにより、リクエスト回数とインターネット全体の回線使用量が削減されます。しかし、一度に送受信されるデータ量が増えるため、画像サイズの最適化が重要になります。ApacheサーバーでHTTP/2を有効にする方法は、別記事で紹介されています。より詳細な情報は、オライリーの"Real World HTTP"で学ぶことができます。現在、LiteSpeedのようなサーバーでは、さらに高速なHTTP/3(QUIC)が利用可能ですが、当サイトはApacheのHTTP/3対応を待っています。

/** Geminiが自動生成した概要 **/
個人事業主がSEO対策として行ったデータ転送量削減策を紹介。コンテンツの充実を最優先としつつ、今回はデータ圧縮に着目。GoogleのPageSpeed Insightsを参考に、Brotliアルゴリズムを用いてデータ転送量の削減を試みた。Brotliは対応サーバーが限られるため、Deflateやgzipも選択肢として提示。HTMLや画像のデータ量削減は今後の課題とし、データ転送に関する更なる改善策を予告している。

/** Geminiが自動生成した概要 **/
SOY CMSで異なるドメインの複数サイト(example.kyoto, other.example.kyoto)をさくらVPS上の単一サーバーで運用する手順を記述。Let's Encryptでワイルドカード証明書(*.example.kyoto)を取得し、既存証明書を削除後、お名前.comのDNS設定でTXTレコードを追加。SOY CMSでサイト毎にURLを設定し、Apacheのドキュメントルートにindex.phpと.htaccessを設置、ドメインに応じてサイトを切り替えるよう設定。ワイルドカード証明書の更新は、お名前.comでは自動化できないため手動、またはさくらのクラウドDNSへの移管が必要。

/** Geminiが自動生成した概要 **/
SOY Shopで販売管理アプリ構築に挑戦中。仕入・入出金管理に注力し、既存の販売管理アプリの課題である価格バリエーションの不足に対応するため、SOY Shopのプラグインを活用し無制限登録を実現。商品規格を応用し、仕入値の異なる同一商品を管理。管理画面からの注文登録時に仕入値パターンを表示する機能も追加。ネットショップにおける仕入の概念の重要性も認識。販売管理機能強化により、ネットショップ機能全体の向上を目指す。

/** Geminiが自動生成した概要 **/
Ubuntu 19.10でSnap版Bracketsのライブプレビューが「ファイルへのアクセスが拒否されました」エラーで動作しない問題の対処法。Brackets 1.14 (snap経由)、Chromium 79.0.3945.79 (snap)環境で、GitHubのIssueを参考に解決。解決策は、Bracketsのメニュー「File」→「Enable Experimental Live Preview」を有効にすること。これにより、設定済みのブラウザ（ChromiumやFirefox）でライブプレビューが正常に動作するようになった。

/** Geminiが自動生成した概要 **/
Ubuntu 19.10でSelenium + php-webdriverを用いたUIテスト自動化環境構築中に、「拡張機能の読み込みエラー」と「Chrome failed to start: exited abnormally」が発生。chromedriverのパスが意図せず`/usr/local/bin`に存在していたのが原因。`/usr/bin`に移動後、テストは正常に開始された。

/** Geminiが自動生成した概要 **/
Amazon Linux 2のLAMP環境で、PHPの`exec`関数を使ってGoogle Analytics APIにアクセスする際にセッションの引き継ぎに失敗した。`exec`で実行した`cmd.php`内で`session_start()`してもセッション情報が取得できなかった。調査の結果、`cmd.php`内では`session_save_path()`の戻り値が空文字列になっていた。`session_save_path("/var/lib/php/session");`を`session_start()`前に追加することでセッション情報が取得できるようになり、APIアクセスも成功した。`php.ini`の`session.save_path`の設定が原因と考えられるが、未検証。

/** Geminiが自動生成した概要 **/
Ubuntu 19.10上のsendmailの起動とメール送信が非常に遅く、1分以上かかっていた。テスト送信時に「Domain of sender address does not exist」エラーが発生し、送信元メールアドレスが見つからないことが原因と判明。/etc/hostsに`127.0.1.1 ex1-234-56789.vs.sakura.ne.jp ex1-234-56789` (ex1-234-56789はサーバ名)を追加し、sendmailを再起動したところ、送信が数秒で完了するようになった。

/** Geminiが自動生成した概要 **/
Ubuntuサーバーで特定ユーザ(例:hoge)のみSSHのパスワード認証を禁止し、公開鍵認証のみに制限する方法。`/etc/ssh/sshd_config`を編集し、`PasswordAuthentication yes` (全体としてはパスワード認証有効)と`Match User hoge` `PasswordAuthentication no` (ユーザhogeはパスワード認証無効)を設定。`sudo sshd -t`と`sudo service ssh restart`で設定を反映。hogeユーザは公開鍵認証でのみログイン可能となる。

/** Geminiが自動生成した概要 **/
MySQL8系にアップグレード後、SOY CMSが「データベースの接続に失敗しました」エラーで起動しない場合の対処法。原因はMySQL8.0の認証方式変更にPHPのPDOが対応していないため。Ubuntu環境で、MySQLの設定ファイル(/etc/mysql/mysql.conf.d/mysqld.cnf)の[mysqld]セクションに`default_authentication_plugin=mysql_native_password`を追加し、MySQLを再起動することで解決する。これはPDOの対応までの応急処置。

/** Geminiが自動生成した概要 **/
Ubuntu 19.10環境でPHPからMeCab形態素解析エンジンを使用する手順をまとめたメモです。MeCab、辞書(mecab-ipadic-utf8, mecab-ipadic-neologd)、php-mecabをインストールし、PHPからMeCabを呼び出すテストコードを実行しています。 php-mecabインストールでは、phpize、configure、make、installを行い、mecab.iniを作成、ApacheとCLIで有効化しました。テストコードは"今日は晴天なり"を解析し、結果を配列で出力しています。ブラウザと端末の両方から実行し、期待通りの解析結果が得られました。

SOY CMS / Shopの開発で、Jenkinsを利用してテストの自動化を行っている。※詳しい構成は下記のリンク先の記事に記載がある。さくらVPSにJenkinsを入れて、Selenium + php-webdriverを動かせるようにする機能を追加する度に負荷の高いテストコードを追加し続け、気がついたら、一回のビルドの所要時間が5時間を超えていた。1日3回ぐらいJenkinsがテストを行ってくれるので、1日15時間とテスト要因で人を雇った

SOY Shopを利用している方からCMS内から送信できるメールで、送信方法をSMTPにするとメールが送信できないという報告があった。SOY Shopに限らず、SOY InquiryやSOY Mailを公開した頃からほとんどコードを変えていないのに、突然メールが送信できなくなるなんてあるのか？と思いつつ、セキュリティ対策を強化したメールサーバー専用プラン【メールボックス】 - レンタルサーバーはさくらインターネット私が借りているさくらのメールボックスのアカ

※注意：この記事に記載されている方法はDropbox側で廃止になり利用できなくなっていた。Dropbox でのシンボリックリンクの使用方法 | Dropbox ヘルプ代わりにDropbox-UploaderでDropboxに直接ファイル転送する仕組みを採用した。andreafabrizi/Dropbox-Uploader: Dropbox Uploader is a BASH script which can be used to upload, download, list or

インターネットの各サイトで一番多いデータの形式は画像のデータだと言われる。うちのサイトでも画像のデータが大半を占め、現在借りているさくらのVPS 1Gプラン(ストレートがSSD 30G)も気付けば残り200MBになり、夜間のバックアップスクリプトを実行するとサーバのリソースが限界を超えるのか、朝起きてサイトを表示したら何らかの不調でサイトが開けないことが多くなった。というわけで、追加ストレージ(NFS)を借りて、画像データをNFSのサーバに移すことにした。Network Fi

localhostで開発を進めているのだが、突然接続拒否になった。開発環境は、Windows10 64bitApache2.4.37を使っている原因は不明だが、思い当たる点が一点あった。昨日シャットダウンをする時に、いろんなアプリが更新されたようだ。ということで、localhost 接続　拒否で検索したら、Windowsのアップデート時にApacheの設定が変っていたと書いてある記述を見たので、早速Apacheのファイルを見てみる。C:\Apache24\

以前、さくらのVPSでSOY CMSを動かした時のメモでさくらのVPSにUbuntuを入れて、SOY CMSの環境を構築した記事を投稿したけれど、古くなったので改めてまとめることにする。最終的な環境さくらのVPS 4GVPS（仮想専用サーバー）｜さくらインターネット - 無料お試し実施中Ubuntu 18.04(16.04を入れた直後に速攻でアップグレード)Apache2.4.38PHP 7.3.3.1 FastCGIMySQL 5.7.25今回の話を

Welcome to The Apache Software Foundation!Windows10のApache2.4でVirtual Hostを設ける。バーチャルホスト - WikipediaApacheは導入済みの前提とする。Windows7の記事ではあるが、Apacheのインストールについては下記の記事に記載がある。PHPで楽天市場の商品登録を楽しよう:Apacheのインストール編環境はWIndows 10 64bitApache 2

ここ数年のトレンドとして、水耕栽培の培地は露地栽培の堆肥として再利用できるか？IoT(またはICT)による栽培の自動制御が度々挙がり、それに伴い水耕による施設栽培の需要も高まり続けている。※開発者目線でICTではなくIoT(Internet of Things：モノのインターネット)という用語を使いたい※ICTはInformation and Communication Technology：情報通信技術でITやIoTを総括するモノのインターネット - Wikip

UbuntuでさくらのVPS for Windows Serverに接続することになったので、その時に試した内容をメモとして残しておく。※VPSサーバ側の手続きは今回の記事では記載しません。さくらのVPS for Windows Serverはじめに環境Lenovo Ideapad 720S プラチナCPU : AMD Ryzen 5 2500U APU ( 2.00GHz 2MB )OS : Ubuntu 18.04メモリ : 8.0GB PC4-17000 D

Go言語で構築したサーバで複数台の構成にして、ロードバランサで負荷分散しなければならない状況になりそうだ。複数台にした時に問題になるのが、複数サーバ間でセッションのような値を共有したいという問題が発生する。どうにかできないかと検討してみたところ、https://redis.io/KVS(Key-Valueストア)のRedisであればできそうだということを思い出し、NoSQL - WikipediaGo言語でRedisの使い方を調べること

Let's Encrypt - Free SSL/TLS Certificates当サイトをHTTP/2対応して表示の爆速化してみたの記事でApacheで運営しているサイトでLet's Encryptを利用してhttpsからはじまるURLでサイトを表示できるようにしている。Let's Encryptは3ヶ月毎に更新のため、Let's Encryptのインストールの際、cronで期限が切れそうになったら自動更新するコマンドを登録していたけれども、先日、期限切れを伝えるメールが届いた

JavaScriptのAnalyzerNodeで拾った音の周波数を可視化してみる３までの記事で、HTML5のWeb Audio APIにあるAnalyzerNodeでマイクから拾った音を周波数データとして取得してみた。今回はこのデータを使って、HTML5 Canvasで作成したアニメーションを制御してみる。はじめに音は関係なく、丸がただ動くだけのアニメーションを作成してみる。今回は前回のコードのdraw関数のみの修正となるので、実際に書いたコードもdraw関数のみ

JavaScriptのAnalyzerNodeで拾った音の周波数を可視化してみる２前回の記事でWeb Audio APIのAnalyzerNodeを使って、マイクで拾った音から周波数データを取得してみた。実際に取得してみて、ハウリングが発生してという表現が正しいかわからないが、ファンファンファンという耳が痛くなるような音が鳴り出した。このハウリング対策として、マイクから音を拾う際にBiquadFilterというフィルターをかます。説明の前に実際のコードを書

前回のJavaScriptのAnalyzerNodeで拾った音の周波数を可視化してみる１で、数学が弱い生物系出身の自分が無謀ながらコンピュータにおける高速フーリエ変換に触れてしまった。フーリエ変換と言えば、世の中を劇的に変えたであろう偉大な数式を挙げろと言われたら必ず出てくるようなもので、身近でフーリエ変換によって出来たものと言えば、真っ先に挙がるのが音声データが保存されたCDだろう。オーケストラのCDをイメージしてみたらしい。円盤がくるくると周り、

JavaScriptのWeb Audio APIで録音してみるでHTML5のAPIを介して、ブラウザとマイクで音を拾って、wav形式の音声データとして保存してみた。それを踏まえた上で、今回はマイクで拾った音を他の処理で使えるように、音を周波数のデータとして取得してみる。取得の前に周波数のデータとして取得する為に必要なフーリエ変換について見てみることにする。といっても生物上がりで数学は得意ではないので、以後の開発で使える程度の概念程度を自分用のメモとして残す。

先日、パソコンの前で手を叩いたら、その音をキッカケにして動作するアプリは作れないかな？という意見が挙がった。というわけで、早速調べてみたところ、HTML5のAPIでWeb Audio APIをいう仕様を見つけた。Web Audio API - Web API インターフェイス | MDNというわけで、早速、上記のURLと下記のURLを参考にして録音アプリを作ってみた。ユーザーから音声データを取得する  |  Web |&nbs

先日紹介した地質と土質の調査用で作成した簡易的なGPSアプリ、前回の記事で記載したとおり、オフラインで使用していると、何回か緯度経度情報を取得すると、移動してから再度取得しようとしても前の場所の緯度経度が返ってくる。Soil & Geoロガーで現在地の土質と地質を調べようこの状態になったら、再度インターネットにつなげる環境に行くまで、緯度経度情報が取得できなくなる問題は解決されない。原因はなぜなのだろう？と考えてみたところ、今回

はじめにGo言語でSQLiteを使えるようにするためにSQLiteのドライバーを取得しておく必要があるが、いつも使用しているGit Bashでは取得できないため、下記のURLからgit-sdkをダウンロードして、インストールしておく。https://github.com/git-for-windows/build-extra/releasesインストール後にデスクトップ上にMSYS2のアイコンが出来ているので、今回はmsys2から操作を行う。MSY

まずsql構文で、category Tableを作成して、情報を追加する。CREATE TABLE category(id INTERGER PRIMARY KEY AUTOINCREMENT,name VARCHAR(8));sqlite> INSERT INTO category(name) VALUES('tanpopo');sqlite> INSERT INTO category(name) VALUES('asagao');sqlite>

スマホのAndroid端末で現在地の土質と地質を簡単に知ることが出来ないか？とAndroidアプリの開発に挑戦してみた。Go MobileでAndroidアプリの実行までを見てみる最初はGo Mobileで開発しようとしたけれども、Go Mobileはアニメーションが主体で、ボタンを設置するという簡単なアプリには今のところ不向きということで、HTML5のService WorkerとIndexed Databaseを組み合わせて、オフラインでも動作するWebアプリにしてみた。

Android Debug Bridge(通称：adb)は開発機とAndroid機(エミュレータ)間で通信できる便利なコマンドラインツールで、開発機からAndroid機に開発したスマホアプリをデプロイ出来たりする。Android Debug Bridge  |  Android Developersというわけで、ADBのインストールからAndroid機にアプリのデプロイまでやってみた。開発機Lenovo Ideapad 720S プラチナCPU

前回の記事SQLiteでデータを入れて取り出してみるで、TABLEを作成した。今回は、TABLEの中で、sql構文で部分的なデータを取得する。まずは、名前だけを取得したい時は、sqlite> SELECT name FROM users;ryokokumausapaopomdorachan名前と苗字の両方を取得したい時は、nameとfnameの間に','を入れる。sqlite> SELECT name, fname FROM users;ryoko|saitoku

Go言語のGo MobileでAndroidアプリを開発してみるで、Go言語でAndroidアプリを開発出来る環境を設けた。開発を快適にするために、開発機にAndroidのエミュレータを入れてみた。まずは環境をまとめてみる。開発機Lenovo Ideapad 720S プラチナCPU : AMD Ryzen 5 2500U APU ( 2.00GHz 2MB )OS : Ubuntu 18.04メモリ : 8.0GB PC4-17000 DDR4 (オンボ

データベースを操作する際に、SQLという言語がある。SQL - WikipediaSQLは、検索を行うアプリ等で頻繁に使われる。以下の文はWindows 10での操作。https://www.sqlite.org/index.htmlからSQLiteをダウンロードする。この時、 https://sqlitebrowser.org/からDB browser for sqliteもダウンロードしてインストールしておく。SQLiteのインストール手順はSQLite

SOY CMS/Shopの開発元を辞め、自営になって非IT系の企業に出入りするようになって驚いたことがある。それは、弥生販売のような販売管理のソフトウェアを利用していて、前年度の売上や、前々年度の売上比較を会議で話題に挙げたいので、わかりやすい資料を事前に作成して会議に臨む。この資料は会議で話題を挙げるための本人が作成であったり、事務員が作成であったりする。(見本はないけれども、)既存のソフトウェアから出力されるエクセルは会議に使える要素だけをピックア

FirefoxでSOY CMSのブログの更新をしている最中、突然、キーボードの各キーが効かなくなった。何故かタッチパッドは動くため、フリーズでは無いことはわかったので、キーボード関連のデバイスがイカれたのか？とりあえず、再起動してみることにした。電源を切って、電源を入れようと、電源ボタンを押しても反応しない。電源ボタンを長押ししてみたら何故か動いた。起動したものは良いけれども、ログイン画面で各キーが反応しない為、ログインすることが出来なかった。

GIMP(GNU Image Manipulation Program)を下記URLよりインストールする（OS Windows 10の場合）。https://www.gimp.org/インストールの手順は、DOWNLOAD2.10.4をクリック。次にDownload GIMP2.10.4 directlyをクリック。ダウンロードされたファイルをダブルクリックでGIMPをsetupする。すると、GIMPがインストールされる。GIMPを早速開き、ファイル→新しい画像を

前回の続きで、最初の題名を大きくしたい場合は、h1を押して文字を打ち込む。題名の大きさを変えたいときは、横のh2、h3...を順番に押していくと大きさが変わる。ちなみにh1が一番大きい。もとの文章はpで書いている。表紙をつけたい時は、ツール→表紙を追加ボタンをクリック。目次のページを作成したい場合は、ツール→目次→HTMLの目次作成をクリック。一番上の目次を生成だけだと右側に一覧が出る。書籍の作成途中に目次を確認したい場合に使える。ページとして作成し

はじめにSigilをダウンロードする。Sigil Ebook | Sigil is a multi-platform EPUB ebook Editorを開き、ページ中部にあるDownload Locationの下あたりにあるダウンロードページを開き、そのページから使用中のOS用のパッケージを選択してダウンロード後にインストールする。sigilのショートカットアイコンをデスクトップ上に作成する。早速、アイコンをクリックすると下記のような画面が表示される。最

よくこんな話を聞く。プログラマと話す時、細かいところまで確認されて話にくいと。伝える側はおそらくは電話でさくっと伝えて終わらせたいのだろうけれども、段階を踏まれて事細かく且つ理屈っぽく話をされるからだろう。更には電話による口頭のやりとりを拒否されて、メールでやりとりをしてほしいと言われることもあるだろう。上記の問題に対して、私なりの経験をまとめておくことにしよう。それが前から記載している妻へプログラミングを教えている理由に繋がってくるから。妻にプログラミングを教え

先日、当サイトのサーバを引っ越した。引っ越した理由はバックアップスクリプトの実行時に使用するメモリが上限に達しつつあったため、より大きなメモリを使用することができるVPSサーバを使用する必要が出てきた。SOY CMSのサイトのバックアップをDropboxで行う現在使用しているさくらのVPSでは、スケールアップというサービスがあって、実際はサーバの引っ越しせずとも対処はできたのだけれども、スケールアップを行う – さくらのVPSニュースそれを知らずにサーバを

Google AppsのGoogleドキュメントでは音声入力という機能がある。Googleドキュメントで画像ファイルから文字列を抜き取ってみるGoogle ドキュメント - オンラインでドキュメントを作成、編集できる無料サービス前回紹介したGoogle Apps Scriptでチャットワークに投稿するライブラリと組み合わせて、音声入力でチャットワークに投稿するコードを書いてみる。Google Apps Scriptからチャットワークに投稿してみる音声入力のルールと

妻にプログラミングを教えることにした-前編前回、妻にプログラミングを教えることにした背景を記載した。プログラミングを体験することによって、人に伝える前に内容を整理する習慣が付いて、整理するということが結果として様々な人達の業務改善に繋がると信じている。そして前回記載しなかった内容だけれども、もう一つ教えたい背景がある。それは、中学生向けのプログラミング教室で感じたことで、中学生にプログラミングを教えてみて。その１教えるということは、伝える前に対象を深く

パソコンを使う作業員のイラスト（女性） | かわいいフリー素材集 いらすとや前々からやりたいことに一つに女性向けのプログラミング教室がある。何故女性向けに話をしたいかというと、一時、市場調査を兼ねてハローワークに頻繁に立ち寄っていた時のこと事務職になりたい人が非常に多くいて、その割に求人募集がなく、事務職の倍率が3倍を越えていた事を知った。運良く事務職をやりたい人と出会うことが出来たので、何故様々な職種があるのに事務職になりたいのですか？と質問すると、私には特技が