ハトネコエ Web がくしゅうちょう

プログラミングやサーバー・Web制作、チームマネジメントなど得た技術のまとめ

Web制作

Firebase の対抗馬?! Back4App を使ってみたよ!

Back4App とはなんなのか? Firebase の代わりになるのか? Parse との関係性を説明しつつ、Flutter で実際に作ってみた作例も見せながらご紹介

haml2slim を改善して haml から slim への移行をしやすくしました

haml から slim へ移行しようとして haml2slim を使用しようとしたところ、足りていない機能が多かったので大幅に改善しました。GitHub で公開中です

selenium/node-chrome と selenium/standalone-chrome の違い

selenium/node-chrome selenium/standalone-chrome どっちを使えばいいかわからなかったのでメモ。 通常は standalone-chrome を使えばOK。 じゃあ node-chrome は何に使えばいいのかっていうと、 これは Selenium Grid Hub といっしょに使う場合に使用。 ht…

Rails の Mountable Engine 側の _path や _url をメインアプリから呼び出す

Rails の Mountable Engine 側の routing を、 admin_app.users_path や admin_app.users_url のように xxx_path, xxx_url でメインアプリ側から呼び出す方法について説明しています

Rails の scope をあまり使わない方がいい理由

Ruby on Rails の scope 機能を、チーム開発で使わないほうがいい理由についてまとめています。

Rails 5 から Rails 6 へアップデートした際の手順

Rails5 から Rails6 (Rails 5.2.4.4 → 6.0.3.3)へのバージョンアップをおこなうためにした準備と作業内容をまとめました。

Materialize は iOS 13 以降でのバグがあるので注意!

CSSフレームワーク「Materialize」で起こる iOS 特有のバグを、原因含めて詳細に解説。最近の Materialize の動向についても説明している

Rails 4 から Rails 5 へのアップデートでおこなった10個以上の対応

Rails4 から Rails5 (Rails 4.2.11.3 → 5.2.4.3)へのバージョンアップをおこなうためにした準備と作業内容を、出来る限り書きまとめました。belongs_to や autoload の仕様変更, time型の話なんかは要チェックです。

AWS S3 内の画像をすべてリサイズする方法( goofys 使用)

S3 にある大量の画像をツールを使ってすべてリサイズ処理したい場合の解決法。goofys, ImageMagick, pngquant を用いて大幅な容量削減をおこなえました。

Next.js に sequelize 導入(メモ)

手順をあとで振り返れるように自分用メモ。 1. clone を起点とする。リポジトリを clone したのち npm i 2. create database Docker のこと考えると面倒なので、まずはローカルの MySQL を使うようにするところから。 mysql -u root -p で入った後に create …

3文字マーケティング用語辞典

Webマーケの人と話すときに、何度聞いても「その言葉ってどういう意味でしたっけ?」と聞いている自分が嫌になってきたので、 覚えるのが苦手な3文字言葉のまとめ。時々3文字じゃないのもある。 自分が覚えていない、もしくは突然アルファベットで言われると…

jQuery の ajax の書き方を Pure JS の fetch で書き直す

最近(遅いんですけど) querySelector メソッド知ったんですよ。 今までは、jQuery を使わない JavaScript だと getElementById か getElementsByClassName 使ってじゃないと DOM 要素を取れないと思っていたので、 jQuery はその点強いよな〜と思っていた…

プログラミング初心者が HTML, CSS を独学で勉強するならなに使う?

Progateでプログラミングを始めてみたけど、なんかこの勉強法自分に合っていない気がする、もっと速く独学を進めたい。って人向けの記事です。初心者向けのプログラミング勉強法をまとめました!

PostgreSQL 公式の語るやっちゃいけないことリストがおもしろかった

なにげなく『週刊Railsウォッチ(20200115後編)』を読んでいたところ、 Don't Do This - PostgreSQL wiki ってのが紹介されていたので読んだ。 BETWEEN を timestamp に対して使っちゃいけない話 これの『Don't use BETWEEN (especially with timestamps)』…

refile から shrine へ移行する方法を徹底解説

refile から shrine に Rails の画像アップロードライブラリを乗り換えたいけど、shrine のドキュメントを読んでも細かいところがよくわからないよ! という方のためのマイグレーションガイド

