タグ

ブックマーク / blog.fenrir-inc.com (6)

  • Jenkins はもうオワコン? Concourse CI で iOS 向けビルドをやってみた

    忙しい人向けのまとめ Concourse CI は Docker による構築が容易で、CLI による処理を自動化出来ますが、シンプルなUIしか持っていません。 そのため、Jenkins のように特定の個人に依存することなく、分散化した自動化のためのプラットフォームとして有望です。 モバイルアプリのビルドにも使えるので実際に試してみました。 Jenkins は最高! そう考えていた時期が俺にもありました こんにちは、普段は iOS 向けのアプリを作っている森です。 弊社では、以前よりアプリのビルドを始め定型作業の内、自動化出来るものを Jenkins で行うこととしております。 そもそもの導入の目的は、提供するアプリの品質を安定させるため、環境が変化しやすい個人の端末ではなく、特定のビルド専用機でビルドを行う必要があり、それを実施できる WebUI が欲しい、というところにありました。 導

    Jenkins はもうオワコン? Concourse CI で iOS 向けビルドをやってみた
    tokorom
    tokorom 2017/07/15
  • 初心者でも今すぐできる!? After Effects でアニメーションデザイン

    こんにちは、デザイナーの横山です。 ウェブやアプリで使われるアニメーション。適切に使えば、要素の意味がわかりやすくなったり、心地よい印象を与えたりできますよね。 そんな便利なアニメーションですが、実装の際エンジニアの方に、「ここからスゥーッと来てここでビュンとなるんですけど」とイメージだけ伝えても実現が難しいです。とはいえ、今からよく知らないツールを覚えて、実際のアニメーションを作って見せてというのは面倒…。そんな経験ゼロの方でもとりあえずアニメーションデザインができる、超最低限の方法をご紹介します! 使うツールは? いくつかツールがありますが、デザイナーなら一番手に入れやすい(?)After Effects を使います。 慣れれば動画なども作れますし、応用範囲が広いです。また、Adobe 製品ですから、Illustrator や Photoshop の操作感となんとなく似ているところもメ

    初心者でも今すぐできる!? After Effects でアニメーションデザイン
    tokorom
    tokorom 2016/08/31
  • 新米パパがグッときた!本当に役立つ妊娠・子育てアプリ

    今日は、Fenrir Advent Calendar 2015 の 15 日目! こんにちは。デザイナーの長野です。先日、第一子が生まれて、子育てにあたふたしています。今日は、妊娠中から育児中の現在までに使用したアプリの中で、役に立った!グッときた!アプリをご紹介します。 ninaru 妊娠中に役立つ情報を配信してくれるアプリ。つわりや出産後の手続きなど、妊娠中に抱える悩みや疑問はたくさん。そんな悩みや疑問に答えてくれる情報を妊娠週数に合わせて教えてくれます。また、おなかの赤ちゃんの成長具合がイラストですぐにわかるから、アプリを起動するだけでうれしくなってグッときます。 ( iPhone / Android ) 育児手帳 育児のときに役に立つ情報や子どもの成長を記録できるアプリ。子どもの成長に合わせて、気になる悩みや疑問に答えてくれるコンテンツが配信されます。「上手なげっぷのさせ方」といっ

    新米パパがグッときた!本当に役立つ妊娠・子育てアプリ
    tokorom
    tokorom 2015/12/15
  • 画面レイアウトを行うときに便利なツール « Elegant Apps Developers

    こんにちは。BoltzEngine 担当の伊藤です。 Windows 10 の最新版、April 2018 Update (バージョン1803、ビルド17134.1) が配信されました。このアップデートで、Windows 10 の Microsoft Edge でもウェブプッシュが使えるようになりました。 これまで Chrome や Firefox を別途導入する必要がありましたが、標準の Edge だけでプッシュ通知が実現できるようになったので、今後より利用しやすくなりました。 こんにちは! 島根支社でウェブエンジニアをしているカナツです。 GW も終わり、現実と向き合う日々に引き戻されたみなさま、いかがお過ごしでしょうか。 次の大型連休は島根観光をオススメします。自然が豊かすぎる島根で非日常的な日々を過ごしたくないですか? 前置きはさておき、みなさん、チーム開発時のソースコード管理って

  • iPhone/Android/PC 対応。jQuery で書くタッチイベント

    こんにちは!プロダクト企画担当の林です。 今回は、前回予告していた通り、タッチイベントについて書かせていただきます。 他所でもタッチイベントについて取り扱っていますが、当記事でのポイントは、 jQuery を使っている。(jQuery Mobile は不要です) iOS / Android で動作確認済み。 タッチできない PC の場合、マウスで動く。 この3点です。 こちらを実際に動作するコードにて解説します。 動作確認環境 タッチ環境 → iPhone / iPad / Android マウス環境 → Sleipnir / IE / Firefox / Google Chrome / Safari / Opera タッチイベントについて タッチイベントとは、スマートフォンなどで画面を直接指でタッチしたときに発生するイベントのことです。 イベントの種類 touchstart : タッチし

    iPhone/Android/PC 対応。jQuery で書くタッチイベント
  • 【CSS3】 jQuery を使って iPad でネイティブアプリ並に滑らかなアニメーションを実現する書き方

    こんばんは、企画の林です。 今回は iPad 専用ウェブアプリ、Sleipnir Start for iPad の開発で学んだ CSS3 でのアニメーション処理についてお話します。 iPhone / iPad 向けのウェブアプリを作ろうと考えている方で jQuery 使いの人に優しい内容です。 ※ Sleipnir Start for iPad が何か分らない方は前回の記事をどうぞ。 iPad 上のブラウザで、ネイティブアプリのように滑らかにのアニメーションさせるためには jQuery.animate() を使ってはいけません。 CSS3 の transform:translate3d を使って GPU 上で処理させる必要があります。 (jQuery.animate() 関数はお話にならないくらいカクカクした動きになってしまいます。) 上下左右どの動きも transform:transla

    【CSS3】 jQuery を使って iPad でネイティブアプリ並に滑らかなアニメーションを実現する書き方
  • 1