遊んで CSS Grid Layoutを覚える / Grid Garden をやってみた

CSS

CSS Grid Layoutが学べるGrid Garden をやってみた。以前、「遊んでCSS Flexboxを覚える / Flexbox Froggy をやってみた」を紹介したが、同じ作者が作ったものになる。今回はGrid Gardenの紹介とそこから学んだことを紹介する。 cssgridgarden.com Grid Gard…

初心者からちゃんとしたプロになる Webデザイン基礎入門 を読んだ

プログラミングやWebに興味を持ち始めてから自分の中で長年の悩みだったWebデザインを改善したかったので本書を手にとった。自分の今までの悩みとしては、検索しても複数サイトで書き方が違ったり、新しい情報なのか古い情報なのか判断ができないことが合っ…

じぶん Release Notes 0.29.5

9月1日〜30日のあいだの出来事がリリースされました。 技術・開発関連 技術面での取り組みは以下の通りです。 MySQLの移行検証 DWHの性能検証 出張での打ち合わせとプレゼン準備が多かったのでもう少し技術的な取り組みを増やしたいです。 イベント 参加した…

データ指向アプリケーションデザイン の第I部を読んだ

「データ指向アプリケーションデザイン」 の第I部を読み終えた。 この部はタイトルにもあるように、データを扱うためのシステムについて全般的に述べられている。 第I部データシステムの基礎 1章 信頼性、スケーラビリティ、メンテナンス性に優れたアプリケ…

学び効率が最大化するインプット大全 を読んだ!

「学び効率が最大化するインプット大全」 を読んだ。昨年発売された 「学びを結果に変えるアウトプット大全」 のインプット版となっている。読むこと、聞くこと、見ることに関する効率のいいインプットの仕方や現代に即したインターネットを使ったインプット…

RaspbianにDockerをインストール

RaspbianではDockerをインストールする際は手順が少し違うのでメモをしておく。 注意が必要だが、Raspberry piにUbuntuなどをインストールしている場合は正規の手順でインストールが可能である。 Rasbianではテスト開発環境用のシェルスクリプトをダウンロー…

【完成】自作キーボード「GINGHAM」を作った!

【2019/09/15追記】 完成しました!!! 1週間後に再び遊舎工房さんへ行き完成させました! 原因は色の似ているパーツを間違えてはんだ付けしていました。 そのパーツたちを入れ替えたら無事に機能しました! 親身に原因分析を手伝ってくださったスタッフさ…

じぶん Release Notes 0.29.4

8月1日〜31日のあいだの出来事がリリースされました。 技術・開発関連 技術面での取り組みは以下の通りです。 RaspberryPiにKubernetesを導入する Raspberry Pi zero WHにk3sを導入する Vision AI Developer Kitを使って、Azure IoT Edgeにふれた イベント …

HTTPとの対比から学ぶMQTT

Maker Faire TokyoでMQTTを使ったものを展示したが、自分もMaker Faire Tokyoで展示物を作成する前はMQTTについて知らなかった。知り合いのエンジニアに聞いてみても知らない人が多く、基本的なことが中心だが自分なりにまとめてみた。 MQTTとは 簡単な概要…

Raspberry Pi zero WH でk3sはどこまで動くか

Raspberry PiにKubernetesを導入し動作確認をしている。 なかなか時間がかかることもあり、その間にRaspberry Pi Zero WHにk3sがどこまで動くか実験してみた。 Raspberry Pi Zero WHに馴染みがない人もいると思うので、OSとスイッチサイエンスさんが載せてい…

VS Code上でリモートファイルを操作するSSH FSを使ってみた

VS Code上でRaspberry PiやJetsonなどのリモート環境にあるファイルを操作するときに使える「SSH FS」を使ってみた。 設定ファイルの簡単な編集ならばSSHでログインしvimを使って編集していたが、ガッツリとスクリプトファイルを書くタイミングになったとき…

じぶん Release Notes 0.29.3

7月1日〜30日のあいだの出来事がリリースされました。 技術・開発関連 技術面での取り組みは以下の通りです。 Nginxでリバースプロキシを導入しました Node-REDでMakerFaireTokyo出展物の作成をしました イベント 参加したイベントは以下の通りです。 社内の…

Maker Faire Tokyo 2019に自動積荷システム「Salaie」を出展してきた!

毎年見に行っていたMaker Faire Tokyoですが、今年は出展してきました! makezine.jp 何を出展したの? 「Salaie」 と名付けた、自動積荷システムを社内の有志と作りました。 「Salaie」 は、ベルトコンベアで流れてきた荷物をカメラで撮影します。 次に、撮…

RaspberryPiにHadoopをインストールする

クラウド環境を使うことでHadoopを始めとする分散環境を用意することは簡単だが、内部でどのような処理がおこなわれているか疑問に思った。 今回はHadoopをRaspberryPiにセットアップし、スタンドアローン環境が動作するところまで確認する。 環境 Raspberry…

Flaskをさわってみた

Maker Faireへの出展物にWeb API化したいものがあり、軽量なFlaskを採用した。 以前Djangoを使用して個人的なプロダクトを作ったことがあったので、比較対象としてFlaskの名前は聞いたことがあったが触るのは初めてだった。 Djangoに比べると軽量に使えるも…

