はてなブックマーク

「iOSのプッシュ通知の実装ってどうやるの！？」 「Androidにも一緒にプッシュ通知送りたいけど何を使えばいい！？」 こんにちは、タカフです。 最近扱っている案件でプッシュ通知の実装があったのですが、AWSを使っているとわりと他のAWSリソースと統合出来るので特に指定がなければAWS SNSでプッシュ通知するのがシンプルでいいかと思っています。 で、いざ実装方法をネットサーフィン（死語）で探してみると、出てくる記事が2019年度現在としては古い記事だったりしたので、カフーブログにて画像付きでまとめてみました。 今回は、AWS SNS + iOS でのプッシュ通知の実装の内容となっています。 ※本記事は予めAppleDeveloperProgramに登録していることを前提としています。 証明書・プロビジョニングファイル・P12ファイルの作成 まずはAppleサイトで証明書周りを準備する必

「htaccessで特定環境の時だけBASIC認証をかけたい」 「htaccessで複雑なリクエストURIの時だけBASIC認証をかけたい」 こんにちは、タカフです。 .htaccess便利ですよね。 Webアプリケーションを色々カスタマイズするときに欠かせない.htaccessですが、いかんせん記述ルールが覚えづらい！！ その独特な記述ルールから、覚えても実装する時は不安だったりするので結局毎回ググってはいる気がします。 そんな中、Apache2.4になってより細かい制御も出来るようになり、ちょっと目から鱗のコードがあったので紹介します。 環境毎にBASIC認証をかける Apache2.4からはIfディレクティブが使えるようになり、より細かい制御が出来るようになりました。 例えば開発環境の時だけBASIC認証をかけたい時などは次のように記述します。 <If "%{HTTP_HOST} =

こんにちは、カフーブログのタカフです。 2021年現在、Web開発はもっぱらDockerを使って開発することが多くなりました。 Macは元がUNIXなのでDockerとの親和性も高く開発しやすかったのですが、WindowsだとWSL登場前まではDockerとの相性は良くなく敬遠されがちでした。 しかし、WSL(Windows Subsystem for Linux)の登場により、Windows上でもLinuxが動作させやすくなり、さらにWSL2がリリースされたことで、WindowsでDockerは格段に扱いやすくなりました。 Hyper-Vが使えなかったWindows 10 HomeでもWSL2を使うことでDockerが使えるのはうれしいですよね。 本記事ではそんなWSL2とDockerのインストール方法手順を記事にしました。 まずはWindows Updateをしよう WSL2のシステム

こんにちは、タカフです。 AWSの提唱している、 「WordPress:Best Practices on AWS」 を和訳してみました。 以下からです。 スケーラブルなWordPress搭載Webサイトのリファレンスアーキテクチャ 2019年10月 概要 このホワイトペーパーは、システム管理者にアマゾンウェブサービス（AWS）でWordPressを開始する方法と、展開のコスト効率とエンドユーザーエクスペリエンスの両方を改善する方法に関する具体的なガイダンスを提供します。 また、一般的なスケーラビリティと高可用性の要件に対応するリファレンスアーキテクチャの概要も示します。 はじめに WordPressは、PHPとMySQLをベースにしたオープンソースのブログツールおよびコンテンツ管理システム（CMS）であり、個人のブログからトラフィックの多いWebサイトまであらゆるものに使用されます。 W

こんにちは、タカフです。 Dockerでローカルマシンに開発環境を構築する時の悩み・やりたいことって色々ありますよね。 例えば僕の場合はこんな感じです。 コマンド一発でローカルマシンにLAMP開発環境を作りたい おなじみのポート番号アクセスはやめてドメインアクセスにしたい ローカル開発環境とてSSLで開発を進めたい DocumentRootはプロジェクト配下のサブディレクトリ(public/htdocs等)にしたい PHPのXdebugは使えるようにしたい（もちろんWebもCliも） MySQLのDBデータはホスト側にもって永続化させたい といったところでしょうか。 もしあなたがDockerでLinux・Apache・PHP・MySQL開発環境を作るにあたって、この中に該当するものがあったなら本記事の内容はお役に立てるかもしれません。 今回全て解決して、その構築方法を記しました。 コマンド

