タグ

ブックマーク / dev.classmethod.jp (12)

  • HTTP Live Streamingで動画を配信してみる | DevelopersIO

    参考:動画配信プラットフォーム on AWS 2014.05.22 Amazon Data Service Japan 上図の中の HLSがHTTP Live Streamingです。 HTTPストリーミングの配信技術で、全てのプラットフォームに対応していると言えます。 (注1) QuickTime Player 10以上や、るMicrosoft Edge(Windows10)で再生可能です。InternetExplorerでは再生できません。 3 構成 HTTP Live Streamingの構成は、次の図で表現できます。 iPhoneなどのクライアントは、Webサーバに配置された動画ファイルにHTTP(HTTPS)でアクセスします(①)。 Webサーバ上の動画ファイルは、メディアセグメントファイル(.ts MPEG-2トランスポートストリームファイル)と、インデックスファイル(

    HTTP Live Streamingで動画を配信してみる | DevelopersIO
    tiadeen2
    tiadeen2 2021/09/07
  • curlでパフォーマンス測定 | DevelopersIO

    コマンドラインツールのcurlを用いてHTTPによる通信のパフォーマンスを調べる方法を考えていこうと思います。 curlとは curlはURLを用いてデータをやりとりするためのコマンドラインツールもしくはライブラリです。 コマンドラインツールとしてはcurl、ライブラリとしてはlibcurlがあります。 HTTPだけではなくFTPやSMTPなど様々なプロトコルに対応しています。 自分は主にCLIからHTTPリクエストを送りたい時などに使っています。 使ってみたい方は以下の方法でインストールできると思います brew brew install curl apt apt install curl --write-outを使ってパフォーマンス測定 curlには様々なオプションが用意されていますが、今回、主に用いるのはこの-w, --write-outオプションです。 このオプションは指定したフォ

    curlでパフォーマンス測定 | DevelopersIO
  • OAuth 2.0 を参加者全員がある程度のレベルで理解するための勉強会を開催しました | DevelopersIO

    現在私は barista という OpenID Connect と OAuth2.0 に準拠したID製品の実装を行っています。 また、私の所属する事業開発部では prismatix というEC、CRMAPI 製品の開発を行っていますが、この prismatix の認可サーバーとして barista を利用しています。 barista チームの増員や、prismatix の認可についての理解を促進するため OAuth 2.0 をある程度しっかりと理解しているメンバーを増やしたかったので、勉強会を開催しました。 勉強会の内容 概要 雰囲気でOAuth2.0を使っているエンジニアがOAuth2.0を整理して、手を動かしながら学べるを全員で輪読 OIDC 編はこのあとやる予定 攻撃編もやりたい RFC 読んだりもしたい 参加者全員が以下を満たすことが目標 OAuth 2.0 の意図を理解

    OAuth 2.0 を参加者全員がある程度のレベルで理解するための勉強会を開催しました | DevelopersIO
  • 「ECサイトの決済システムを作るなら知っておきたいこと」というテーマで話をしました #devio2020 | DevelopersIO

    はじめに 6/16から7/7までテーマごとに合計7日間、クラスメソッドの年次技術イベント「Developers.IO 2020 CONNECT」を開催しております!セッションは100以上となります。 日 2020/06/30 Day5 に、「ECサイトの決済システムを作るなら知っておきたいこと」というタイトルでライブセッションをさせていただきまました。 セッション概要 EC サイトの決済システムを作る上で必要となる機能や決済フローに関して、 prismatix の決済サービスと合わせてご紹介します。 登壇資料 動画 Q&A セッションの中でいただいた質問につきまして、その場では答えられなかったこともありましたので、改めて prismatix の各精鋭メンバーに確認した上で回答させていただきます。 Q1 : EC サイト上の1つの注文が複数回の出荷に別れたとき、決済サービス側の売上確定処

    「ECサイトの決済システムを作るなら知っておきたいこと」というテーマで話をしました #devio2020 | DevelopersIO
    tiadeen2
    tiadeen2 2020/07/03
    Q3、Stripeのようなトークン式の実装は個人的にはpay.jpのドキュメントが一番分かりやすかったな。
  • Amazon CloudSearchで日本語文書を検索する | DevelopersIO

    Amazon CloudSearchが大幅アップデート 先日、CloudSearchが大幅アップデートされたということでニュースになっていました。日語を含む多くの言語に対応し、自動補完、位置情報、フィールドタイプ、MultiAZ、IAM対応など盛りだくさんです。そこで、今回はCloudSearchの使い方や使いどころをご紹介します。 基的な使い方 CloudSearchの使い方は3ステップです。ドメインの作成、文書のアップロード、そして検索です。順番に見て行きましょう。 ドメインの作成 管理コンソールからCloudSearchを選んでドメイン作成を選択してください ドメイン名、インスタンスタイプ、レプリケーション数を決めます。まずはお試しとして最小構成を指定します。 次にドメイン内に定義するインデックスのフィールドを指定します。自分でゼロから定義することもできますが、文書をアップロード

    Amazon CloudSearchで日本語文書を検索する | DevelopersIO
  • [働き方] リモートワークにおけるコミュニケーションについて | DevelopersIO

    こんにちは。小室です。2014年の10月から北海道札幌市に移住し、1年ちょっとが経過しました。 基的にリモートワークで日々の様々な業務をこなしているのですが、そこで気づいたリモートワークにおけるコミュニケーションについて振り返ってみたいと思います。 リモートワークにおけるコミュニケーション リモートワークにおけるコミュニケーションは各社色々と工夫しているかと思います。ただやはり大半はチャットツールを基にしているのではないでしょうか。代表的なところだと以下の様なサービスでしょうか。 Chatwork Slack Swiggle idobata IRC いずれも文字チャットをベースとしたコミュニケーションツールです。 チャットは日常会話の延長ではない 文字によるコミュニケーションはどんなツールに頼っても、実際にF2Fで会っている人たちとの日常会話に比べると情報量はかなり削られます。これはチ

    [働き方] リモートワークにおけるコミュニケーションについて | DevelopersIO
    tiadeen2
    tiadeen2 2016/01/05
    redmineとかのチケットでどう指示出しするか、という参考にもなりそう。文脈忘れた頃にみても分かるように共有する感じ。
  • これからAWSを使ってIoTをやってみたい人が抑えておくべき10のキーサービス & 7つのキーワード #reinvent | DevelopersIO

    こんにちは、せーのです。 今回はAWSの沢山あるサービスの中から、Re:InventのIoT系のセッションに参加した結果「これはやっといた方がいいなあ」というAWSのサービスとAWS以外のキーワードについて重要度順にご紹介したいと思います。 AWS サービス AWS IoT 今回初登場したAWS初のIoT系サービスです。 IoTでネックになりがちなMQTTSによるセキュアな通信や、スケールするブローカーによる振り分け、オフラインになったデバイスとのステータスSync等をAWS側で一手に引き受けてくれる、フルマネージドのサービスになります。 デバイス側にもSDKが提供されていますので、すごくシンプルにデバイスとAWSをつなげることができます。一方で「Shadow」や「Rule」等AWS IoT特有の考え方もあるので、ここはきっちり抑えておきましょう。 公式APIリファレンス: AWS IoT

    これからAWSを使ってIoTをやってみたい人が抑えておくべき10のキーサービス & 7つのキーワード #reinvent | DevelopersIO
  • Amazon EC2再入門 2015年1月版 | DevelopersIO

    ウィスキー、シガー、パイプをこよなく愛する大栗です。 半年前に「Amazon EC2再入門 2014年7月版」と銘打ってEC2の記事を書きましたが、AWSらしい頻繁なアップデートによって古くなっている部分もあるので、記事もアップデートしようと思います。 最近EC2関連の重要アップデートが出てきました。嬉しい機能が増えているのですが、昔の知識では使いこなせないので、現時点でのEC2の起動方法について纏めようと思います。 起動手順 EC2を起動していきましょう。 AMIの選択 AMI(Amazon Machine Image)を選択します。 AMIの種類 Amazon Machine Image(AMI)には以下のような種類があります。 My AMI 自分で作成したAMIです。 AWS Marketplace Marketpkaceで公開されているAMIです。 Community AMI 他の

    Amazon EC2再入門 2015年1月版 | DevelopersIO
  • CORS(Cross-Origin Resource Sharing)によるクロスドメイン通信の傾向と対策 | DevelopersIO

    CORS(Cross-Origin Resource Sharing)って何? CORS(Cross-Origin Resource Sharing)は、その名の通り、ブラウザがオリジン(HTMLを読み込んだサーバのこと)以外のサーバからデータを取得する仕組みです。各社のブラウザには、クロスドメイン通信を拒否する仕組みが実装されています。これは、クロスサイトスクリプティングを防止するためです。Aというサイトに訪問したのに、Bというサイトに向けて個人情報を送っていたというのは困りますよね。例えば、オリジンから読み込んだHTML内のJavaScriptでJSONデータを読み込むとしましょう。JSONデータが同じサーバにあれば普通に読み込めますが、別のサーバにある場合は読み込めません。まぁ実際のところはJSONPという仕組みを使ってできちゃったりしますが、抜け道的なやり方で使われていました。CO

    tiadeen2
    tiadeen2 2013/11/29
    EC2とS3はクロスドメインになるので従来はJSONPを使う他なかったが、CORS設定があれば普通のJSON呼び出しをダイレクトにアクセスできるそうな。分かりやすい!
  • Amazon Elastic Transcoder メディア変換サービス来た! | DevelopersIO

    Amazon Elastic Transcoderとは AET(Amazon Elastic Transcoder)は、映像・音声をユーザーが再生可能なフォーマットに変換するクラウドサービスです。 入出力の形式 重要だと思ったので最初に言いますが、入力形式としてサポートしている動画フォーマットは、3GP, AAC, AVI, FLV, MP4です。出力形式としてサポートしている動画フォーマットは、H.264/AAC/MP4です。音声データは、2-channel AACです。サンプルレートやビットレートは変更可能です。 変換可能な形式(プリセット)一覧 AETが変換可能なメディア形式は以下になります。これらはよくある形式として最初から登録されています。この他にも自分でエンコード形式を定義することも可能です。 System preset generic 1080p System preset

    Amazon Elastic Transcoder メディア変換サービス来た! | DevelopersIO
  • HTML5で追加されたinput要素のタイプはiPhone、Androidでどのくらい使えるのか | DevelopersIO

    HTML5でinputタグのタイブが追加されましたが、現行のiPhoneAndroidでどのくらい使えるのか調べてみました。 OSとブラウザに関しては以下の機種で調べています。 iPhone 5(iOS6)のSafari Galaxy S3(Android 4.04)のGoogle Chrome バージョン18 目次 テキスト入力 検索(search) 数値(number) 電話番号(tel) URL(url) メールアドレス(email) 日付・時間指定 時間(time) 日付(date) 日時(datetime) 日時(datetime-local) 週(week) 月(month) その他 範囲から指定(range) 色選択(color) テキスト入力 まずはテキスト入力系の属性を調べてみます。 見た目が変わったり、フォーカスインした際の入力モードが変わります。 検索(search

    HTML5で追加されたinput要素のタイプはiPhone、Androidでどのくらい使えるのか | DevelopersIO
    tiadeen2
    tiadeen2 2012/10/31
    一方、Android2.3では全く機能しなかったのじゃー。あと半年くらいは2.3が多いカモ。機種変が楽しみ!
  • HTML5 × CSS3 × jQueryを真面目に勉強してみる – #4 LESS | DevelopersIO

    そんな訳で、拡張メタ言語の中でも特にハードルの低いだろうLESSに触れてみることにしました。 拡張メタ言語 - LESS メタと称されるだけあって、LESSはHTMLCSSJavaScriptといった類の言語とは毛色が違います。そういった言語によって記述されたソースコードと同じ意味(機能)を持ちながら、より簡略的に表現できるようにしたための言語というわけです。 念のため分かりやすく補足しておきますと、メタとは比喩とか暗喩という意味であって、「アンタなんか牡丹じゃなくて豚よッ!」というセリフの豚という表現が正にメタに当たります。 ※豚というのは例えであって、当に動物の豚だといっているわけではありません。 他にもこのような拡張メタ言語には、CSSに対してSCSS(Sass)、HTMLに対してHamlといったものがあります。JavaScriptに対してCoffeeScriptというのが比較

  • 1