植物のミカタ

/** Geminiが自動生成した概要 **/
妻にGo言語を教えることにした。プログラミングを教えることで、教える側も理解を深め、学習効率が上がるためだ。Go言語を選んだ理由は、初心者にも扱いやすい点が多いからである。go runでLL言語のように手軽に実行でき、go buildでコンパイルもできる。システムプログラミングにも触れられるため、コンピュータの仕組み理解に役立つ。go fmtやgo importによる自動整形・補完でコードの書き方に迷うことも少ない。また、オブジェクト指向がないため学習コストが低い。冗長になりやすい、他言語学習時に混乱する可能性があるという欠点はあるものの、プログラミング入門には最適だと考える。妻の変化が楽しみだ。

/** Geminiが自動生成した概要 **/
妻にプログラミングを教えるのは、SOY Shop開発への協力を期待しているからではなく、プログラミングを通して「相手に的確に指示を伝える能力」を身につけてほしいからだ。事務職希望者が多い一方、経営者側は事務作業をコストと捉える現状がある。プログラミングは、パソコンを部下に見立て、明確な指示を出す訓練となる。これは事務作業の効率化にも繋がる。また、電話での行き違いによる業務の非効率性を指摘し、プログラミング的思考で事前に情報を整理し伝えることの重要性を説く。最終的には、どんな業種でも発生する事務作業を効率化し、円滑なコミュニケーション能力を養うことが目的である。

/** Geminiが自動生成した概要 **/
PHPのWebDriverを使って、SOY CMSのiframe内リダイレクトを含む操作を自動化する際、リダイレクト後に要素が見つからないエラーが発生した。iframe内でリダイレクトが発生する度にsleepを挟むことで解決。Seleniumはiframe内のリダイレクトを即座に認識できないため、sleepで待機時間を設ける必要がある。TinyMCE操作時と同様に、iframe操作ではリダイレクトの有無に関わらずsleepを挟むのが安定動作の鍵となる。

/** Geminiが自動生成した概要 **/
php-webdriverで現在開いているページのURLを取得するには、`$driver->getCurrentURL()`メソッドを使用します。SOY CMSの管理画面で記事やラベルのIDを取得するためにこのメソッドを利用し、取得したURLから`substr()`と`strrpos()`を組み合わせてID部分を抽出できます。正規表現による抽出はメモリ消費が大きいため、文字列操作で対処しています。ただし、GETパラメータや#を含むURLの場合は、事前にそれらを除去する処理が必要です。

/** Geminiが自動生成した概要 **/
php-webdriverを使用して、TinyMCEエディタに値を入力するには、iframeに切り替えてから入力し、その後親フレームに戻す必要があります。値を取得するには、再度iframeに切り替えてからテキストを取得し、親フレームに戻します。具体的には、`driver->switchTo()->frame()`と`driver->switchTo()->defaultContent()`を使用します。

/** Geminiが自動生成した概要 **/
SOY CMSは、WordPressとは異なり、Webデザイナーの負担軽減を主眼に開発されたCMSです。京都大学発のベンチャー企業で誕生したSOY CMSは、度重なる仕様変更に悩まされるWebアプリケーション開発の経験から、デザイナーとプログラマの作業を完全に分離する仕組みを考案しました。HTMLコメントや属性値を利用してプログラムを埋め込むことで、デザイナーはプログラマに相談することなくデザイン変更が可能になり、プログラマもデザイナーに影響を与えることなくプログラム修正を行えます。この仕組みを支えるのがSOY2フレームワークであり、SOY CMSはこのフレームワークを搭載したCMSとして誕生しました。サイト構築後のSEO対策やネットショップ運営において、デザイン変更の容易さは大きなメリットとなります。

/** Geminiが自動生成した概要 **/
社会人・学生向けプログラミング教室で、Google Apps ScriptのHTML Serviceを使ったGoogleドキュメント連携の勉強会が行われました。前回のスプレッドシート拡張の勉強会に続き、今回はHTML Serviceを用いてGoogleドキュメントのUIをどこまでカスタマイズできるかを検証しました。これにより、業務改善に繋がる新たなアイディア創出を期待しています。関連として、Google Apps ScriptでJPEG画像からOCRで文字列を取得する内容も扱われました。