「PHPでWEB APIを開発することになったけど、簡単に作れないかな？」 「APIで取得したいデータはクライアント側からある程度自由に決められないかな？」 こんにちは、カフーブログのタカフです。普段は主にWEB系開発をしています。 Webアプリ開発でもネイティブアプリ開発でも、切っても切れない腐れ縁となるのがWebAPIによるデータ取得ですよね。 そんなAPIを開発していて最近思う事があります。 「僕は何回同じコード書いてるんだ！？」と。 WebAPIって、クライアントからのリクエストに応じてサーバー側でDBのテーブルを読み取って、最近の主流ではjson形式で返却したりしますが、 単一のテーブルから単純に取ってくるだけの処理のコードって毎回同じですよね。 APIを開発する度にまた同じ様なコード書くのか、と思うわけです。 で、このようにWebAPIで単純なデータをやりとりするだけのPHPラ

「Windows PC欲しいんだけど、Surface Pro 7って実際のところ評判どう？」 「Surface Pro 7はプログラミング作業には向いてる？」 「Surface Pro 7はメインマシンとして実用的？」 こんにちは、カフーブログのタカフです。 もしあなたがSurface Pro 7についてこのような疑問を持っているなら、当時同じ事を考えていたこのSurface Pro 7レビューは微力ながらお役に立てるかもしれません。 僕は普段の仕事では主にプログラミング作業などでPCを使っています。 その時のメインPCとしてはとにかく作業効率を重視するので、PCを買い替えるだけで仕事が捗るならと、投資の意味も込めてわりと1, 2年でメインPCを買い替えたりします。 そして数年前から買い替えるPCは全てノートPCです。 何故なら、今の時代ノートPCがとてつもないパワーを持っているので、デス

「ユーザー認証にはAmazon Cognitoが便利そうだけどPHPの既存システムも再利用するにはどうすればいい？」 こんにちは、カフーブログのタカフです。 本日の記事はたぶん役立つ人にはめちゃくちゃ役立つ記事かと思います。 今開発しているアプリにおいてフロントエンドでユーザー認証にCognitoを使おうと思っていますが、 サーバーサイド上でAPIを通じてそのユーザーのデータを取得する時などはそのユーザーかどうか検証しなくてはいけません。 本記事では、Cognitoで認証されたユーザーがPHP製のAPIを通してデータ提供するにはどうするかをお答えします。 本記事のシステム概要 公式ドキュメントにいい画像があったのでそのまま引用させて頂きます。 ご覧の通り、Cognitoのユーザープールから認証処理で取得したアクセストークンを、バックエンドで検証してこのユーザーにだけ許可されたデータを取得す

「AWSのS3にhtmlをアップしたけど、これにBASIC認証付けられないかな？」 こんにちは、タカフです。 CloudFront + S3、いいですよね。 ただのhtml + css + js だけなら、CloudFront + S3 + ACM(SSL) の組み合わせで、httpsのセキュアなサイトが最安で最強なサーバーを構築することが出来ます。 さて、そんなS3によるWebサイトでもBASIC認証をつけたいことがあります。 例えば、サイトのリリース前とか、社内確認用、とかのケースですね。 これ、AWSのLambda@Edgeを使えば、わりと簡単に実現できます。 lambda@edgeとは、簡単に言うとCloudFrontでリクエストを受けたりレスポンスを返したりする時に、独自処理を入れられるサービスの事です。ここにBASIC認証を入れるというわけです。 今日はその方法を記事にしていき

