Homebrew で MySQL 8系にアップグレードしたら WP-CLI でエラーが出るようになったので対処したときの備忘録
Homebrew で update をかけたら強制的に MySQL 8系にアップグレードされたんですが、その後 WP-CLI でデータベースに接続するとこんな感じのエラーが出るようになりました。 PHP Warning:...
webpack 4 + Babel 7 の環境で React + MobX アプリを動かす
今年は2月にwebpack 4がリリースされ、4月にNode ver.10がリリース、Babel 7もリリースを間近に控えるなど、フロントエンド周りのバージョンアップが相次いでいます。ここでは webpack 4 + B...
NASをリモートリポジトリにしてgitでプロジェクトを管理する
仕事で色々とプロジェクトを抱えていると、更新情報をしっかり管理しておく必要があります。GitHub は無料から利用できますが、無料だとパブリックリポジトリしか作れないといった制約があり、プロジェクトを管理するとなると有料...
【WordPress入門】アクションフックとフィルターフックを使いこなそう
ホームページ制作でWordPressのテーマを作っていると、functions.php で add_action や add_filter を使うことがよくあると思います。テーマをよりカスタマイズしたりプラグインを制作し...
【 Ionic 入門】 Ionicで開発を進める際に知っておかないといけないこと
Ionicは英語のドキュメントがしっかりしている上にコミュニティもある程度大きいので、英語さえ読めればわからないことがあっても大抵解決します。ただ日本語の記事となると、情報が古かったりほんのさわりだけしかやってなくて本格...
【 Ionic + @ngrx 入門】 Ionic + @ngrx/store でカウンターアプリを作ってみる
AngularのReactiveライブラリである@ngrxに手を出したので、まずはIonic + @ngrx/storeでカウンターアプリを作ってみました。ある程度Fluxアーキテクチャ周りの知識が必要になります。@ng...
Ionic 2 & Ionic 3のプロジェクトをElectronアプリとしてビルドする
モバイルアプリをHTML/CSS/JavaScriptといったフロントエンドの技術で制作できるIonicですが、Ionic 2.2からSplit Paneが実装されたことで、モバイルアプリだけではなくデスクトップをサポー...
Ionic 2.x.xからIonic 3.0.xへ移行する方法とIonic 3.0.0での変更点のまとめ
2017年4月7日にIonic 3.0のリリースがブログでアナウンスされました。Angular 4.0.0に正式に対応したり、Ionic Pageデコレータが追加されたりしています。ということでここではIonic 3.0...
XSERVERで最新サーバに移行してLinuxbrewをインストールするまでの手順
2016年11月29にからXSERVERでは旧仕様のサーバ（sv1～sv1999.xserver.jpサーバー）から最新サーバ（sv2001.xserver.jp以降）への移行が始まっています。2017年3月29日時点で...
スマホで Google の画像検索をすると AMP ページが表示されるようになりました
Search Engine Land の記事によると、スマホから Google の画像検索をすると検索結果に AMP（Accelerated Mobile Pages）が表示されるようになりました。ということで日本でも表...
macOS Sierra でスクリーンショットのファイル形式・保存先・保存ファイル名を変更したり影をなくしたりする方法
Macでは command（⌘）+ shift + 3 で画面全体のスクリーンショットを撮ることができます。また3を4にすると撮影範囲を選択することができます。デフォルトではPNG形式のファイルがデスクトップに保存される...
世界の大手出版社の導入事例から見る、AMPの有用性とAMPでのページ制作のススメ
Googleはスマホなどのモバイル端末でのウェブページ閲覧をより快適なものにするため、2015年10月にAMPプロジェクト（Accelerated Mobile Pages Project）を公開しました。現在ではBBC...
2016年のGoogleウェブマスター向け公式ブログを振り返る
タイトルのとおり、今年2016年にGoogleのウェブマスター向け公式ブログで投稿された記事を振り返っていきます。イベントの告知等の記事については飛ばしてあります。ウェブ制作者向けの内容となっているので注意してください。
スマホサイトの内容を充実させていますか？2017年に向けたホームページ制作の基本を知ろう
ビジネスオーナーですでにホームページをお持ちの皆さま、スマートフォン向けにつくられたサイトをお持ちですか？またそのサイトはパソコンで閲覧する場合と同じように充実した内容をもっていますか？ もしスマートフォン向けにつくられ...
amp-analyticsの基本からクリックイベント・スクロール量の計測を行うサンプルコードまで – AMP HTML入門
去年2015年10月のAMP発表当時はGoogle Analyticsでのトラッキングのためにamp-pixelを使う必要がありましたが、amp-analyticsコンポーネントの導入によって簡単にトラッキングコードを作...
2017年のウェブ制作に欠かせないAMP・レスポンシブデザインをぜひ体験してください
検索エンジン最適化（SEO)は今やウェブサイト制作には欠かせないものになっています。ウェブサイトは制作してそれで終わりではありません。SNSを通した発信に始まり、インターネットの検索でいかに多くのユーザー（顧客）の目に触...
AMP HTMLページの検証にAMPBenchを使ってみた
AMP ProjectのGitHubページに登録されているリポジトリを見るとampproject/ampbenchというのを見つけました。なんでもAMPページのデバッグをしてくれるということで、早速使ってみました。
PHPでSearch Console API (Webmaster Tools API)を叩く
新しくウェブサイトを作るたびにSearch Consoleでhttp/httpsとwwwあり/wwwなしのURLを登録するのが面倒になってきたので、APIを叩いて一気にできないものかと思ってSearch Console ...
Laravel SocialiteをベースにしてLaravelにLINE loginを実装するための手順
LaravelにはオフィシャルパッケージとしてSocialiteというのが用意されています。これを使うとFacebook, Google, linkedIn, GitHub, BitbucketといったサービスでのOAu...
Facebookの投稿Feedを取得してAMP HTMLのamp-facebookで表示させる手順のまとめ
APIがコロコロ変わって何かと面倒で有名なFacebookですが、投稿フィードを取得してAMP HTMLのamp-facebookを使ってページに埋めこむWordPressのプラグインを作成したので、その際に必要となった...
AMP Projectが広告表示を高速化させたAMP4ADSの準備を進めている件
WordPressでプラグインを入れたりしてAMP対応している方はご存知だと思いますが、Search Consoleの「検索での見え方」→「Accelerated Mobile Pages」でAMPで作ったページのエラー...
WordPressに移行してAMP HTMLでテーマ「Amplified」を自作しました
これまでHexoを使ってブログを書いていましたが、毎回コマンドラインからビルドしないといけないのと、ブログ更新の間隔が空いた期間にnpmをアップデートしたらHexoがこけたりするようになってうんざりしたので、WordPr...
CSSの背景画像でSVG要素を使う場合にIEにも対応させる書き方
AMP HTMLを使っているとamp-carouselの左右のボタンなんかがそうなんですが、background-imageにSVGのコードをベタッと貼り付ける場面があったりします。そのときにIEの対応まで考えるとdat...
Drupal 7でGithub Flavored Markdownを使えるように設定する
最初は「drupal markdown」でググって引っかかったMarkdown FilterやMarkdown editor for BUEditorを試してみたけど、どうもGithub Flavored Markdow...