/** Geminiが自動生成した概要 **/
Windows 10でGo言語開発環境を構築する手順をまとめた記事です。Git、Go、Atomエディタをインストールし、日本語化やGo開発に必要なパッケージを追加します。AtomでGoファイルを作成し、"hello world"を出力するサンプルコードの実行までを解説しています。Go言語のバージョンは1.9.4、Windowsは64bit版を使用しています。最後に、アンチウイルスソフトの設定が必要になる場合があることに触れています。

/** Geminiが自動生成した概要 **/
COMODO Internet SecurityがGoプログラムの実行をブロックする問題への対処法。COMODOの「アプリケーションのブロック解除」画面で、ブロックされたGoプログラムにチェックを入れ、「すべてのセキュリティコンポーネントのブロックを解除する」を選択する。これでAtomからの実行は可能になる。ただし、go buildで作成したバイナリは実行毎にブロックされるため、Goバイナリを無条件で実行する方法については未解決。

/** Geminiが自動生成した概要 **/
プログラミング学習者へ「働きたくないイタチと言葉がわかるロボット」と「自動人形の城」を推薦。前者は言葉を理解するロボット開発を目指す動物たちの物語、後者は完成したロボットと暮らす王子の物語。どちらも言語学者によるAIをテーマにした作品で、高度な内容ながら読みやすい。ロボットへの指示を通して、プログラミングに必要な明確な指示や論理的思考、非プログラマとの認識の違いを体感できる。加えて「できる人」の考察もあり、ビジネスコミュニケーションにも役立つ。著者の過去作品「白と黒のとびら」も良書。

/** Geminiが自動生成した概要 **/
Google Apps Script (GAS)のHTML Serviceでファイルアップロード機能を実装する方法を紹介。サンプルコードでは、HTMLフォームでファイルを選択・送信し、GAS側でGoogleドライブに保存、生成されたURLをHTMLに返す非同期処理を行っている。`google.script.run.withSuccessHandler()`でGAS側の関数を実行し、成功時の処理をHTML側で記述。フォーム送信イベント`onsubmit`でこの処理を呼び出し、アップロード後のURL表示を実現。この仕組みにOCR処理を組み合わせることで、画像アップロードと文字列抽出を同一画面で行うWebアプリ開発が可能になる。

/** Geminiが自動生成した概要 **/
Google Apps ScriptでJPEG画像からOCRで文字列を取得する方法を検証。GoogleドキュメントでのOCRをGASで自動化する方法を紹介している。 Drive APIを有効化し、画像URLを指定して`Drive.Files.insert`メソッドでGoogleドライブに挿入、`ocr:true`オプションでOCRを実行。 生成されたGoogleドキュメントには画像とOCR結果のテキストが含まれる。日付や画像中の文字認識は難しいが、本文は高精度で取得できた。以前試したGoogleドキュメント直接OCRより精度は高い。

/** Geminiが自動生成した概要 **/
社会人・学生向けプログラミング教室で、Googleスプレッドシートの拡張機能開発に関する勉強会が開催されました。参加者はGoogle Apps Scriptを用いて、スプレッドシートの操作やWeb API連携を学ぶことで、業務効率化やデータ分析に役立つ実践的なスキルを習得しました。具体的には、HTML ServiceとSpreadsheet Serviceを活用し、スプレッドシートデータの取得・表示、カスタムメニューの追加、外部サービスとの連携などを実践。参加者からは、日々の業務に活かせる具体的な知識を得られたと好評を得ました。さらに、Google Apps Scriptの基礎から応用までを体系的に学べるため、プログラミング初心者でも安心して参加できたという声も寄せられました。

