ちょっと一服：プログラミングの勉強はどうするのが良いのか

プログラミングの勉強を再開してみて、徒然に感じたことを「ちょっと一服」として書き残しておきたいと思います。

あくまでも個人の感想ですので、今更と思われる方は読み飛ばしていただければと思います。

RMagicライブラリーの導入方法

以前のブログ「rubyXLを使用したExcel操作」で、画像情報を抽出して Excelに書き出すのに RMagickを使用していることを書きました。

RMagickとは、ImageMagickを Rubyで扱えるようにした gemであり、Ruby用のImageMagickインターフェースといったところです。

ImageMagickとは、コマンドラインから画像処理を可能にするツールです。多くの画像ファイル形式に対応しており、サイズの変更や画像の合成、画像の分析、画像の作成などができます。

RMagickの説明は、以下のページに書かれています。

techacademy.jp

今回 Windows 10環境に RMagickを再導入した時に苦労したので、記録しておきます。

rubyXLを使用したExcel操作

今回は、rubyXLライブラリーを使用した Excel操作について、説明したいと思います。

前にも書きましたが、rubyXLは、Excel用の gemライブラリーです。したがって、gemコマンドで導入しておく必要があります。今導入しているバージョンは、3.4.15 です。

rubyXLとは、バージョン 3.4.18 の readmeでは、以下のように書かれています。

このgemは、xlsxファイル（Open XML形式）での操作をサポートします。 OOXML構造全体を適切に解析できますが、現在の主な重点は、MS Excelによって生成されたファイルの読み取り、ファイルへの小さな変更、および可能な限り多くの構造を保持しながらファイルを保存して再度開くことです。

独自のバイナリxls形式はこのgemではサポートされていないことに注意してください。 これらのファイルを解析する必要がある場合は、スプレッドシートgemを試してください。

尚、Excelを操作する gemには、rubyXL以外にも Roo(読み込みのみ)や AXSLX(新規作成のみ)というものがあるようです。

win32oleを使用したExcel操作

RubyプログラムからExcelファイルを操作する方法については、以下のような沢山のWebページがあり参考になりました。

magazine.rubyist.net

objectclub.jp

今回は、それらを基に自分でコーディングした、win32oleライブラリーを使用したExcel操作について、説明したいと思います。

requireで読み込むRubyライブラリー

メイン・モジュールの最初に記述するrequireメソッドで、実行に必要となるRubyライブラリーを読み込んでいます。

今回は、読み込んでいるライブラリーについて説明したいと思います。

自分なりのRubyプログラムの構造

Rubyのプログラムを開発するにあたり、先ずは仕様として大まかな開発スタイルを決めました。

というのも、他の人が開発したRubyプログラムを見た時、余りにもオブジェクト指向が強すぎて読みずらかったのと、自分のレベルではそのコーディングはできないと感じたからです。

そこで、後から読んでも分かり易く、バグった時に追いかけやすく、シンプルだけど冗長でない、自分のレベルにあったプログラム構造とコーディング・スタイルを決めました。

ただ、これはあくまでも私の理解レベルでの仕様なので、Rubyプログラムとしては適正でないとか、こういうコーディングは効率が悪いとか、いろいろご指摘事項はあろうかと思いますが、そこはご容赦ください。

また、私のレベルが上がれば、当然この仕様は見直されると思います。

Rubyプログラミングしてみました

前回の投稿以降、本業が忙しくなり、やっと二年弱ぶりにブログを書く時間が取れるようになりました。

前回投稿したブログはスマート・スピーカーの話だったので、ブログはそれの続きを書こうと思っていたのですが、やっぱり本来のプログラミングの内容に戻ろうと思います。

と言うのは、本業の仕事の関係で、自分用のRubyプログラムを100本以上作ったからです。そのプログラムを使って、仕事の効率を上げることができました。

実際に使用するプログラムを作る(勉強とかではなく)ことにより、Rubyプログラミングについていろいろ勉強したので、記録の為にもそれをブログに書いていこうと思います。

ただ、ブログを書くのが久しぶりすぎて、書き方を忘れているので、ほぼ初心に帰ってます。(~ ~);

スマートスピーカーを買って使ってみたら面白かった

スマートスピーカーというのは、Wikipediaによると「対話型の音声操作に対応したAIアシスタント機能を持つスピーカー」という事だそうです。

ja.wikipedia.org

