LIFULL HOME'Sのサイト速度を監視できるようにした話 - LIFULL Creators Blog
エンジニアの寺井です。本記事では LIFULL HOME'S でのサイト高速化への取り組みについて紹介します。 今回の内容は高速化施策の一環で、サイト速度を計測して監視できるようにした話です。 LIFULL HOME'Sのサイト内の各URLのサイト速度を一覧で見られるようにして、遅い箇所の特定や改善に活用できるようにしました。この取り組みについてお話します。 はじめに ~なぜサイト高速化が重要なのか~ Webページを見る際に数秒経っても真っ白の画面で読み込まれない、あるいは読み込まれている途中で何も操作ができない、こんな経験みなさんはありませんか？中にはページが読み込まれずイライラしてそのページから離れてしまうといった経験をした方も少なくないでしょう。 2017年にGoogleが実施したモバイルページの調査によると、ページ読み込み速度が遅くなるにつれて直帰率(ページを離れてしまう確率)が跳
コマンド1発でKubernetes上にProduction Readyな環境を手に入れる - LIFULL Creators Blog
KEELチームの相原です。 最近開発している コマンド1発でKubernetes上にProduction Readyな環境を手に入れる コードジェネレータの話です。 Kubernetesの利用を広める上での課題 Kubernetes Manifestの難しさ 既存の解決策 設定量の増大 コードジェネレータで解決する 捨てやすさ 抽象度 変更への追従しやすさ Open Application ModelとKubeVela keelctl を開発してきてみて Kubernetesの利用を広める上での課題 KEELチームが開発しているアプリケーション実行基盤は巨大なMulti Tenancy Kubernetesクラスタをベースとしていて、各アプリケーション開発者はKubernetes Manifestといくつかの設定を記述するだけでProduction Readyな環境ですぐにアプリケーション
地方開発拠点で働くエンジニア - LIFULL Creators Blog
LIFULLのエンジニアの村田です。 私は2018年までLIFULL東京本社で勤務していましたが、現在は北海道の札幌拠点に勤務しています。 当時LIFULLには、全国に営業拠点はあったものの地方開発拠点はありませんでした。私が北海道に移住するタイミングで 札幌の営業拠点に開発拠点を整備することになり、LIFULLにとって初の地方開発拠点が誕生しました。 本エントリーでは、東京に長年勤務していたエンジニアが 地方開発拠点で働くようになって感じたメリット・デメリットおよび、 今後どのような働き方になっていくのか思うことをつらつらと書いていこうと思います。 内容が札幌に限定されている部分も多々ありますが コロナ禍でのリモートワークが普及する中、 地方に移住しようと考えているエンジニアの方に向けて参考になれば幸いです。 地方(札幌)拠点の良いところ 家賃が安い まず何と言ってもこれ。 都心に比べる
LIFULLを支えるKubernetesエコシステムまとめ 2020年版 - LIFULL Creators Blog
技術開発部の相原です。 以前にブログで書きましたが、LIFULLでは主要サービスのほぼ全てがKubernetesで稼働しています。 www.lifull.blog Kubernetesをアプリケーション実行基盤として本番運用するためにはデプロイやモニタリング・ログ、セキュリティなど考えることが多くどこから手を付ければよいか困ることがあるでしょう。 そこで今回は既に数年の運用実績のあるLIFULLのアプリケーション実行基盤で利用しているKubernetesエコシステムについて紹介します。 全て書くと数が膨大になるので今回はクラスタ周りを中心に、必要とするソフトウェアの数が多いモニタリング・ログまでとします。(それでも大作になりそうですが...) kubernetes/kops projectcalico/calico coredns/coredns node-local-dns kubern
コピペで慣れる生WebGL#01ディストーションエフェクト｜斎藤健二
ディストーションエフェクトは生WebGLで書くと100行前後、5KB以下です。 このエフェクトのためだけに500KB以上のthree.jsや400KB以上のpixi.jsを使うのは賢明とは言えないと思います。 今回作成したディストーションエフェクトを使用したサンプルです。 生WebGLバージョン+コード 仕組み ディストーション用テクスチャーの色情報をベースにでテクスチャー#00とテクスチャー#01を切り替える仕組みになっています。 ディストーション用テクスチャーの色が黒 -> 切り替わるタイミング早い ディストーション用テクスチャーの色が白 -> 切り替わるタイミング遅い という風になっています。 テクスチャの切り替えはfragmentシェーダーで行っているので、そちらを見てください。 1. レンダリングを開始する前に行う初期化 2. 毎フレーム実行するdraw関数などのレンダリング 3
フロントエンドチェックリスト（日本語訳） - Qiita
GitHubで公開されているフロントエンドチェックリストというドキュメントが、網羅されている内容が幅広く便利そうだったので、日本語に翻訳しました。 日本語版は、以下のGitHubリポジトリにあります。GitHub側と自動的に連携するようにしておりますので、誤訳や誤りなどがあれば GitHub のプルリクエストまたは Issue で報告していただけると幸いです。 https://github.com/miya0001/Front-End-Checklist 日本語版への貢献方法 最終更新日時: 2017-11-19 03:50:47+09:00 (未翻訳) Front-End Checklist The Front-End Checklist is an exhaustive list of all elements you need to have / to test before lau
わかりやすさの技術 - やしお
社内向けの教育資料を、ど素人でもわかるようにと思いながら作っていて、じゃあ「わかりやすい」って何だろうって考えてた。今まで読んできたいろんなわかりやすかった本とそうでない本を思い浮かべながら、一般的にここを注意すればわかりやすさを確保できるだろうっていうポイントを一旦まとめておこうと思った。そうしてまとめてみると、本に限らず人に何かを伝えること一般に適用される話だなと思った。 読む側の負担を減らす わからない＝理解をはばむ障害物がある。この障害物を取り除く／回避する作業が「わかる」ために必要になる。その作業を、作者ではなく読者が負担するとき「わかりにくい」本になる。 日本社会だと情報の受け手の側がこの「わかる」ための作業を負うことでコミュニケーションを成立させる傾向にある。空気を読むというようなことだ。そのため発信者側が事前に手を尽くしてわかりやすく発信するというのが苦手で、相手が汲み取っ
Swiftで非同期処理／遅延処理をキャンセルする - Qiita
GCD で dispatch した非同期処理をキャンセルしたいケースというのがよくありまして 1、Objective-C の場合はいつも使ってるスニペットがあったのですが、Swiftではどう書くのかなとググったら、こちら のコードが見つかりました。 で、命名に違和感があったり、遅延実行キューがメインキュー限定だったり、Swift的でない書き方だったりしたのを修正したものが以下になります。 typealias dispatch_cancelable_block_t = (cancel:Bool) -> (Void) private func dispatch_after_delay(delay: Double, queue: dispatch_queue_t, block: dispatch_block_t?) -> dispatch_cancelable_block_t? { guard
Objective-C:アフィン変換の起点を変更する | siro:chro
オブジェクトのスケールや位置を変更し、アニメーションさせたりする場合にお世話になるアフィン変換をメモ。 ObjectNameというオブジェクトの大きさを、アフィン変換メソッドCGAffineTransformを使って2倍にしたい場合は [code] ObjectName.transform = CGAffineTransformMakeScale(2,2); [/code] とすればいいが、この場合、変形の起点はオブジェクトの中心からとなる。 左端を起点としたい場合は、UIKitフレームワークをインポートし、アンカーポイントを定義することで、そのアンカーポイントを起点とした変形が実行される。 [code] //.hファイル #import <UIKit/UIKit.h> //.mファイル ObjectName.layer.anchorPoint= CGPointMake(0,0.5); O
物理サーバを選定する際のポイント – Eureka Engineering – Medium
Eureka EngineeringLearn about Eureka’s engineering efforts, product developments and more.
ファイルの保存先と保存方法について [Swift]
以前、端末内の写真を画面に表示する方法 [Swift]を紹介しましたが、今度はアプリ内にその写真を保存する方法を書きたいと思います。 大切な写真は日記として保存しておかないとですからね。 まずはファイルの保存先についてです。 主に4つのディレクトリから、データの種類や取り扱い方によって保存先を決定します。 それぞれの特性に合ってないと、データが消失したり、リジェクトされたりするので、慎重に判断する必要があります。 /Documents：バックアップされる ユーザデータを保存する場所。 ユーザに見せるファイルで、ユーザが作成や編集をしたファイルが該当する。 /Library（/Caches以外）：バックアップするか選択できる ユーザデータ以外の補助ファイルを保存する場所。 アプリ固有のユーザに見せたくないファイルが該当する。 /Library/Caches：バックアップされない 再度ダウンロ
SwiftのプロジェクトにGoogle Analytics SDKを導入する - Qiita
... #import "GAI.h" #import "GAIFields.h" #import "GAILogger.h" #import "GAIDictionaryBuilder.h" ... func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool { ... AppDelegate.setupGoogleAnalytics() ... } ... var tracker: GAITracker? class func setupGoogleAnalytics() { GAI.sharedInstance().trackUncaughtExceptions = true GAI.sharedIns
StackViewを賢く使ってらくちんAutoLayout - Qiita
『アプリ道場 Advent Calendar 2015』8日目は「Auto Layoutが好き過ぎて、StackViewをおかずにご飯3杯いける」ゆこびん(@yucovin)がお送りします。 そもそもイラストレーター／デザイナーなので、アプリの開発をしていても見た目を司るAuto Layoutが気になって気になってしょうがないです。（これは恋？！） ということで、本日は今年綺羅星のごとく現れたAuto Layout界の期待のクラス「UIStackView」についてまとめたいと思います！(๑´ㅂ`๑) UIStackViewは一言で言うと、便利なレイアウト用の箱です。 StackViewは２つ以上の縦または横に並ぶサブビューを面倒な制約（Constraints）を作ることなく、いいカンジにレイアウトしてくれます。 StackViewを上手く使えば制約の数をうんと少なくすることができるんです。
Swift演算子まとめ - Qiita
※…++演算子、--演算子はSwift3.0で削除された。 用語 単項演算子(Unary) 被演算子(Operand)が1つの演算子。 前置のもの(prefix)と後置のもの(postfix)がある。 二項演算子(Binary) 被演算子が2つの演算子。 被演算子の間に置かれる(infix)。 三項演算子(Ternary) 被演算子が3つの演算子。 ?:の一つだけ(infix)。 優先順位 数値が大きいものほど先に演算される。 単項演算子は二項演算子よりも優先順位が高い。 結合律 優先順位が同じ演算子が並んだ場合は、左結合のものは左から、右結合のものは右から演算される。 (同じ優先順位で、左結合のものと右結合のものは混在しない。) 無結合の演算子が並んだ場合はエラーとなる。 let result = 2 + 3 + 4 // 左から var str1: String? var str2:
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webアプリケーションで 60fpsを(極力)目指す
http://road2win.plala.jp/wordpress/?m=20110626
CoreGraphics アフィン変換(平行移動,回転, 拡大縮小) | Professional Programmer
http://blog.f60k.com/drawrect_setneedsdisplay_layer/
[iOS] ファイル操作が劇的に簡単になる便利ライブラリ！ - Qiita![[iOS] ファイル操作が劇的に簡単になる便利ライブラリ！ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/e971a7ba1e03d91f0cc2196e8fe00e39f7eb2bfb/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCaU9TJTVEJTIwJUUzJTgzJTk1JUUzJTgyJUExJUUzJTgyJUE0JUUzJTgzJUFCJUU2JTkzJThEJUU0JUJEJTlDJUUzJTgxJThDJUU1JThBJTg3JUU3JTlBJTg0JUUzJTgxJUFCJUU3JUIwJUExJUU1JThEJTk4JUUzJTgxJUFCJUUzJTgxJUFBJUUzJTgyJThCJUU0JUJFJUJGJUU1JTg4JUE5JUUzJTgzJUE5JUUzJTgyJUE0JUUzJTgzJTk2JUUzJTgzJUE5JUUzJTgzJUFBJUVGJUJDJTgxJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz1lMTgwOWE1NTI1MDRlNGM2MzE1Zjc2OTg5NjdmNzE3Nw%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBub3JpMDYyMCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZTUxZjNhNzdhYzBkNzRiM2RhMzEyMGI2ZDIyN2M5ZmY%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D746877093d5a6cb9436fc8f61adf6a6f)
%25B7%25D0%25CD%25B3%25A4%25C7%25A5%25D5%25A5%25A1%25A5%25A4%25A5%25EB%25A4%25F2%25BD%25F1%25A4%25AD%25B9%25FE%25A4%25E0)
Java Windowsファイル共有サービス(CIFS)経由でファイルを書き込む - MyMemoWikiOld