/** Geminiが自動生成した概要 **/
社会人・学生向けプログラミング教室で、Googleスプレッドシートの拡張機能開発をテーマにした勉強会が開催されました。内容はスプレッドシート操作の自動化をGASを用いて行うもので、参加者は「Google Apps Script完全入門」を教材に学習しました。勉強会では、GASの基本的な使い方、HTML Serviceを用いたWebアプリ作成、スプレッドシート操作、API連携、トリガー設定などを実践的に学びました。参加者からはGASの利便性や可能性を実感する声が上がり、業務効率化やデータ分析への応用について関心を示していました。

/** Geminiが自動生成した概要 **/
Google Apps Script (GAS) のHTML Serviceを利用して、HTMLファイルとGASのコードを連携させる方法を紹介しています。 具体的な手順として、Googleドライブ上にGASプロジェクトを作成し、index.htmlファイルに"Hello, World!"と記述、コード.gsファイルにはdoGet関数でHTMLファイルを読み込むコードを記述します。 その後、ウェブアプリケーションとして公開することで、ブラウザでHTMLの内容が表示されることを確認しています。 さらに、GASを学ぶ上でJavaScriptの知識が重要であることを補足し、関連技術としてNode.js、NW.js、GoogleドキュメントのOCR機能についても言及しています。

/** Geminiが自動生成した概要 **/
社会人・学生向けプログラミング教室で、Googleスプレッドシートの拡張機能を活用した業務アプリ作成の勉強会を実施。備品管理表を作成し、GAS(JavaScript)で毎週金曜日に備品不足をチェック、関係者へ調達指示メールを自動送信する仕組みを構築した。Googleスプレッドシートの複数人管理機能とGASによるGmail連携で、備品調査とメール送信を自動化。GoogleドライブとGASで業務効率化を図り、クリエイティブな作業時間を増やすという狙い。

/** Geminiが自動生成した概要 **/
記事では、インターネット上のパケットを傍受して中身を確認する方法を解説しています。使用ツールはWiresharkで、無線LANに接続するPCと、傍受対象のスマホを同じネットワークに接続します。スマホと通信するパケットはPCも受信するため、Wiresharkでフィルタリングしてスマホの通信のみを抽出します。HTTP通信の場合は、パスワードなどの重要な情報が平文で送信されていることが確認できます。HTTPS通信の場合は暗号化されているため、傍受しても内容は解読できません。この実験を通して、HTTP通信の危険性とHTTPS通信の重要性を示しています。

/** Geminiが自動生成した概要 **/
php-webdriverでconfirmダイアログのボタンをクリックする方法について解説。`$driver->switchTo()->alert()`でダイアログを取得し、`$dialog->accept()`でOKボタン、`$dialog->dismiss()`でキャンセルボタンをクリックできる。例として「退会する」リンククリック時に表示されるconfirmダイアログを操作するコードを紹介。`findElement`でリンク要素を取得し`click`でクリック、その後`switchTo()->alert()`と`accept()`でOKボタンクリックを処理する。

/** Geminiが自動生成した概要 **/
php-webdriverでセレクトボックスの値を選択するには、要素を指定してクリックし、キーボード操作で値を入力する。値はoptionタグ内のテキストで指定する。ただし、この方法では動作が不安定な場合があるため、要素を`$element`変数に格納し、クリック→入力→クリックの順で操作することで安定性を向上させる。この方法により、選択直後の画面遷移にも対応できる。

さくらVPS上でSeleniumとphp-webdriverを利用する前回、さくらのVPSにSeleniumとphp-webdriverを実行するための環境を設けた。あとはJenkinsを入れるだけだ。環境さくらVPS 512Ubuntu 16.04Java 1.8.0_151Jenkins 2.76Selenium 3.7.1Xvfb バージョンの調べ方わからずChromeドライバ 2.33.506092Chromium 62.0

Selenium - Web Browser Automation最近の記事でSOY CMS / ShopのUIテストをSeleniumのGUI(Firefoxのアドオン)からFacebook製のphp-webdriverへと作り変えた。facebook/php-webdriver: A php client for webdriver.テストを作ったのは良いけれど、ローカル環境だとテスト中に他の作業ができなくなるので、さくらのVPSを借りてSeleniumを動かせる

