ランディネットワークの BLOG

プログラミング言語の使い方、オープンソースのソフトウェアの使い方など。最近読んだ書籍のこととか、事務所で起きたこととか。

Hugo で作ったサイトに Syntax highlighter を導入してみた

Category: Hugo
Satoshi Miyabe
Satoshi Miyabe

ブログの記事などでプログラムのソースコードを貼り付けると、 色付けされた見やすい表示に変換してくれる Syntax highlighter (シンタックスハイライター)を導入してみました。

私が使っているバージョンの Hugo にも Syntax highlighter は入っているのですが、 HTML を生成するタイプのようです。 私はどちらかというと JavaScript で動作するものを使うほうが好みです。 生成された HTML に余分なタグが入ってほしくないからです。

なので、今回は highlight.js を組み込みむことにしました。

この highlight.js は 185 の言語に対応し、 90 のスタイルが準備されています。 マイナー(?) な Elixir や Groovy, Dockerfile にも対応しているので、色々と使えそうです。

続きを読む

Ubuntu 19.04 に新しいバージョンの Go (プログラミング言語)をインストールする

Category: Go
Satoshi Miyabe
Satoshi Miyabe

最近は、時間を作って Hugo のテンプレートを書きまくってます。 Hugo の最新版を試してみたくて Go をインストールしたり、少しずつ Go の使い方もわかってきました。

そんなことをしていると、リニューアルした BLOG の投稿ネタとして、 Go の勉強を記録していけばいいんじゃないかと思うようになりました。

ちょうど Goを書き始める前に調べたあれこれまとめ (Qiita) という記事も見つけたところなので、これを参考に進めていこうと思っているところです。

まずは、事務所の Ubuntu マシンに Go をインストールしたときに気づいたことなどをまとめてみます。

続きを読む
Tags: Ubuntu

Hugo で画像をリサイズしたりトリミングしたりするテンプレートを書いてみる

Category: Hugo
Satoshi Miyabe
Satoshi Miyabe

Drupal をはじめとする一般的な CMS であれば、アップロードした画像ファイルのサイズ調整などを自動で処理する機能が準備されています。

Hugo にも同様の機能 がありましたので、試してみました。

やりたいことは、ブログ一覧に表示されるタイトル画像を縮小すること。そして、ブログの各投稿のページは上下を切り取った画像を表示すること。この 2 点です。

しかし、思った通りに動作しません。調べながら画像ファイルのサイズ調整の仕組みを作っていたのですが、結構はまってしまったのでまとめておこうと思います。

続きを読む

Phoenix Framework に Bootstrap を導入する

Category: Phoenix
期待の新人 N.M.
期待の新人 N.M.

以前書きました、Phoenix Framework 上で Sass の環境を構築する方法という記事の続きで、 Phoenix Framework に Bootstrap を導入する方法をご紹介したいと思います。

開発環境

  • Ubuntu: 19.04
  • Phoenix: 1.4.9
続きを読む

Linux にプログラミングフォント「白源 (はくげん/HackGen)」を追加し、 VS Code に導入する方法

Category: Linux
期待の新人 N.M.
期待の新人 N.M.

プログラミングをする上で、どのフォントを選ぶかは作業効率に大きく影響を与えます。今回は、人気のプログラミングフォントである白源 (はくげん/HackGen) を VS Code に導入する方法をご紹介したいと思います。

開発環境

  • Ubuntu: 19.04
  • VS Code: 1.38.1
続きを読む

Phoenix Framework 上で Sass の環境を構築する方法

Category: Phoenix
期待の新人 N.M.
期待の新人 N.M.

Phoenix Framework はデフォルトで Sass を表記する仕様になっておりません。 Sass を使用できるようにするためには、多少手間がかかるため、その方法をご紹介したいと思います。 なお、以下では SCSS 記法を使用しております。

開発環境

  • Ubuntu: 19.04
  • Hex: 0.20.1
  • Elixir: 1.9.1
  • OTP: 21.3
  • Phoenix: 1.4.9

※Phoenix 1.3 まではフロントエンドビルドツールとして Brunch が使用されてきましたが、Phoenix 1.4 以降では webpack が採用されています。 そのため、Phoenix 1.4 以前のバージョンを使用される方は、以下の方法で scss を Phoenix で使用できるようにはなりませんので、ご注意ください。