普段から物静かな(?)私は、何でしゃべらなければいけないのだろうと思ってましたが、実際に使ってみると面白いという事に気が付きました。どういうところを面白いと感じたかを、まとめておきたいと思います。

好奇心旺盛ですみません(_ _)。プログラミング以外の内容も書きます。

プログラミングに関することを書きたいとブログを始めたのですが、そういう制約を設けることよりもブログを書くことを目的にした方が良いと思いなおしました。

HTML5+CSS+JavaScriptプログラミングを初心者が読んだら

HTML5+CSS+JavaScriptプログラミングという、プログラムの勉強本を読んでみました。読んだのは、Kindle版の「ゲームを作りながら楽しく学べるHTML5+CSS+JavaScriptプログラミング［改訂版］」です。

HTML5+CSS+JavaScript初心者として、以下のような気づきがあり非常に参考になりました。

• どうすればプログラミングは上達できるのか
• HTML5+CSS+JavaScriptのデバッグはどうやるのか
• HTML5+CSS+JavaScriptでどんなことができるのか
• 何となくHTML5+CSS+JavaScriptを読めるような気がしてきた

GitとGithubを連携してソースのバージョン管理を行う方法

バージョン管理の必要性

JavaScriptとCSSで、ソースコード貼り付け用ボックスの作成を行いましたが、その時にソースのバージョン管理の必要性を感じました。

少しづつ開発していったので、はてなブログのデザインに登録したJavaScriptとCSSの日別のバックアップ・ファイルを、手で作成していました。また、そこから切り出してテストもしていたので、テスト結果を元ソースに反映するのも手で行っていました。特にテストで、変更してはテストし、戻しては変更してテストするを繰り返していると、どこを変更したのか管理するのが大変でした。

やはり、これらの事はバージョン管理のソフトウェアで行うべきと思い、Gitを導入して使ってみることにしました。Gitの導入から使用までと、Githubとの連携を以下にまとめます。

ソースコードを貼り付けるボックスを非表示にする

ソースコード貼り付け用ボックスの表示について

前回の「ソースコードを貼り付けるボックスを作成 (3)」で、ソースコードを張り付けるボックスの作成ができました。しかし、今までに書いたウェブのページを見てみると、ソースコードを張り付けたために長くなっており、読んでいくためにはスクロールをたくさんしなくてはいけません。

そこで、初期はソースコードのブロックを非表示にしておき、「表示」ボタンを押すことにより表示されるようにしたいと思います。今までのJavaScriptとCSSを基に、ソースコード・ブロックの表示/非表示を作成しました。

ソースコードを貼り付けるボックスを作成 (3)

ソースコード貼り付け用ボックスの課題

前回の「ソースコードを貼り付けるボックスを作成 (2)」で、ソースコードを張り付けるボックスの作成がほぼできました。

残りは次の2つの項目ですが、ちょっと手間取ってしまいました。両方ともCSSの設定に関するものですが、どのようにデバッグして解決したのかをメモリます。

NO.	カスタマイズ項目	修正部分
4	ソースタイプのブロックをソースコードのブロックより少し上に出す (結果的に、出すと別の問題があり出せませんでした)	CSS
5	ソースコードのテキスト部分に枠と背景色がつくのを消す	HTML CSS

ソースコードを貼り付けるボックスを作成 (2)

カスタマイズの項目

前回の「ソースコードを貼り付けるボックスを作成 (1)」の続きです。

ソースコードの貼り付けボックス用に作成したScriptとCSSの内容について、メモります。

ソースコードを貼り付けるボックスを作成 (1)

ソースコード貼り付け用ボックス作成

プログラミングのブログを書こうと思うと、どうしてもブログの中にソースコードを記述する必要が出てきます。しかし、単純に記述したのでは、それがソースコードだということが判りにくくなります。

はてなブログでは、はてな記法モードでソースコードを簡単に張り付けて色付けまでしてくれる機能があるので、それを使うのが一番だとは思います。しかし、見たままモードで編集していたものをはてな記法モードに変更しようとすると、「編集画面をリセットするため、作成中の本文は消去されます。この操作は元に戻せません。」といわれてしまいます。だったら最初からはてな記法モードで編集しろよ、ということではあるのですが。。。(-_-;)

そこで、そのままモードで編集してブログの中にソースコードを記述するために、自分なりのソースコードの貼り付け用ボックスを作ってみました。