paranitips

Never stop learning! がモットーのゆるふわエンジニアブログ

2018-01-01から1年間の記事一覧

assets:precompileしたアセットのサイズをbundlesizeを使ってPR上に通知する

アセットは放置しておくと膨らんでいくばかりなのでチェックできる仕組みをつくります。 今回は、assets:precompileしたアセットのサイズ(とmasterとの差分)をPR上に通知するようにしました。 bundlesizeのセットアップ bundlesizeの使い方はREADMEを見て…

CSS削除の前後でレイアウト崩れがないかどうかチェックするスクリプトを書いた

はじめに 「よっしゃあ、サイト高速化するぞ!」 「むむ、CSSサイズが大きいなぁ。軽量化しよう!」 「このCSS使われてないやん、、削除ー!」 ・・・・・ 他のページのレイアウト崩れてるやん CSSの構造が複雑になっていたので、削除の影響範囲わかんない…

アセットの変更がない場合、assets:precompileをスキップすることでCIの速度を改善した

assets:precompileに毎回1分ほどかかっていたので嬉しい速度改善 以下の記事を参考にさせていただきました CircleCI 2.0に移行して新機能を活用したらCIの実行時間が半分になった話 - クラウドワークス エンジニアブログ 仕組みとしては、precompile対象の…

Amazon CloudFront & Lambda@Edge でリクエストに応じて自動で画像リサイズする仕組みを試してみた

Webページをすばやく表示するにはページ内画像のlazyloadや圧縮は不可欠。 けど、毎回画像を圧縮するのは手間だし自動化したい。 そして、なんかモダンな方法でやってみたい。 ってことで、調べていたらこの記事を見つけました。 Amazon CloudFront & Lambda…

Resource Hintsの対応をしてWebPageTestの点数を改善した

はじめに いま開発チームでサイト速度改善に取り組んでいて、 その一環でResource Hintsの対応をしたので、調べたこととリリース後の効果をまとめます🙌 調べたこと まずはResource Hintsについて ふむふむ。いろんな種類があるなぁ。

iOSショートカットでちょっとしたライフハックをしてる話

iOS12から登場したショートカットをつくるのが楽しすぎて時間が溶ける・・・ 自分は最近Google Mapを使うことが多いので、そのときに使えるショートカットをつくりました。 iCloudの共有リンクも置いてるので良ければ使ってみてください ※ショートカットApp…

nginx.confを8万行削除した話

強い気持ちでやりました 自分が関わる前からあったnginx.conf。 それはそれは大きく膨らんでおりました デプロイはchefで行っていたんですが、dry-runでも時間がかかりすぎて差分確認するのも一苦労、、という状態 少しでも快適な開発環境にすべく、やってい…

技術書典で買った「さわって学べる!iOSテスト駆動開発」を読んだのでその感想と3章の誤植の共有

今年の技術書典ではboothでiOS中心に10冊ほど買いました。 今回読んだ本はこれ shindyu.booth.pm swiftでテストを書いたことがなかったので、TDDを勉強するというよりは、その書き方や導入が把握できればいいかなー、と思って読んでみました。 結果、とても…

nginx+wordpressのdocker環境を構築する

はじめに localにwordpressが動く環境がすでにあったのですが、メンバーの新規参入時など環境構築が大変だったのでdockerで環境を構築できるようにしました。 dockerはこの本を読んで勉強しました プログラマのためのDocker教科書 インフラの基礎知識&コード…

開発合宿@河口湖がすごく良かったというお話

先日行った開発合宿@河口湖がすごく良かったのでブログに記録していきます。 文才がみじんこなのでそこは写真で補うスタイル 今回はここにお邪魔しました。 www.c-ban.com 金曜夜から出発し、22時頃に河口湖カントリーコテージに到着。 まずは買い込んだお…

swiftを一から勉強してTODOアプリをつくるまでの過程

仕事でしばらくwebで活動していたのですが、フリーランスになったことだし、アプリ開発をまた再開しようと思い、swiftを勉強してみることにしました。 また、今回swiftを勉強するにあたり、その過程もメモしていきました。 学習の過程って意外と忘れがちです…