こんにちは、タカフです。 PHPでWeb開発ってなった時に、ユーザーIDを生成する処理って往々にしてあると思います。 その時にやってはいけないのが、MySQLのAutoIncrement等で生成された連番を使ってしまうこと！ あからさまにcookieとかGETパラメータとかに自分のIDが「15」って表示されていたら、ちょっとでも悪意あれば「16」にしてアクセスしたくなりますよね。（笑） 正しくセッション管理とか色々制御されていたとしても、非常に危険です。どこに脆弱性があるかわからないのですから。 そう、他人のユーザーIDを簡単に類推出来てしまうIDって決していいシステムとは言えないのです。 というわけで、「ユーザーIDは基本的にAutoIncrementの値はNG！もしくは類推できてしまうユーザーIDもNG！」と思っておきましょう。 で、じゃあ新しいユーザーをMySQL等のDBにINSER

どうも、タカフです。 さて、今日はjsネタです。 jsで開発しているとどうしても気になるのがブラウザキャッシュですよね。jsファイルは静的ファイルなのでデフォルトの設定だとF5でリロードしただけでは、サーバーにアップロードしてるのに前のソースのままとかよくあります。そこで今日はjsキャッシュを無効化する方法を３つ紹介します。 ※ブラウザはChromeに限った話になります。 1.Ctrl+Shift+Rで強制リロード（スーパーリロード） Ctrl+R(MacはCmd+R)ならノーマルリロードですが、Ctrl+Shift+R(MacはCmd+Shift+R)でそのサイトのブラウザキャッシュを削除した上でリロードしてくれます 2.Developer Toolsでキャッシュ無効化 Chromeには、そもそもブラウザキャッシュを無効化する設定があります。Developer Toolsを開いて、[Ne

どうも、タカフです。 サーバー連携するiPhoneアプリを作るときに絶対に出てくるのが、サーバーへの向き先を切り替えたりバンドルID切り替えて1端末に共存させたりする要件が出てきますよね。今回はそれを記事にしたいと思います。 プロジェクト名を仮で「MyApp」とします。 まずはじめにStaging用のBuild Configurationsの追加です。 デフォルトでDebugとReleaseはあるのでStagingだけ追加します。 プロジェクト画面でPROJECTがMyAppのinfoタブのConfigurationsのとこで、＋を押下します。 Duplicate “Debug” Configurations Duplicate “Release” Configurations で選択肢が出ますが、Stagingも開発用と見なすならDuplicate “Debug” Configurati

どうも、タカフです。 MySQLに絵文字が格納出来ないことにはまり、結論としては文字コードをutf8mb4に設定することで解決したのですが、 このWEBデベロッパーなら必ず一度はつまずく「MySQLの文字コード」について本日の記事にしたいと思います。 と、その前に今回の記事は、MySQLと言えばのサイト「漢のコンピューター道」の奥野様の本を多いに参考にしました。 http://www.amazon.co.jp/exec/obidos/asin/4774142948 MySQLを勉強するならこれ以上の本はないです。買っておいて損はしないと思います。是非。 それでは本題。まず、今現在私のテストサーバーのmysqlにログインして以下のコマンドを叩いてみました。 bash mysql> SHOW VARIABLES WHERE Variable_name LIKE 'character\_set\

iPhone・Androidアプリを作ると、世間に広めるために色々なところにダウンロードリンクを貼ることがあると思います。 しかし、そのためにわざわざ専用のバナーを作ったりするのも（プログラマーだったら）大変なので、以下のようなよく見るダウンロードバナー画像を利用したいところです。 なんとこのバナー画像は、AppleもGoogleも簡単にhtmlを生成してくれるWEBツールを用意しています。 iPhone版はこちら https://linkmaker.itunes.apple.com/jp/ Android版はこちら http://developer.android.com/distribute/tools/promote/badges.html とりあえずのバナーリンクとしては十分使えると思います。 また、このバナーリンクなら純正感があるから、ついつい押したくなりそうですね。 現場からは