HEIF (.heic) という画像ファイル形式が存在するのを知った

iOS エンジニアの人たちにとっては当たり前なのかもしれないんですけど最近知りました。 Apple 製のデバイスで HEIF/HEVC メディアを扱う - Apple サポート ここにある通り、 iOS 11 以降では、カメラで撮った写真の保存形式が HEIF というファイル形式(拡…

はてなブログの Google Analytics で /realtime_preview などを集計対象外にする

はてなブログへのアクセス記録を Google Analytics で見ると /realtime_preview というアクセス先があるのでその正体とは?! って話と、それへのフィルタ設定をおこなってより正確なPV数を取得する方法の話

materialize-css のJSライブラリを TypeScript + React 環境で読み込む

materialize-css の JavaScript ライブラリ部分を TypeScript + React 環境に import M from 'materialize-css' する方法

セッションと Cookie について今さら理解する

Webサイトのログインで必要な考えとなる セッション周りを全然わかっていなかったので、いろいろ自分用にメモ。 1. 動機 今まで Rails や周辺ライブラリがよしなにやってくれていたものを、 Go言語で Web アプリを作ろうとしたら自分でちゃんと実装しないと…

初めてPerlに触れてみての感想

特に解説記事というわけでもなく、筆の走るままに感想を。 入門にはPerl入学式の教科書がとても役立ちました。 id:papix 先生ありがとう…… Perl 自体への感想 全体的に、シェルスクリプトとRubyの中間みたいな文法。生まれを考えればまあ、そうだよね true, …

gRPCのクライアント実装でサーバー証明書の検証を入れる方法

このあいだの gRPC の記事の「失敗5」の項で サーバー側の証明書の正当性を検証するステップはスキップするという方向の実装 にしたのですが、サーバー証明書の検証をおこなう方法がわかったので書いておきます。 なお、今回言う「サーバー証明書」というの…

gRPC x Go x nginx での失敗談

Go による gRPC サーバーへ、 nginx をプロキシーにして HTTPS 通信をおこなおうとしたらいろいろ失敗した話。grpcurl の使い方やサーバー・クライアントの実装例など記載。

http2 設定で cert renew に失敗

80番ポートの設定に http2 を付けると cert renew --dry-run に失敗する

DNSサーバ引っ越し時のメモ

また忘れそうなのでメモ書き。 基本的に引っ越しは、NS レコードを書き換えて 移行先のDNSサーバに誘導するようにするんだけど、ConoHa はトップドメインの NS レコードを変更できない。 でもそもそも、ドメイン取得サービスの DNS サーバが起点となっている…

ConoHa ちゃんを裏切って DigitalOcean に移行した話

約2年に渡って使ってきた ConoHa から、メインのサーバを DigitalOcean に移行した話。美雲このはちゃんがこんなにもかわいいのに、それを失ってまで VPS サービスを DigitalOcean に変えた理由とは……

Docker の ARG の宣言箇所に注意

ARG の宣言を FROM の後に書くようにすべき話と、ADD や COPY でソースとして扱えるファイルは特定ディレクトリ以下だよ、って話

Docker で Ansible の実行環境を作る(Ubuntu 18.04)

Ansible を簡単に何度も流せる Docker イメージを作成します。 また、Makefile を活用し、コンテナの開始・終了もおこないやすく。 --cap-add NET_ADMIN オプションなど、ハマりどころも解説。

gRPC チュートリアルで入門しようぜ!

gRPC 公式の Quick Start Guide をベースにしつつ、より深く掘り下げられるよう追加・変更を施した、gRPC 入門のためのチュートリアルです

ブログをMixed Content対応しつつHTTPS化しました 🎉

今年の4月から、はてなブログのドメインを使用している全ブログが HTTPS 化に対応しました。 (2月の時点ではまだ段階的に提供開始というステータスだった) 対応したいなと思いつつも、 「Mixed Content 対応のためには記事をひとつずつ保存し直してね、て…

FirefoxとChromeは表示される色味が違う!!

ブログのデザインを微変更していて気付いたのですが、 (Mac版だけかもしれませんが)FirefoxとChromeの色味って違うんですね! (左:Firefox、右:Chrome) Firefox は Chrome よりもきらびやかな色になります。 Firefox でカラーを調整していたので、Chro…