バックエンドもフロントエンドもインフラも Terraform でつくってみた

2024/12/09 11 users Terraform インフラ フロントエンド バックエンド

この記事は terraform Advent Calendar 2024 の 9 日目の記事です。 Terraform だけでアプリケーションのバックエンド・フロントエンド・インフラをつくったので紹介します。 つくったもの 利用技術 バックエンド フロントエンド インフラ Full-Stack Terraform まとめ つくったもの 画像を表示するだけのサンプルアプリ... 続きを読む

「Threads API」公開、サードパーティアプリの開発が可能に／テスト用のサンプルアプリも提供

2024/06/19 9 users Threads API サードパーティアプリ 開発 テスト用

続きを読む

StreamlitとFastAPIで非同期推論MLアプリを作る

2021/06/20 5 users Streamlit FastAPI デモアプリ Python

StreamlitはPythonだけでwebアプリを作ることができるツール（ライブラリ）です。フロントに関する知識がほとんど不要なため、簡単なダッシュボードやデモアプリを作るのに適しています。公式のページでは様々なサンプルアプリが公開されています。 ところで機械学習（特に深層学習）モデルでは、例えば画像1枚あたり数... 続きを読む

AWS CI/CD for Amazon ECS ハンズオンをやってみた | Developers.IO

2020/12/22 16 users ハンズオン Developers.IO パイプラ 概要 下記

AWS Fargateを触ってみたい、でも時間が...というあなたに冬休み中にできる3時間程度のハンズオンを 概要 AWS CI/CD for Amazon ECS ハンズオンをやってみました。 ハンズオンは下記の3本立てです。3時間程度で終わりました。 サンプルアプリのコンテナイメージ作成 AWS Fargate環境構築とコンテナ実行 CI/CDのパイプラ... 続きを読む

React Hooks + Redux Hooks + TypeScript で SPA を構築する - 30歳からのプログラミング

2019/07/05 146 users TypeScript SPA React Hooks 現時点

タイトルに書いた組み合わせで SPA を作るときにどのような設計にするのか、現時点での考えを記録しておく。 チュートリアルの次の一歩というか、現実的なアプリを構築する際の基本となる考え方。 状態管理とどう向き合うかが、主要なテーマになっている。 サンプルアプリ 具体的なコードがないと話を進められないので、... 続きを読む

TypeScript のビルド＆デバッグ環境構築とデバッグ方法: ある SE のつぶやき

2018/02/18 25 users TypeScript users sample XXX ビルド

はじめに 前回の記事 では、TypeScript の開発環境構築の方法をご紹介しましたが、この記事では Visual Studio Code を使用してビルドとデバッグを行う環境構築方法とデバッグの仕方をご紹介します。 なお、開発環境は Mac を想定しています。 サンプルアプリの作成 なお、プロジェクトのフォルダを、/Users/xxx/sample で開いて app.ts を作成します。 le... 続きを読む

FragmentをonCreateで何も考えずにaddして増殖するケースが後を絶たない件 - Qiita

2017/08/12 75 users Qiita Fragment Activity ＡＤＤ パク

連続して3つの現場で同じバグが発生しているアプリを直すという経験をしたので、おそらくかなり多発している気がするこのような不幸が発生することが減るように書き残しておきます。 Fragmentのaddを何も考えずonCreateに書くとActivityのリストア時にリークする 例えば以下のようなごく単純なサンプルアプリ。 public class MainActivity extends AppCom... 続きを読む

Rails 5の目玉機能「Action Cable」で双方向通信を実装（2） (1/3)：CodeZine（コードジン）

2017/07/10 17 users CodeZine Action Cable 双方向通信 実装

前回はRails 5目玉機能の1つであるAction Cableのサンプルアプリ実装を通してAction Cableへの理解を深めました。今回は引き続きAction Cableのサンプルアプリを拡張して、発言をデータベースに保存できるようにし、会員登録機能と関連付けを行います。 発言をデータベースに保存する まずは発言をデータベースに保存できるようにします。発言をDB保存するにあたり、まずはサーバ... 続きを読む

RunKeeperやNike+並みのパフォーマンスを実現する高精度位置情報フィルターの作り方 — 位置情報を正確にトラッキングする技術 in Android (第3回)

2017/03/12 236 users RunKeeper パフォーマンス バス 路地裏 技術

RunKeeperやNike+並みのパフォーマンスを実現する高精度位置情報フィルターの作り方 — 位置情報を正確にトラッキングする技術 in Android (第3回) 前回までのサンプルアプリを実機にインストールして色々なところを移動してみると 高いビルに囲まれた路地裏や、木が茂っている公園の中、または厚い雲に覆われた天気で自分の位置とずれたところにパスが描かれることがあるのがわかります。 実は... 続きを読む

