Ionicは英語のドキュメントがしっかりしている上にコミュニティもある程度大きいので、英語さえ読めればわからないことがあっても大抵解決します。ただ日本語の記事となると、情報が古かったりほんのさわりだけしかやってなくて本格的に使う際に知りたいことなんかはあまりない印象があります。ということでこの記事ではIonicで開発を進める際に知っておかないといけないことを順不同でまとめていきます。情報は随時更新していく予定です。... 続きを読む
AngularのReactiveライブラリである@ngrxに手を出したので、まずはIonic + @ngrx/storeでカウンターアプリを作ってみました。ある程度Fluxアーキテクチャ周りの知識が必要になります。@ngrx/storeのバージョンは4.0.0です。... 続きを読む
モバイルアプリをHTML/CSS/JavaScriptといったフロントエンドの技術で制作できるIonicですが、Ionic 2.2からSplit Paneが実装されたことで、モバイルアプリだけではなくデスクトップをサポートするウェブアプリを制作するための環境が揃ってきました。Ionicではモバイルアプリかウェブアプリのビルドしかできませんが、Electronを使えばデスクトップアプリのビルドもできます。つまり、共通のソースコードで Android iOS Windows Phone macOS Windows Linux という主要なプラットフォームをすべてカバーするアプリを制作することができるようになります。ということでここではIonicプロジェクトをElectronでビルドする手順を紹介します。 ... 続きを読む
2017年4月7日にIonic 3.0のリリースがブログでアナウンスされました。Angular 4.0.0に正式に対応したり、Ionic Pageデコレータが追加されたりしています。ということでここではIonic 3.0での変更点と2.xからの移行方法をまとめました。... 続きを読む
2016年11月29にからXSERVERでは旧仕様のサーバ（sv1～sv1999.xserver.jpサーバー）から最新サーバ（sv2001.xserver.jp以降）への移行が始まっています。2017年3月29日時点ではsv1～sv1299.xserver.jpサーバーが対象となっていて、自分が契約しているサーバが含まれていたので早速移行してみました。移行後はgccを始めとした諸々がバージョンアップされているので、これまでできなかったLinuxbrewのインストールもしておきました。ということでその手順のまとめです。... 続きを読む
Macでは command（⌘）+ shift + 3 で画面全体のスクリーンショットを撮ることができます。また3を4にすると撮影範囲を選択することができます。デフォルトではPNG形式のファイルがデスクトップに保存されるようになっていますが、ここではそれらを変更する方法をまとめておきます。... 続きを読む
去年2015年10月のAMP発表当時はGoogle Analyticsでのトラッキングのためにamp-pixelを使う必要がありましたが、amp-analyticsコンポーネントの導入によって簡単にトラッキングコードを作成することができるようになりました。2016年10月にはGoogle Tag ManagerでもAMPがサポートされるようになり、ますますAMPの環境が整ってきたという印象です。ということでここではGoogle Analyticsの基本からamp-analyticsの説明、ページビューのトラッキング、クリックイベントのトラッキング、スクロール量の計測を行うためのコードを紹介します。... 続きを読む
AMP ProjectのGitHubページに登録されているリポジトリを見るとampproject/ampbenchというのを見つけました。なんでもAMPページのデバッグをしてくれるということで、早速使ってみました。... 続きを読む
新しくウェブサイトを作るたびにSearch Consoleでhttp/httpsとwwwあり/wwwなしのURLを登録するのが面倒になってきたので、APIを叩いて一気にできないものかと思ってSearch Console APIを使ってみることにしました。ということでGoogle APIs Client Library for PHPを使ってSearch Console APIを叩く手順をまとめました。... 続きを読む
LaravelにはオフィシャルパッケージとしてSocialiteというのが用意されています。これを使うとFacebook, Google, linkedIn, GitHub, BitbucketといったサービスでのOAuth認証を簡単に実装してくれます。プロバイダーとして使えるサービスはこれ以外にもたくさんあって、Socialite Providersにいくと有名どころのサービスのプロバイダーがもれなく用意されています。残念ながらLINEのOAuth認証がこのリストになかったので、自分で用意することになりました。ということでLaravelにLINE loginを実装する手順をまとめてみました。ここではLaravel側の手順を説明するため、LINE側でのビジネスアカウントの作成、チャンネルの作成、LINE Loginの有効化までは終わっているものとします。... 続きを読む