「電子ペーパーを額装して飾るとやたらカッコいい::デイリーポータルZ」を参考にラズパイ＋GAS＋ペーパー液晶で情報表示額縁を作った(phantomjs編)GASRaspberryPiIoTペーパー液晶 （下記の記事は構成部品が古くなっていたので、最新状況に合わせて書き直しました。最新版はこちらを閲覧ください。2024年2月25日） はじめに Dialy Portal Zの「電子ペーパーを額装して飾るとやたらカッコいい」の記事（以下「元記事」）に触発され、自分用の情報を表示できたら便利だなと思い自作しましたのでご紹介いたします。 作成した情報表示額縁 使うもの ペーパー液晶「WaveShare 13504 7.5インチ 640×384 E-Ink 電子ペーパーモジュール for RaspberryPi 」（税込8,450円） ラズベリーパイ Zero WH（税込み2千円弱）+ SDカード G

Firebase Authenticationのカスタム認証システムを使って、Slack連携サインインを実現するまでの道のり。authenticationSlackFirebase おはこんにちは、あさマックです。 この記事は、謎の集団Zeneloのアドベントカレンダー、11日目の記事です。 現在は謎の集団からは少し離れてしまったのですが、気付いたら書くことになっていました。有り難い話、どうやらまだ在籍しているようです。あまりに謎の集団すぎて、私自身もよくわかっていません。 前書きが長くなってしまいました。 今回はいま携わっているサブプロジェクトで、Slackと連携したWebアプリケーションをひとつを開発したのですが、サインイン機構として、Firebase Authentication を用いて「Sign in with Slack（Slack認証）」を実装しました。その時の流れを自分の備

Disclaimer 当記事はNewSQL開発ベンダの技術ブログや各種論文、その他ニュースサイト等の内容を個人的にまとめたものです。 そのため、理解不足等に起因する誤解・誤認を含む可能性があります。更なる理解が必要な方はリファレンスに挙げた各種文献を直接参照下さい。技術的な指摘は可能であれば取り込み修正しますが、迅速な対応はお約束できません。 NewSQLの解説は二部構成 当記事は前編でNewSQLの概要編となる。 全体の目次は下記である。 NewSQLとは何か NewSQLのアーキテクチャ NewSQLとこれまでのデータベースの比較 NewSQLのコンポーネント詳解 1章から3章までの内容を当記事で解説する。 4章はさらに詳細な技術的解説となり、後編の「NewSQLのコンポーネント詳解」で記述している。 こちらも合わせて一読いただきたい。 1. NewSQLとは何か NewSQLとは、海

上記の画像を見ると分かる通り、カラフルで見やすいですね。右図のようにディレクトリのツリー表示にも対応しています。さらに --icons オプションを付けると、ファイルタイプに応じたアイコン表示も可能です。 bat 続いて cat コマンドの代替である bat の紹介です。 ファイルの拡張子に応じてソースコードを色付けして表示してくれます。また less のようなページャの機能も持っており、行数の長いファイルを渡すと自動でページャモードで開いてくれます。 hexyl hexyl はバイナリダンプコマンド od の代替コマンドです。bat の開発者と同じ方が開発しています。

7年間使ってきたWordPressを捨ててContentful+Gatsby+Netlifyにしたら爆速になったし経緯とか教訓とか語るWordPressReactNetlifygatsbycontentful こんにちは、古都ことと言います。普段はブログやらなんやらをやっているのですが、今回ブログのお引っ越しをしたのでその経緯などについてお話ししたいと思います。 先にまとめ ブログをVPSとWordPressで7年間運営してきた 速度面やメンテナンス面でそろそろガタがきていた Contentful+Gastby+Netlifyの構成に移行した Lighthouseで高スコア叩き出せた 技術選択って難しいね 運営しているブログ Subterranean Flower Blogというブログをやってます。 主にフロントエンド周りのことを取り扱っており、たまにマリオ64の記事や、転職の記事などでも

企業間のファイルのやり取りにZIPファイルの暗号化がされていることが多いのですが、その暗号は意味がなかったり、弱かったり、余計にセキュリティリスクが高くなっています。ZIPの暗号化が使えないことを証明するにはパスワードを解析するのが一番です。 パスワードが解析できるなら、もうあとからパスワードを送る必要はないのです。 用意するもの Windows PC Windows10を使いました。 GPU できる限り早いやつ ノートPCなので、外付けGPUケースにThunderbolt3でGPUを接続しています。 GTX 2080とケースで 10万円ぐらいかかっています。 CUDA Toolkit あらかじめ入れておきましょう。 hashcat hashcatのWindows版で公式サイトからダウンロードしたもので、バージョンが5.1.0の場合は古いので対応していません。 Windows版のJohn

