はてなブックマーク

AWS+KUSANAGIでWordPressサイトを運用しており、その時点でかなり速かったのですが、さらに高速化するべくpjax(barba.js)を導入しました。 導入後、ページ遷移体感速度が5000兆倍になったので導入方法をシェアします。 barba.jsとは pjax(非同期画面遷移)を使いやすくしたjsライブラリ。 これを使うとページ遷移時にコンテンツ部分のみを読み込むことができ、 まるでネイティブアプリを使っているようなページ遷移を体験できます。 また、animation、prefetch、cache等に対応しています。 デモサイト barba.jsを導入しているサイトのご紹介。 ・Grid Demo（公式） ・Next/Prev Demo（公式） ・Circles Demo（公式） ・Accueil | Effektiv, cabinet de recrutement（非公式）

import UIKit class ViewController: UIViewController, UITableViewDelegate, UITableViewDataSource, UISearchResultsUpdating { let PPAP:[String] = ["PPAP", "I have a pen", "I have a apple", "Uh! Apple-Pen!", "I have a pen", "I have pineapple", "Uh! Pineapple-Pen!", "Apple-Pen, Pineapple-Pen", "Uh! Pen-Pineapple-Apple-Pen", "Pen-Pineapple-Apple-Pen"] var searchResults:[String] = [] var tableView: UITab

少し複雑なアプリを作ろうとするとビューが増えて一つのStoryboadだと見にくくなります。 そこでStoryboard Referenceを使ってStoryboardを分割して管理する方法を解説していきます。 デモ 手順 Tabbed Applicationで新規プロジェクトを作成し、First ViewとSecond Viewを削除しておきます。 タブ数分のStoryboardファイルを作成します。⌘+Nでファイルの新規作成画面に移動します。 今回はタブを3つにするので3つのStoryboardファイルを作成しました。(A.storyboard、B.storyboard、C.storyboard) Storyboard Referenceをタブ数分(3つ)設置します。 Storyboard ReferenceにStoryboardを設定していきます。3つとも同じように設定します。 co

やること 今回は入門ということでFirebaseの始め方から、簡単なデータの追加、取得、更新、削除までをやっていきます。 予習 ・一歩進んだMBaas，Firebaseとは？ ・フロントエンジニアが今話題のFirebaseについて語りたい ・Firebaseの始め方 開発環境 Swift3 Xcode8 準備 1. Xcodeでプロジェクトファイルを作成する 今回はSingle View Applicationで名前はstartFirebaseで作成しました。 そしてハンドルIDをコピーしておきます。 2. Firebaseでプロジェクトを作成する Googleアカウントにログインした状態で、https://firebase.google.com/にアクセス、「無料で開始」をクリック。 コンソール画面に移動するので、「新規プロジェクトを作成」をクリック。 プロジェクト名を入力し、国を選んで