続きを読む
Tags: Sass SCSS WebPack

Hugo を初めて使ってみた感想

Category: Hugo
Satoshi Miyabe
Satoshi Miyabe

私たちの事務所「ランディネットワーク」の Web サイトですが、ようやくリニューアル作業を開始しました。

今回のリニューアル作業では大きな変更がありました。 それは、いままで散々お世話になってきたコンテンツ管理システム( CMS )の利用をやめて、 Hugo という静的サイトジェネレータを用いているところです。

サイトジェネレータは素晴らしいです。

まだ既存のサイトをコピペしてページ作成しているだけなので、見栄えなどの不完全なところが多数残っています。 (レイアウトの崩れや画像のサイズが不釣り合いだったりします。)

続きを読む

第2版を全然読んでないのにいつのまにか販売されている詳解 Swift 第4版 を購入した

Category: Swift
Satoshi Miyabe
Satoshi Miyabe

二年前に Swift の本を買って がっつり勉強する予定だった。はずなのですが、忙し過ぎてぜんぜん読めていませんでした。

そうこうしているうちに、第3版、第4版が出版されていました。

技術書ってめちゃくちゃ高いです。高いからしっかり勉強するつもりでいつも買うんですけど、仕事で使わない技術だとなかなか時間が作れなくて読まなくなってしまいます。

続きを読む
Tags: Swift 書籍

複数の Redmine を区別できるようにテーマを作ってみた

Category: design
Satoshi Miyabe
Satoshi Miyabe

お客さんが Redmine を使っていて自分たちも使っているような場合、 どちらもデフォルトのテーマのままであれば、一瞬見ただけではどちらの Redmine なのかを判断することができません。

どのお客様の Redmine を使っているのかが判るように、デフォルトとは違った配色の Redmine を準備してみました。

簡単に配色だけを変更したものですが、非常に判りやすくなったのでご紹介したいと思います。

続きを読む
Tags: Redmine CSS

HHK (Happy Hacking Keyboard) Lite2 のキーボードを掃除して戻すときに配列がわかるような写真

Category: misc
Satoshi Miyabe
Satoshi Miyabe

私のキーボードは、10年以上昔から使っている HHK Lite2 です。埃がたまるたびにキートップを外して掃除しています。

今日も少し時間があったので、キーボードの掃除をしました。 今は Mac で仕事をしているので、このキーボードはまったく利用しなくなりました。

しかし、埃がたまってしまったら放っておくわけにはいきません。 キートップを全て外し、中の掃除、キートップを雑巾で拭きました。

続きを読む

日東紅茶の「しょうが & ゆず」と「C & レモン」

Category: misc
Satoshi Miyabe
Satoshi Miyabe

私は、

  • 冬が嫌い
  • 寒いのは苦手
  • 寒いと体が思うように動かない
  • 朝もしゃきっと起きられない

しかし、嫌いな冬でも仕事はしなければなりません。 温かいドリンクを飲んで頑張りたいところ。

温かいドリンクといえば、私はコーヒーが好きで、毎日たくさんの量を飲みます。

コーヒーばかりだとカフェインの取りすぎが少し怖いです。 なので、冬はココアとかレモネードとかも飲むようにしています。

続きを読む

詳解 Swift 改訂版と Effective Objective-C 2.0 を購入した

Category: Swift
Satoshi Miyabe
Satoshi Miyabe

うちの事務所では、Rails や CakePHP などを使った Web アプリケーションの他に、Objective-C 言語を使って iOS のアプリも受託開発している。

Swift が出てきてからも Objective-C ばっかり使っていたのだが、さすがに取り残されてしまうのが怖いということもあり、最近 Swift で遊んでいたり、プロトタイプを Swift で開発したりしている。

しかしもうちょっとちゃんと勉強したくなってきたので、一冊書籍を買ってみることにした。で、見つけてきたのが「詳解 Objective-C 2.0」の著者「荻原 剛志」さんが書かれた本。詳解 Swift 改訂版である。 詳解 Objective-C 2.0 がかなり詳しくてわかりやすかったのもあり、迷わず選んでしまった。

まだ第1章を読み始めたところ。かなりのページ数だが、毎日少しづつ読み進めていこう

続きを読む