「Google丸投げ」でiOSアプリ開発が恐ろしくラクになる！Firebaseの使い方 - WPJ

2017/02/01 649 users Firebase WPJ ラク iOSアプリ開発 サーバー

Googleが運営する #Firebase を使えば、面倒なサーバーの処理は任せて、クライアント側の開発に集中できます。サンプルアプリを例に、基本的な使い方を体験してみましょう。「Google丸投げ」でiOSアプリ開発が恐ろしくラクになる！Firebaseの使い方 2017/02/01 Joyce Echessa Articles in this issue reproduced from Sit... 続きを読む

Amazon Lambdaにまとめてアップロードするやつ - ✘╹◡╹✘

2015/08/03 30 users Amazon Lambda ヤツ アップロード ツール 方針

2015-08-04 Amazon Lambdaにまとめてアップロードするやつ https://github.com/r7kamura/api-gateway-lambda-example Amazon API GatewayとAmazon Lambdaを一緒に管理できるようなツールをつくろうとしてて、とりあえずサンプルアプリをつくりながら徐々にツールに切り出していこうという方針でやってみている。... 続きを読む

モバイル向けシングルページアプリに最適！ 軽量JSフレームワーク【Mithril】 - 基礎編 （1/3）：CodeZine

2015/07/14 70 users CodeZine Mithril 本稿 基礎編 執筆時点

本連載はLINEのフロントエンドエンジニアのチームがWeb開発において注目・活用している技術を紹介します。今回は海外で少し話題になったJavaScript Framework「Mithril」の使い方について簡単にご説明します。 本稿は日本語記事がまだ少ないMithrilの基本機能の紹介を目的とした「基礎編」として、簡単なサンプルアプリを基に導入方法や主要メソッドを解説していきます。執筆時点のバー... 続きを読む

AngularJSのサービス開発とユニットテスト ～テストの流れを把握して保守性の高いコードにしよう （1/2）：CodeZine

2015/02/06 46 users ユニットテスト CodeZine AngularJS テスト

本連載は、JavaScriptのMVCフレームワークである、AngularJSを使った開発の解説記事です。前回で完成したタスク管理をするサンプルアプリを使って、データ管理をサーバ（PHPで実装）で行うように変更します。そして、後半はユニットテストの方法を紹介します。AngularJSのDI機能はテストを行いやすい構造にすることができますので、テストの流れを把握した上でコードを記述するとよりメンテナ... 続きを読む

Androidのテスティングフレームワークを選定してみる - Qiita

2015/01/25 96 users テスティングフレームワーク Qiita Android 環境

はじめに Androidで良い感じにテストするために、たくさんあるテスティングフレームワークを試してみました。 環境 OS X Android Studio 1.0.2 テスト用サンプルアプリ 入力された値を足して表示するだけのサンプルアプリ（アクティビティを跨いだテストもしたいので2画面構成）。 リポジトリ https://github.com/shikato/AndroidTestSample... 続きを読む

MEANスタックで始めるWebアプリ開発入門（2）：いまさら聞けないNode.jsの基礎知識とnpm、Gulpのインストール (1/2) - ＠IT

2015/01/13 130 users Gulp npm MEANスタック LAMP node.js

連載目次 前回から始まった「MEANスタックで始めるWebアプリ開発入門」ですが、第1回、「LAMPに代わる構成として注目のMEANスタックの基礎知識とインストール、ひな型作成」では、MEANスタックの概要について説明とセットアップ、サンプルアプリの作成を通して最初のMEANスタックアプリに触れてみました。 今回からはMEANスタックの各構成要素についてもう少し詳細な解説をしていきます。第2回とな... 続きを読む

"Rails 4で作るドラッグアンドドロップで表示順を変更できるサンプルアプリ"をAngularJSで - Qiita

2014/12/08 23 users Rails Qiita AngularJS Ajax 実現

はじめに 『Rails 4で作るドラッグアンドドロップで表示順を変更できるサンプルアプリ(スクリーンキャスト付き)』という記事，読まれたことがある方も多いと思います． RailsでAjax（via jQuery）を使ったデータの更新，ドラッグアンドドロップの実現，その他UXを向上させるためのいろいろな技などが詰まった最高にありがたい記事です．拝むしかない． お世話になった方も多いのではないでしょう... 続きを読む

RailsアプリをCakePHP3とMigrationsプラグインで移植する - Engine Yard Blog

2014/11/18 15 users Railsアプリ Engine Yard Blog 移植後

順調に開発が進むCakePHP3、最新のベータ版も公開され正式公開が近づいています。 今回はEngine Yardが公開しているRailsのサンプルアプリをCakePHP3に移植する形で実際に利用するポイントを確認してみます。 移植元のRailsアプリ engineyard/todo 移植後のCakePHP3アプリ yandod/cakephp3_todo 行った作業の流れを元にポイントを紹介しま... 続きを読む

