AMPを採用したWebサイトをリリースし、運用してきた雑感

AMP

アシアル鴨田です。とあるプロジェクトで、AMP(Accelerated Mobile Pages)を使用したWebサイトを作成しており、その中で得た知見を少しお話したいと思います。 AMPに関する基本的な説明は省きますので、「AMPとは」みたいな検索で概要を把握しておいていただければと思います。 「AMPとは」Google検索結果 CSSのサイズに気をつけろ AMPでは、CSSのサイズ上限が決まっ …

このエントリーをはてなブックマークに追加

AndroidXサポートライブラリへの移行について

Monacaチームの小田川です。 Androidでは、アプリを複数のAPIバージョンに対応させる場合、以前のバージョンでも新しい機能を利用できるようにサポートライブラリが用意されています。サポートライブラリについては、こちらを参照してください。 Android 8.0(APIレベル 27)までは、android.support.*でパッケージされているサポートライブラリが利用されていましたが、An …

このエントリーをはてなブックマークに追加

モナド変換子を使ってテストを便利に(PureScript)

こんにちは。Monaca開発チームの内藤です。私は普段、プログラミングをする場合はJavaScriptや、JavaScriptに変換出来るAltJSを使うことが多いのですが、今回は、数あるAltJSの中の一つであるPureScriptについて取り上げてみたいと思います。 そもそもPureScriptとはどんな言語かというと、いわゆる関数型プログラミング言語の一種で、文法はHaskellに似ていて( …

このエントリーをはてなブックマークに追加

MonacaのリモートビルドでbuildFlagを設定する方法

Monacaチームの小田川です。 Cordovaプラグインでは、ビルドの際にbuildFlagの設定が必要になるケースがあります。Monacaで提供しているリモートビルドでは、ビルドサーバ側がCordovaのcordova buildコマンドを発行しているため、利用者側からcordova buildコマンドに対してbuildFlagを設定することができません。 Cordovaでは、ビルド構成ファイ …

このエントリーをはてなブックマークに追加

AWS AppSync環境を AWS Cloud Formation で構築する

先日、プロトタイプ開発のために利用していたAppSyncをGUIでポチポチ構築するのからCloud Formationで構築するように移行したので、備忘録がてら概要を記事にまとめました。意外とこのあたりの記事が少なかったので参考になればと思います。 構成 今回の記事では、あれこれ簡略化するためDynamoDBにidとnameのみを持つ User情報を保存しそのデータをAppSync経由で取得する、 …

このエントリーをはてなブックマークに追加

Custom SchemeプラグインとAngularJSのunsafe問題について

Monacaチームの小田川です。 前回投稿しました WKWebView環境でダウンロードした画像を表示してみる でも触れましたが、Monacaで利用しているCordovaでは、外部リソースにアクセスする際に、file:// スキームが使用されます。WKWebViewでは、セキュリティー制限により、file:// スキームでリソースにアクセスすることができません。 この問題に対応するために、Mona …

このエントリーをはてなブックマークに追加

デザイナーが学ぶJavaScript ―ロボット プログラミング部 番外編―

ブログ画像

こんにちは、デザイナーの小高です。デザインエンジニアの方の、「子供のころにプログラミングができるレゴブロックを作っていた」というエピソードを聞いたきっかけで、ロボット好きエンジニアSさんとはじめた「ロボット プログラミング部」の活動もリモートワーク中でちょっとお休みぎみ。 前回の記事、ロボット工作編はこちらになります。 デザイナーが学ぶロボットプログラミング工作部_JavaScriptで動く子供向 …

このエントリーをはてなブックマークに追加

WKWebView環境でダウンロードした画像を表示してみる

Monacaチームの小田川です。 これまでは、Qiitaに月一くらいのペースで投稿していましたが、今回からアシアルブログに投稿することになりました。今回は、WKWebView環境で外部サーバからダウンロードした画像を画面に表示するテストをしてみたいと思います。 file:// スキーム Monacaで利用しているCordovaでは、外部リソースにアクセスする際に、file:// スキームが使用され …

このエントリーをはてなブックマークに追加

iPhoneアプリのアップデート申請

ご無沙汰しております、アシアル笹亀です。ブログを書くのは、大変久しぶりになります。実はアシアルでは最近、noteもはじめております。アシアルの仕事の取り組み方、考え方、様々なメンバーについて知ることができます!是非、ご興味があるかたはこちらも一読いただけますと嬉しいです。 https://note.asial.co.jp/ 久しぶりにiPhoneアプリをアップデート申請をするときありますよね? i …

このエントリーをはてなブックマークに追加

Chromeで外部アプリ起動時の確認画面を非表示にする方法

ご無沙汰しています。田中です。 会社が原則在宅勤務となってからは、ZoomやTeamsを使ってビデオ会議やキャッチアップを行うことが日常になったのですが、会議へのリンクをクリックした時に、毎回ブラウザーが確認画面を出してくるのが面倒に感じていました。 調べたところ、Chrome 79以上であれば、下記のように設定を行うことで、これまで通り確認画面をスキップすることができることがわかりました。 ma …

このエントリーをはてなブックマークに追加