はじめに Xcode7より、AddressSanitizer(aka ASan)という、強力なメモリエラー検知ツールが追加されたことは、ご存知の方も多いかもしれません[0] お仕事で、ASanで、独自Framework内のメモリエラーを調査する機会があったので、その際に、学んだ、使い方やTipsについて書き留めます。 もし何か不備等ありましたら、気軽にコメントください :) Address Sanitizerとは？ AddressSanitizer(aka ASan)は、メモリエラー検出ツールです。 ASanは、不正なメモリ操作を検出するコードをコンパイル時に挿入します。 ここがポイントですね。 ASanのコードは、メモリエラーを検知するとアプリをクラッシュさせるとともに、詳細なログをコンソールに出力します。 このあたりは、WWDC15のSession413[0]が詳しいです。 そのため、

先日、気持ちのいいジャンプを目指してというQiitaの記事を見かけました。記事中では、マリオのジャンプについても触れられています。マリオというと、マリオブラザースやスーパーマリオブラザース等々、色々あるのですが、これはおそらくスーパーマリオブラザースの事だと思われます。ジャンプアクションゲームといったらスーマリですね。 そのマリオのジャンプの仕組みは「マリオの速度ベクトルを保存しておいて座標を計算するんじゃなくて～」と書かれていて、別サイトのブログへのリンクが張られています。 マリオのジャンプ実装法とVerlet積分 ただ、この記述については不正確であるという別のブログもあったりします。 マリオの完コピvol.28 ジャンプの解析と修正 ホントのところはどうなんでしょうか？世界で最も有名なゲームのジャンプがどのように処理されているのか気になったので調べてみることにしました。 原典にあたる

背景 自分が普段電車や会社で読んでいるIT系のサイトと学習などで使用しているサイトのまとめ。 ニュース系 ■ CNET Japan ■ @IT ■ ITmedia ■ はてなブックマーク(テクノロジーカテゴリ) ■ Menthas ■ Publickey ニュース(ガジェット系) ■ PC Watch ■ GIZMODO ■ Engadget 技術系ブログ(企業系) ■ Developers.IO ■ はてなブログ開発ブログ ■ サイボウズのエンジニアブログ ■ クックパッド開発者ブログ ■ Google Developers ■ Yahoo! JAPAN Tech Blog ■ Mercari Engineering Blog ■ Webnaut ■ バズ部 ■ SOUM/misc ■ LINE Engineering 技術系ブログ(個人) ■ ネットワークエンジニアのメモ ■ プログラ

ディープラーニングを使った異常検知が進歩していますが、最新情報を追うのが大変です。 ここでは、最新情報をまとめておきます（随時更新）。 本稿では、以下の内容を記します。 ディープラーニングを使った異常検知について、簡単に歴史をまとめます。 最新の手法（2019年当時）について、ベンチマークを行います。 歴史 完全に独断と偏見で作った歴史です。 全ての論文は読めていないので、ご了承ください。 【～2017年】オートエンコーダによる異常検知 オートエンコーダによる異常検知 2、3年前はオートエンコーダによる異常検知が主流でした。オートエンコーダでは、元画像と再構築画像との差をとって、その和が大きいとき異常と認識させています。Qiitaの記事でも、オートエンコーダによる異常検知はたくさんありますので、気になる人は探してみてください。 Variational AutoEocoder（VAE）による

#!usr/bin/python # -*- coding: UTF-8 -*- ##PyAutoGUIのモジュール #pip install pyautogui import pyautogui #クリップボードコピペ用 #pip install pyperclip import pyperclip import sys import time def GijiHenkan(kanji, roumaji, sleeptime): #roumaji文字列をタイプする（※全角モード前提） #pyautogui.typewrite(roumaji) #↑不自然に早いので不採用 #全部の文字を一文字ずつ打つ for char in roumaji: pyautogui.press(char, presses=1) time.sleep(sleeptime) #変換前にひとこきゅう time.sl

個人用メモです。 機械学習は素材集めがとても大変です。 でもこの素材集め、実は無理してやらなくても、元から良質な無料データベースがあったようなのです。 URLはこちら YouTube8-M https://research.google.com/youtube8m/explore.html 提供されているサービスは以下の通り 800万個の動画 19億個のフレーム 4800個の分類 使い方はExploreから画像セットを探し、ダウンロードするだけ。 他の方法も見つけた open images dataset 「すごい神だな」と思ったのは これもう完成されてますよね もちろんこの認識前の画像もセットでダウンロードできます。 Youtube-８Mとは、画像数を取るか、精度で取るか、という違いでしょうか。 他にも良い素材集を教えていただきました （はてなブックマーク情報 @sek_165 さん ）

はじめに 最近GCPでWebサービスを立ち上げたので、そのときに実施したことをメモとして残しておきます。 今回はGCEで Debian + Nginx + Railsで環境を作りました。 ドメイン取得以外は終始無料で進めるための努力をしました。 また、今回はRailsアプリケーションを作成することは目的としていませんので、そこについてはあまり触れません。 やったこと GCEでインスタンスを立ち上げる アカウント作成時に貰える無料トライアル枠とは別に、無料で利用できるリソースがあります。 Always Free と呼ばれていて、GCEの場合は以下の要件を満たすインスタンスのみ永久に無料でインスタンスを立てることができます。 リージョンをus-*1から選択する 1つのf1-micro VM インスタンス 30GB以内 の永続ストレージ ※無料対象リージョンはus-*1のみというご指摘を受けまし