Azure Bastionをさわってみた

現在パブリックプレビューとして公開されている、 「Azure Bastion」 を触ってみた。 「Azure Bastion」 はブラウザ上のAzure Portalから、仮想ネットワーク内の仮想マシンにプライベートIPだけで、リモートデスクトップやSSHでアクセスができる。 つまり、…

Jupyter Notebookを外部からアクセスして使う方法

Jupyter Notebookを起動しているサーバーに外部からアクセスして利用する方法をTipsとしてまとめておく。 個人で小さく利用している場合はローカルマシンでJupyter Notebookを使うことで足りるが、企業単位であったり重い処理を実行する場合はクラウドにGPU…

じぶん Release Notes 0.29.2

6月1日〜30日のあいだの出来事がリリースされました。 技術・開発関連 技術面での取り組みは以下の通りです。 write-blog-every-weekのサイトにVuetifyを導入しました。 途中なので今後も継続 バケットリストのサイトを作成しました。 途中なので今後も継続 …

RaspberryPiとM5StackをMQTTでつなぐ

RaspberryPiをMQTTブローカーにして、M5Stackから送られるメッセージを受信する。 RaspberryPiの設定 まずはMQTTブローカーをインストールする。 MQTTブローカーのオープンソースである、「mosquitto」を使う。 sudo apt-get install mosquitto MQTTブローカ…

textlintでブログの文章を整える

今までこのブログの文章は、はてなブログ上のエディタで書いていた。 最近はnoteでも文章を書くことがあり、複数アプリで置き場所が1つにならないのが煩わしくなり文章の管理をGitHub上に持ってきた。 普段使っているVS Codeで文章が書けることになったので…

【Vue.js】クライアントサイドで環境変数を使う

vue-cli3になったことによって、環境変数を扱うことが非常に簡単になった。その中でもクライアントサイドで利用することができるようになったことが非常にありがたい機能だと思った。 4種類のファイル名 プロジェクトのルートに環境変数を記述したファイルを…

Vuetify.jsのインストール方法

Vue.jsのUIフレームワークに 「Vuetify.js」 がある。Webアプリを作っているときに、CSSがうまく表現できなかったのでUIフレームワークとして導入してみた。その導入する際に、0からインストールする方法と現在走っているプロジェクトに導入する方法で異なる…

じぶん Release Notes 0.29.1

5月1日〜31日のあいだの出来事がリリースされました。 自分リリースノートとは、こちらの記事を参照してください。 blog.a-know.me 初回なのでフォーマットは全てお借りしているものです。 技術・開発関連 技術面での取り組みは以下の通りです。 weite-blog-…

Go言語のstrings.Replaceを使って、改行コードを含む環境変数を置換する

Go

GoとNetlifyを使って簡易的なAPIサーバを構築した。 処理の中でGoogleスプレッドシートにアクセスする必要があり、認証情報をNetlifyの環境変数に設定した。しかし、環境変数から改行コードを含む値を取得する時にハマった。一般的な、どの環境でも起こりう…

Go言語のgofeedを使ってRSSをパースする

Go

目次 目次 きっかけ gofeedを使う 環境 インストール ソース 出力結果 まとめ きっかけ Write-Blog-Every-Weekのメンバーのブログ情報をとってくるときに、GAS上でRSSをパースしていました。しかし、今後複数人でメンテナンスをする可能性ができたため、GAS…

Wrappalyzerを使ってサイトで使われている技術を見てみよう

自分が作ったプロダクトや関わったプロジェクトでどのような技術が使われているか知らない人はいないとおもいます。ですが、他人や他社がどんな技術をサイトに採用しているか気になったとしても、知ることは難しいはずです。そんな時に使えるのがWappalyzer…

基本は大切 / Vue.js チュートリアルのToDoリスト作成から学んだこと

今回はVue.js チュートリアルをおこなっていて、改めて自分が理解できていないことをまとめました。実際におこなったチュートリアルは「基礎から学ぶ Vue.js」の付録についていたものです。 基礎から学ぶ Vue.js作者: mio出版社/メーカー: シーアンドアール…

前向きになろう / 理論と事例でわかる自己肯定感を読んだ

技術書典6にて頒布されました。理論と事例でわかる自己肯定感を読みました。 booth.pm 心の中でいろいろ整理が付き、前向きになれた気がするので紹介しておきます。 次の項目に当てはまっている人は読んでみることをオススメします。太字になっているものが…

わかりやすい説明を / 技術をつたえるテクニック ~分かりやすい書き方・話し方~ を読んだ

mochikoAsTechさんが技術書典6にて頒布されました「技術をつたえるテクニック ~分かりやすい書き方・話し方~」を読みました。 内容は大きく分けて次のようになっています。 技術を⽂章で分かりやすくつたえる 技術を登壇で分かりやすくつたえる 教わり上⼿…

初心者に最適なCloud Functions for Firebaseの公式サンプル集

Cloud Functions for Firebaseについて調べていたら、公式のGitHubに非常に多くのサンプルがありましたので紹介します。 github.com 中には45本ものサンプルスクリプトがあるので眺めるだけで勉強になります。 2019/4/18に発表されたCloud Functions for Fir…