Rails 4で作るドラッグアンドドロップで表示順を変更できるサンプルアプリ(スクリーンキャスト付き) - Qiita

2014/07/30 75 users サンプルアプリケーション Qiita Heroku 順番 手順

はじめに データの並び順を自由自在に入れ替えたい、という要求があったとき、ドラッグアンドドロップで順番が変えられるとなかなか便利です。 そこで本記事ではドラッグアンドドロップによる表示順変更機能をRails 4で実装する手順を説明します。 補足資料 理解しやすくするための補足資料をいろいろ用意してみました。 デモサイト Herokuにデモサイトを作ってみました。 元々のサンプルアプリケーションはC... 続きを読む

なっぴーのブログ: Android Wearのサンプルアプリを動かしたメモ

2014/07/09 26 users WEAR mobile Android Wear メモ 画面

2014年7月9日水曜日 Android Wearのサンプルアプリを動かしたメモ 4.4Wのサンプルアプリを動かしてみました。数が多くて忘れそうなのでメモります。 AgendaData MobileとWear両方 MobileからWearにカレンダーの次の予定を投げるアプリ Wearに画面はなく、Mobileから投げたデータをWearのサービスが受け取って、そこからWearにNotificatio... 続きを読む

node-webkit をインストールして、サンプルアプリを動かすまで - Qiita

2014/05/01 38 users node-webkit Qiita

公式サイトから、パッケージをダウンロード。 2014/05/01 だと v0.9.2 が最新。 展開して、node-webkit.app を/Applicationにコピー。 Hello World 手始めに Hello World を書いて、動かす。ファイルの内容は、Quick Startのまま。 $ mkdir hello-nw $ cd hello-nw $ vim index.html <... 続きを読む

AV Foundationで120fpsスローモーション動画撮影を実装する - Over&Out その後

2013/12/17 31 users GitHub iOS AVFoundation shu223

iOS, Objective-CiPhone5sだけのスペシャルな機能として、秒間120コマでの高速撮影 があり、標準カメラアプリではこれを利用した スローモーション動画撮影機能 が可能となっています。 これに類する機能をAVFoundationで実装できないかやってみたところ、うまくいったので、その方法を紹介します。 できたものサンプルアプリをGitHubにアップしております。shu223/Sl... 続きを読む

ニュース - NTTコム、Webブラウザー間でP2P型の音声/ビデオ通話を可能にするWebRTCサービス公開：ITpro

2013/12/05 22 users ITpro WebRTC SkyWay NTTコム 広義

NTTコミュニケーションズは12月5日、Webブラウザー間で音声/ビデオ通話を可能にするWeb API型の基盤サービス「SkyWay」を発表し、サンプルアプリのソースコードを公開した。広義のHTML5の一つとして標準化が進むWebRTCの仕組みを利用しており、Webブラウザーにプラグインをインストールすることなく動作させられる。 続きを読む

iOSのアイコンをidenticonに替えるgemを作った | 直

2013/11/13 25 users iOS gem アイコン iOSアプリ デフォルト

このgemを使うとこんな感じになります。使い方は簡単でプロジェクトのルートでpicon generateを実行するだけです。 開発中のiOSアプリとかサンプルアプリをいくつか実機にインストールすると、デフォルトの真っ白（iOS 7だと幾何学模様）なアイコンでホームが埋まって、あんまりキレイじゃないというかどれがどれだかパッと分からないのが、ほのかな問題意識として感じていました。 そこで、アプリのb... 続きを読む

iBeaconの解説 - Reinforce-Lab.'s Blog

2013/10/21 38 users iBeacon BLE iOS ＮＦＣ 時流

iBeaconとその使いかた O2Oの時流のためか、誰が言い出しのかわかりませんが、にわかにiBeaconがネットニュースで取り上げられ話題になってきています。BLEを利用した近接位置検出を決済に利用する会社などもあるためか、NFCと混同したり、魔法の杖のように語るなど、無知もいい加減かんべんして欲しいので、簡単にiBeaconとiOSでの使いかたを簡単にまとめます。 サンプルアプリのソースコード... 続きを読む

iBeaconの解説 - Reinforce-Lab.'s Blog

2013/10/21 168 users iBeacon BLE iOS ＮＦＣ 時流

iBeaconとその使いかた O2Oの時流のためか、誰が言い出しのかわかりませんが、にわかにiBeaconがネットニュースで取り上げられ話題になってきています。BLEを利用した近接位置検出を決済に利用する会社などもあるためか、NFCと混同したり、魔法の杖のように語るなど、無知もいい加減かんべんして欲しいので、簡単にiBeaconとiOSでの使いかたを簡単にまとめます。 サンプルアプリのソースコード... 続きを読む