概要 たくさんのフォントをiOSにインストールするためのスクリプトを書いたよ。 iOSにオリジナルのフォントをインストールするための選択肢 iOS Appを使う(たとえばAnyFont) Apple Configurator 2を使う その他？ 実際にやってみる Apple Configurator 2は、Apple公式のApp且つ無料ということで使ってみる。 「ファイル」＞「新規プロファイル」で、あとはフォントを追加するだけ… …あれ？1つずつしかフォントファイルを追加できないんですが…1。 1つのプロファイルに複数のフォントを埋め込むことはできるけど、ファイル選択ダイアログで複数のフォントファイルを同時に選択できない。1つや2つならいいけど、たくさんのフォントを埋め込みたかったら、ファイル選択ダイアログを開いてファイルを選んで…ということをフォントの数だけ繰り返さなくてはいけない。これ

どういうこと？ iOS アプリの開発をしていると 中国語っぽい日本語フォント というものを見たことがあると思います。Interface Builder で配置した UILabel だったり、英語設定になっている iOS Simulator でうっかりアプリを実行してしまったときだったり、そのような場面でお目にかかることができるフォントです。Interface Builder の件は残念ながらわかりませんが、シミュレータについては設定アプリから言語設定を「日本語」にすれば本来のヒラギノフォントになります。これはバグではなく iOS の仕様です。詳しくは後ほど説明します。今回はこの 中華フォント現象 の仕組みと、それが通常のアプリでも発現し得ること、そしてその解決策を示したいと思います。 まずは中華フォント現象について詳しく説明します。 中華フォントの正体 このお馴染みになっている宮澤賢治のフ

今回のテーマ Webパフォーマンスを改善する上で知っておきたい知識をまとめてみました。 前回の記事では使わなかった（使えなかった）技術や方法なども含めて記載します。 また、ブラウザのレンダリングなどについても書きたいと思います。 (2019年5月23日追記) 過去の記事はこちら How to 速度改善 ー計測・知識編ー How to 速度改善 ー原因調査編ー How to 速度改善 ー実装&技術調査編1ー 1. ブラウザレンダリングの仕組み 推測するな、計測せよ という言葉にあるように、闇雲にチューニングを初めても良い結果は出ません。まずはブラウザレンダリングの仕組みからみていきましょう。 ブラウザレンダリングの流れ レンダリングの大まかな流れは Loading→Scripting→Rendering→Painting（これでページが表示される） となっています。 この処理の内容をフレーム

Android 9(Pie)でデフォルトでHTTPS通信になったので(App Transport Security(以下ATS)みたいな感じ)、HTTP通信を許可する方法を書いておく。 時代の流れ的にはHTTPS対応する方向がベターだと思う。 ATSのような全許可の仕組みは無い（たぶん）。 エラー これまで通り通信しようとすると、以下のようなエラーが表示される。

safari(iOS12)で"Total canvas memory use exceeds the maximum limit"が出る場合の対処法JavaScriptSafariiOS12 phina.jsに限った話じゃないのですが、phina.jsを使っている時に遭遇した問題なのでphina.jsのアドベントカレンダーとして書いてみたりします。 前置き phina.jsで、結構大きめの画像を大量に扱うアプリケーションを作っていたのですが、iOS12のsafariでテストしていた時に、 "Total canvas memory use exceeds the maximum limit(288MB)" という警告が画像の読み込み時に発生する様になりました。 この警告が発生してからgetContext('2d')を実行すると必ずnullが返り、それ以降canvasからcontextの取得が

Kotlin が Android の公式言語になることが Goole I/O 2017 で発表されました。本投稿では、 Java プログラマを対象に、 Java にはない Kotlin 便利な機能について説明します。 本投稿は単独で理解できるように書いていますが、↓の連載の第三弾です。 Kotlin の基礎的な構文は理解していることを前提としているので、 Kotlin の構文自体を知らない方は以前の投稿を先に御覧下さい。 Javaとほぼ同じところ 新しい考え方が必要でつまづきがちなところ Kotlinならではの便利なこと ←この投稿で扱う内容 Kotlinならではの便利なこと Java にはない Kotlin の便利な機能について説明します。 「Kotlinならでは」と書いていますが、あくまで Java と比較してです。本投稿は Java プログラマ向けです。（ Java にはないけど）そ

Kotlin が Android の公式言語になることが Goole I/O 2017 で発表されました。これから Kotlin を始める Java プログラマが多くなると思うので、本投稿では Java プログラマが Kotlin でつまづきがちなところについて説明します。 本投稿は単独で理解できるように書いていますが、↓の連載の第二弾です。 Kotlin の基礎的な構文は理解していることを前提としているので、 Kotlin の基礎については　"Javaとほぼ同じところ" を御覧下さい。 Javaとほぼ同じところ 新しい考え方が必要でつまづきがちなところ ←この投稿で扱う内容 Kotlinならではの便利なこと 新しい考え方が必要でつまづきがちなところ 新しい概念を学ぶときには、何ができるのかだけでなく、どうしてそうなっているのかがわからないとそれをうまく使いこなすことができません。 本節で