スマホアプリ開発

アイコンの作り方(パワポ、GIMPでめちゃ簡単に)

アイコンを久しぶりに作ったので、作り方を書いていきます。
Font Awesomeとかでもいいっちゃいいんですけどね。

アイコン結構大事だと思います。
いつも見えているアイコンがダメダメだと、サービスもダメダメに見えてしまいそうです。

その前にアイコンの今回の変更を少しご報告。

0. アイコン変更しました

変えた点は5点。

・検索ページをフッターにin、トークルームout
・ホームの名前

もっとみる

PWANightに参加してきました!その1-オフライン対応とServiceworker

こんにちは。
昨日PWANightというPWAを学ぶ勉強会&懇親会に行ってきました。
初めての勉強会だったのですが、なかなか楽しめました。
で、僕もPWA使っているので意外と話せること多いなと思い、次回以降LTで登壇しようかなと思いました(次回のLT枠が次の日の朝には埋まっていて驚きました。人気!)。
その時に話す内容は今日の内容と結構かぶったりするかもー。

PWAについて簡単に

PWAとは、

もっとみる

「お前の子供いらない」って言われた話

ClubCloudを導入中のチームのコーチが、メンバーにサービス内容に関する聞き取り調査を行ってくれました。
が、そこにショックな言葉がありました。
動作が遅い、反応が悪い等は、動的コンテンツ(キャッシュ出来ない)のPWAなのである程度割り切っているところなため(とはいえ善処します)まだいいんですが、

インスタ(検索)とLINE(共有)とデフォルトのカメラロール(動画比較)で足りる

というのは

もっとみる

簡単にコンテンツ共有。Web Share API すごいっていう話

Web Share API、ご存知でしょうか。
Web Share APIを使うと、以下のような、よくあるシェアするネイティブ機能が簡単に使えるようになります。

サービスの普及に関して、コンテンツをどれだけ簡単に他の人にシェアしてもらえるかはとても重要だと思います。
もちろん各種SNSボタンを配置しても良いのですが、Twitterをやってない人にTwitterのボタンを表示しても無駄ですし、スペ

もっとみる

現在最大のバグ(Lambdaで変換した動画が見られない)

今一番困っているバグについてです。
動画がどっかに消える!というものです。

ClubCloudの動画のフォーマット

ClubCloudでは練習日記として動画を多く扱い、かつチームでその動画を共有するので、動画フォーマットを一番汎用性があるmp4に変換しています。

アップロードの可能性が高いものとしては、iOSのmov、アンドロイドの拡張子なし動画とmp4、デジカメのMTSがあります。
アンド

もっとみる

Canvasのimageをfileにして送信

noteを始めてから13日連続で更新していたのですが、日付が変わってしまって連続更新が途絶えてしまって残念です…笑
連続で更新すると、noteが「すばらしいです!」って投稿するときに褒めてくれるのに…。

さて、新機能についての説明です。
動画のスクショをcanvasに貼り付けて、線を描き込んだあと、それをコメントに載せてサーバーに送信します。

ここでやっていることは、

1. canvas.t

もっとみる

動画のスクショに描き込める新機能!(HTML5 Canvas API)

動画のスクショに直線などを描き込める新機能を実装しました!
サービスはこちらから(新着練習日記のところから練習日記ページにとべます)
PWA対応です。

スクショに直線と、フリーハンドの線が描き込めます!
言語化しづらいアドバイスを伝える手助けになります。
実はHTML5のCanvasはこれまで触ったことなかったのですが、集中して1日でこの機能を実装することが出来ました。
機能の設計を含め、地力が

もっとみる

メニュータッチが効かないバグ

今日も手短に一つバグを紹介します。
トップページではハンバーガーメニューを使っているのですが、開いたメニューのタッチ(クリック)感度が悪いという声をお聞きしました。
思い当たる節があったので見てみると、予想的中しました。
transition-delayの設定をし忘れていたのです。

新しいハンバーガーメニュー

どういうことか説明します。
ClubCloudでは、疑似要素 : focusを使った

もっとみる

新BeatMasterのUIについて

こんにちは、リズムトレーニング専用iOSアプリ「BeatMaster」シリーズの原作者、安田陽です。皆さまいかがおすごしでしょうか? わたくしは怒濤のライブ月間となった2月をなんとか乗り切り、期限ぎりぎりの3月13日に確定申告も無事に終わり、いま束の間のホッと一息タイムを頂いております。

さて、今回の記事では、このアプリを一新するにあたっていま私たちがどんなUI(ユーザーインターフェイス)を検討

もっとみる

新BeatMaster、メトロームエンジン部分の精度検証が終了し開発ロジックを決定の巻(後編)

こんにちは、安田陽です。リズム感をスパルタトレーニングするiOSアプリ「BeatMaster」シリーズの再生プロジェクトが2月1日からスタートして今日でちょうど1ヶ月。想像以上のスピードで(いまのところ、ですが)進んでいまして、プロジェクトリーダーの私としてはかなり嬉しい状況です。

さて、前回からの続きを書かせて頂きたいと思うのですが、結局、ポイントは「メトロノームアプリの場合、時間の計測をプロ

もっとみる