php-webdriverで任意のラジオボタンをチェックする前回より引き続き、Seleniumとphp-webdriverのメモ例えば、<a href="sample.html" id="link">リンク</a>というコードがあったとします。このリンクをクリックして他のページに遷移したい場合は、php-webdriverでは、$driver->getElement(WebDriverBy::linkText("リンク")

php-webdriverでSOY CMSにログインしてみる前回、任意の入力フォームを選んで値を入力して、任意のボタンを押すという動作をSeleniumとphp-webdriverで自動化してみた。UIテストの大体の動作は前々回のフォームの内容を取得すると合わせれば対応できるが、これでは対応できないものがあった。それは、性別などで使われるラジオボタンです。ラジオボタンのHTMLを抜き出してみると、<input type="radi

php-webdriverで指定のフォームに値を入力してみる前回、Selenium + php-webdriverでSOY CMSのログイン画面でログインIDのフォームに値を入れ、フォームの値を取り出して端末上に書き出すという処理を書いてみた。今回はログインIDとパスワードを入力して、ログインボタンを押してログインを試してみる。実際のコードは下記の通り、※管理画面へログインできるアカウントをID、Pw共に「soycms」とします<?php

Seleniumとphp-webdriverでUIテストの自動化でSelenium、Chromeドライバとphp-webdriverをインストールした。今回は基本的な動作分を確認ワークスペースが~/workspace/soycms/で、テストコードはsoycmsディレクトリ以下にtestというディレクトリを作成して、テストコードを~/workspace/soycms/test/test.phpにしてファイルを作成してみる。※soycmsディレクトリ内にSOY CMSを

アプリ開発において自動化しておきたいものにテストの自動化がある。今までSOY CMS / ShopはSeleniumのFirefoxプラグインでGUIで一つずつ動作を登録しながらUIのテストコードを作成していたけれども、Selenium - Web Browser AutomationJenkinsさんのお力を借りて、JenkinsさんにSeleniumを実行してもらうべく、PHPのコードでSeleniumのUIテストのコードを書き直すことにした。Jenk

社会人・学生向けプログラミング教室でGASで業務改善の勉強会を行いましたの続きで、Google DriveのGoogleフォームをGAS(Google Apps Script)で自分好みにカスタマイズするという勉強会を行いました。Google ドライブ - 写真やドキュメントなど、ファイルのクラウド ストレージとバックアップGoogle フォーム - アンケートを作成、分析できる無料サービスGoogleフォームでお問い合わせフォームを設置すると、お問い

UbuntuサーバでNode.jsのアプリの再起動に苦戦した時のメモ前回、Node.js製のアプリをVPSのサーバに置いて、サーバを再起動後にアプリも自動起動するように設定してみた。しかし、Node.jsというのは仕様上、何かのエラーがあるとアプリが止まってしまう。これは困るということで色々と調べてみたら、アプリを永続化するforeverというライブラリがあった。foreverjs/forever: A simple CLI tool for ensuring

Socket.IOのチャットアプリでXSS対策まででNode.jsでリアルタイムなチャットアプリの開発を見てきた。ある程度動作するようになったので、VPSサーバで実際に動かす段階になったので設置した。前回の記事以降、メッセージを投稿して、他のブラウザ宛にプッシュする直前でデータベースに保存し、表示しているブラウザをリロードしたらデータベースに保存しているやりとりを表示するという機能を付けている。chatdemo├── README.md├── _m

社会人・学生向けプログラミング教室でコードレビューをしてみましたにも記載したとおり、以前からTera schoolで中学生向けのプログラミング教室と平行して、大学生・社会人向けにプログラミングの勉強会を行っています。今までJavaScriptで色々と触れてきたので、そろそろ日々の業務改善のためにGAS(Google Apps Script)に触れてみました。Apps Script | Google DevelopersGASを簡単に説明すると、

以前から開発していた土壌分析アプリSoil2ですが、調査を兼ねて大幅に改修してSoil3を開発しました。※Soil3はSOY Shopのマイページの拡張として動作します土壌分析アプリsoil2 by GoSoil3でできることをまとめると、事業所や各ほ場を登録し、住所、面積やGoogle Mapsと連動して、位置情報とストリートビューの向きを設定する。これによりアプリを介して畑の土の色や周囲の情報を現地に行かずともある程度把握することができ

Socket.IOで個別チャットを作りたい後編今までSocket.IOでチャットアプリを作ってきたけれども、誰かが気軽に入力できて、他のブラウザで誰かから送信されたメッセージを表示できる。送信時にHTMLタグを入れたらどうなるのだろう？そこらへんはSocket.IOはどういう対応になるのだろう？と気になったので、<strong>で囲った文字列を投稿してみた。※<strong>で囲まれた文字列は強調文字(太文字)で表示され

Socket.IOで個別チャットを作りたい前編で、Socket.IOのnamespacesとroomsに触れた。namespacesを活用すれば個別チャットの仕組みを作れるのではないか？ということで下記の内容を試してみた。・hogeとhugaというnamespaceを作成・フロント側でランダムでhogeかhugaのどちらかでサーバに接続する。というわけでこれらを満たすコードを追加してみた。server.js/** serverの接続周りは省略 **/

Socket.IOのチャットアプリで誰が入力中なのかを出力したい前回までで簡易的なチャットアプリを作成することができた。この時点ではチャットのページを知っている人は誰でも参加することができてしまうため、AさんとBさんのみといったユーザを限定したチャットではない。直近の目標はLineやChatWorkのようにユーザを限定したメッセージのやりとりなので、ユーザを限定する方法というものを模索してみる。Socket.IOにはNamespacesとRooms

Node.jsとSocket.IOでリアルタイムのチャットアプリを作ってみる前回、Node.jsとSocket.IOでリアルタイムでやりとりができるチャットアプリを作ってみた。Socket.IOのおかげで少ないコードでチャットアプリを作ることが出来たけれども、これだと世間で見られるチャットアプリとは程遠い。というわけで、前回の簡易版に追加でカスタマイズしていく形で、Socket.IOにより触れていくことにする。チャットアプリで欲しい機能といえば、

先日、LineのようなチャットアプリをSOY Shopのマイページに組み込めませんか？と質問があったため、チャットアプリのことを調べてみた。最初に書いておくと、リアルタイムでやりとりを行えるチャットアプリの開発はSOY Shopで使用されているPHPという言語では面倒らしく、PHP - WikipediaNode.jsリアルタイムが得意なサーバサイドのJavaScriptであるNode.jsが得意らしい。よって、今回開発したチャットアプリを標準実装するのは

基肥について考えてみるまでの記事で基肥のデータをどのように持てば良いか？という話を書いてきた。答えはまだ出ていない。土地によっての例外が多すぎて混乱する。砂丘農業の土では腐植が溜まりにくいのか？それはさておき、自動計算を行うにあたって必要になってくるのが線形代数とその周辺の数学で、それらも今までの記事で書いてきた。中学生向けのプログラミング教室に関わり始めてから、数学力のなさを改善するため、数学の勉強を続けており、それと並行して計算機科学の勉強

前回、PHPExcelというライブラリを介してPHPでエクセルファイルを読み込んでみた。読み込みはファイルのパスを直打ちで指定しての対応で、これでは汎用性に欠けるということで今回はファイルのアップロードにも対応できるように改変してみた。先に改変したコードを載せると、<?php//ファイルがアップロードされた場合にエクセルファイルの読み込みを開始するif(count($_FILES)){//Classesディレクトリを配置したパスを指定$p

大量にあるエクセルファイルからデータを抽出しなければならなくなって、PHPExcelというライブラリを使ってデータを取り出してみた。https://github.com/PHPOffice/PHPExcelとりあえず最初は簡単にファイルのパスがわかっているところから開発環境はUbuntu 17.04PHP 7.1.5準備として、XML、GDとArchive::Zipを入れる必要がある。端末を開き、下記のコマンドを実行sudo apt-get insta

SOY CMS/Shopの開発を今まではEclipseを使っていたけど、最近、Bracketsに移行することにした。理由は中学生向けのプログラミング教室でBracketsを勧めたからで、中学生にプログラミングを教えてみて。その１Eclipseが使いにくいというわけではなく、Eclipseでよく使用していた機能がBracketsにはなくて苦戦していることも多いです。乗り換えをした時のジレンマだと思って、苦戦は勉強の機会だと思い楽しむことにします。

Brackets - A modern, open source code editor that understands web design.WebサイトやWebアプリのエディタでBracketsというものがあります。軽量且つ様々なプラグインでプログラミングが捗ります。Brackets(エディタ) - おすすめ - SOY CMSを使ってみようこのBracketsのプラグインの一つにBeautifyというファイルの保存時にコードを整形してくれるナイスな

集合と関数でベクトルが関数であり、プログラミングではリストであることがわかった。これを踏まえた上で各肥料を$fertilizer = array("in" => 0, "on" => 0, "wp" => 0, "cp" => 0, "wk" => 0, "price" => 800);こんな感じで保証成分をベクトルで持たせて予算に合わせて最適解をもたせれば良いということになる。肥料成分としての窒素(N)だけどちょっと待てよと凄腕栽

基肥の自動計算を考える前にでベクトルは関数であるという解釈を一度受け入れてしまえれば、応用の世界が目の前に開けると記載した。PHPでベクトルを作成して、関数として解釈してみようとしたけど、そもそも関数は何なの？ということでまとめてみる。数学の授業で関数を習った時、f(x) = x + 2で線形グラフを描写だった。これだと前回のベクトルを関数として捉えたり、プログラミングで関数を作成するといった時に迷う。というわけで、数学の概念としての関数とは何なのか？

基肥の自動計算に挑戦してみるで各肥料の構成をベクトルで持たせるということを記載した。各肥料の構成を決める前にベクトルについて触れておくことにしよう。ベクトルというのは要素が1つ以上の添数付きである集合の型で一次元配列のものを指す。マグロウヒル大学演習 離散数学 コンピュータサイエンスの基礎数学 | 理工学専門書,理学,数学 | Ohmsha p72ページより引用PHPで書いたら、$vec = array(2, 3, 5, 9);こんな感じですかね。添数は左から

タイトルで自動計算に挑戦してみると記載していますが、全く出来ていません。これから考えます。そこのところはご了承下さい。ある日の会話で土壌分析の結果を継続的に保管するなら、基肥の自動計算もできるのではないか？という話題が挙がった。土壌分析アプリsoil2 by Go基肥で使用する各肥料の成分をベクトルで持たせ、線形計画法で最適な解を探し、その解と実際に施した量の差で教師ありの機械学習させ続ければ出来るのでは？なんてその時は思った。線形計画

社会人・学生向けにプログラミング教室をはじめました以前からTera schoolで中学生向けのプログラミング教室と平行して、大学生・社会人向けにプログラミングの話をしています。プログラミングというのは、基本的な文法は難しくなく、文法自体の習得は難なくできる。だけどプログラミングが書けないという人が多いのはなぜなのだろう？と考えて、100行程度で簡単な名簿の登録と検索のコードをこちらで作成して、そのコードをみんなで見ながら1行ずつ何をしているか？を言

オープンソースのネットショップのCMSの開発に関わっていると、売上を青天井化したいから自由度の高いネットショップパッケージを利用したいという方の導入に関わることが時々あります。ネットショップの開発に関わっていて一番すごいと感じたサイトについて青天井化の方法を持っている方と仕事をするためにネットショップの開発をしている程ですから。私にとっての農業とSOY Shopネットで物販をするのであれば、楽天やYahooといったショッピングモール型サイトに出店したりとか、0円で