タグ

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

  • 2026年版「基本的なウェブアプリケーションを構築する」のチュートリアル手順作ってみた | DevelopersIO

    初めてAWSのサーバレスサービスを学習するときに利用できる「基的なェブアプリケーションを構築する」の内容を2026年現在でも実行できる手順にしてみました こんにちは、臼田です。 みなさん、AWSのハンズオンで学習してますか?(挨拶 今回は長らくAWSでサーバレスの入門編として活躍していた、AWS初心者向けハンズオンコンテンツである「基的なウェブアプリケーションを構築する」がリニューアルされ以前のようにGUIベースで簡単に使えなくなってしまったので、旧来の手順を2026年版として起こします。以前は下記手順のようにAWSの提供するコンテンツと併用する手順を作っていましたが、記事のみでサーバレスの入門として成り立つように編集しました。 ※内容を順次2024年版から更新していきます。一部古い内容が入っていることをご了承ください 概要 AWSでは「サーバレス」と呼ばれる領域のサービス群やこれら

    2026年版「基本的なウェブアプリケーションを構築する」のチュートリアル手順作ってみた | DevelopersIO
    jusuke
    jusuke 2026/01/14
  • ゲームエンジニアである私が Twilio に魅了された理由 | DevelopersIO

    電話や SMS ──ゲーム開発には縁のないはずの通信インフラが、ある日突然 Web API という文脈で目の前に現れたら?記事では、ゲームエンジニアの視点から Twilio に感じた驚きと、その技術を使って生まれうる「にじみあうゲーム体験」の可能性について語ります。 はじめに ゲーム開発者としてキャリアをスタートして以来、私にとって電話や SMS といった技術はまったく縁のない存在でした。それらは主に業務アプリやカスタマーサポートの文脈で使われるものであり、リアルタイムな演出やインタラクションを重視するゲーム開発の現場ではまず扱う機会がありません。仕様も複雑そうで、何より「番号を取得する」 「メッセージを送る」といったプロセス自体にどこか物理的で制度的な重さを感じていたのです。 私自身そうした領域には正直あまり関わりたくないと考えていました。Web API の設計や UI のリアルタイム

    ゲームエンジニアである私が Twilio に魅了された理由 | DevelopersIO
    jusuke
    jusuke 2025/11/16
  • Markdownでシーケンス図とかが書けるMermaid記法で業務フローを書いたら意外とイケたので自分なりのコツを紹介してみる | DevelopersIO

    こんにちは、臼田です。 みなさん、業務設計してますか?(挨拶 今回はMarkdownでシーケンス図やフローチャートなどの図を記述できるMermaidを使って業務フローを書いてみたら、意外と書けたので自分なりのTipsを紹介したいと思います。 その前に 注意点として、まだMermaidを使い始めたばかりなので、「もっとこうしたらいいぞ」とか「こっちのほうがいいぞ」とかあれば建設的なフィードバックとしてSNSとかでいただけるとありがたいです。 あと業務フローって表現しましたが、人によって思い描く業務フローが違うと思うので、業務フローの定義に関するツッコミはご容赦ください。私が今回Mermaidで書いたのは以下の図です。(内容はブログ用に簡素化しました) この図のコードは以下のとおりです。(後ほど解説します) sequenceDiagram autonumber actor お客様 partic

    Markdownでシーケンス図とかが書けるMermaid記法で業務フローを書いたら意外とイケたので自分なりのコツを紹介してみる | DevelopersIO
    jusuke
    jusuke 2022/05/01
  • DeepLの”公式”Chrome拡張がヤバイ。TwitterもSlackも英語でつぶやき放題 | DevelopersIO

    ちゃだいん(@chazuke4649)です。 DeepLの公式Chrome拡張機能がヤバかったので勢いにまかせて紹介します。 "公式版"がリリースされてたの知ってた? DeepL翻訳(ベータ版) - Chrome ウェブストア ベータ版ではありますが、いつの間にか公式版がリリースされていました。自分は今まで公式版がなかったので、以前は非公式版のツールを使っていました。 インストールする Chromeウェブストアからインストールすると、右上にアイコンが表示されます。それをクリックすると以下ポップアップ画面が表示されます。 現時点では以下2つの機能が存在します。 読む: ブラウザ上の文章を任意の言語に翻訳して表示できる 書く: ブラウザ上に入力している文字を任意の言語に変換できる それぞれ試してみます。 「読む」 一般的にはこちらがよく認知されている機能だと思います。 下図のように、翻訳したい

    DeepLの”公式”Chrome拡張がヤバイ。TwitterもSlackも英語でつぶやき放題 | DevelopersIO
    jusuke
    jusuke 2021/12/25
  • Web制作時にGoogleChrome拡張のAccessibility Insightsを使ってアクセシビリティの評価を行う | DevelopersIO

    いわさです。 皆様、アクセシビリティに配慮したWebサイトの設計されてますでしょうか。 Webアクセシビリティを評価するためのツールがMicrosoftから提供されていますので紹介したいと思います。 Accessibility Insightsというツールです。 元々はMicrosoftにて内部開発されていたもので、2019年にオープンソース化されています。 日はWebサイトのアクセシビリティの評価を行いたいと思いますが、AndroidWindowsのアプリケーションにも対応しています。 Webアクセシビリティの場合はGoogle Chromeの拡張として提供されています。 Webアクセシビリティとは 全ての利用者や環境下において、使用できるようにWebサイトが設計・開発されていることを指します。 弊社の以下のエントリをご参照ください。 使ってみた テスト用のWebサイトはSeleni

    Web制作時にGoogleChrome拡張のAccessibility Insightsを使ってアクセシビリティの評価を行う | DevelopersIO
    jusuke
    jusuke 2021/07/28
  • ゴールデンウィークは自宅で学習だ!Google Cloud のトレーニングラボが30日間無料で利用できます! #うちで過ごそう | DevelopersIO

    Pluralsight および Coursera はキャンペーン期間終了後、通常料金が課金されますのでご注意ください。 今回は無料で利用可能な Qwiklabs と Pluralsight を申請しました。招待メールは各サービスごとに届きます。 お得な利用方法 無料期間の開始は、特別オファーの申請時点ではありません。各種サービスでサブスクリプション登録が完了してから 30 日間になります。 どちらもそれなりにボリュームがありますので、最初にいずれか一方を有効化し、5月31日までにもう一方を有効化すると、実質的に 2 ヶ月弱の間、無料で GCP の学習環境が利用可能になります。 もちろんハンズオン中心の Qwiklabs と、講義動画および確認テスト中心の Pluralsight を同時に進めたい場合は同時に利用しても良いでしょう。 Qwiklabs(セルフペースハンズオン) まずは Qwi

    ゴールデンウィークは自宅で学習だ!Google Cloud のトレーニングラボが30日間無料で利用できます! #うちで過ごそう | DevelopersIO
    jusuke
    jusuke 2020/05/03
  • 社内の精鋭たちを集めて3週間でAmazon Goっぽい仕組みを作った | DevelopersIO

    渡辺です。 米中で無人コンビニ沸騰 機動力の良さ日でも - 日経電子版で弊社の取り組みが紹介されました。 筆者が参加した小売り関係者の勉強会では、米中の視察の報告会に加え、アマゾン・ゴーを実際に再現したシステムの体験会があった。 企画した会社は、クラスメソッド(東京・千代田)。アマゾン・ウェブ・サービス(AWS)で国内有数の実績をもつシステム会社で、なんと3週間で疑似的な体験システムを完成させた。 日は、こちらの記事で紹介されたAmazon Goの再現システム(以下、Yokota de Go)について、技術的な部分を紹介します。 なお、このエントリーは、上記2018年7月のデモ時点の実装に基づきます。 また、3週間程度で、試行錯誤しながら、実験をしている段階であることをご理解ください。 Amazon Goに関しては、Amazon Go体験ツアーを参照ください。 発端 ある日、ボスが「A

    社内の精鋭たちを集めて3週間でAmazon Goっぽい仕組みを作った | DevelopersIO
    jusuke
    jusuke 2018/11/05
  • [レポート] Tensorflow勉強会(4) が開催されました! | DevelopersIO

    はじめに 昨日 6/22 六木ヒルズ Google Inc 東京オフィスで TensorFlow勉強会の四回目 が開催されました。記事はそのレポートとなります。 Google機械学習プロダクトのアップデート Google Inc 佐藤一憲氏 スライド準備中 構文解析ツール SyntaxNet あまり既存の研究成果とくらべて差異はないらしい CloudTranslateAPI Tensor Processing Unit CPUでもGPUでもない、新しいプロセッサ 新しくチップをゼロから設計してもらった 8bitCPUと誤解されてるが、それはMisLeading 中身の詳細はこれからPaparが出る 具体的にはビット量子化をハードウェアで直接サポート SharedMemoryが大きくなる 最大の売りは電力効率 下記サービスで用いられている RankBrain AlphaGo Goog

    [レポート] Tensorflow勉強会(4) が開催されました! | DevelopersIO
    jusuke
    jusuke 2016/06/24
  • Chef、Vagrantに興味があるけどRubyをやったことない技術者が最低限知っておいた方がいい知識 まとめ | DevelopersIO

    最近、ChefやVagrantを勉強し始めたのですが、設定がRubyで記述されているため私は「たのしいRuby」を読んで勉強することにしました。 私は元々Rubyに興味があったのでいいのですが、Ruby知らないしそのために勉強するのは大変だから手を出すのをやめとこう、と思う人がいるかもしれないのでこれだけ知っていればある程度読めるのではないか、というポイントをまとめました。 まったくプログラミングをしたことない方には説明するのは無理なのでプログラミング経験があり 条件分岐、ループ、クラス、メソッド、文字列 が何か分かるくらいの方が対象です。if文、for文など他の言語でもあるようなものは省いていきます。 真面目にRubyを勉強したい方は下のアフィリエイトから「たのしいRuby」をポチって下さい! まずはHello World まずはHello World です。実際にやってみる必要はないと

    Chef、Vagrantに興味があるけどRubyをやったことない技術者が最低限知っておいた方がいい知識 まとめ | DevelopersIO
    jusuke
    jusuke 2013/09/08
  • HTML5 × CSS3 × jQueryを真面目に勉強 – #12 Pinterest風グリッドレイアウトを作ってみた | DevelopersIO

    そんな訳で、写真共有SNSの一つであるPinterest(ぴんたれすと)。従来のグリッド式レイアウトのように高さが均一のグリッドが整然と並べられているのと違い、異なる高さのグリッドが画面いっぱいに敷き詰められているレイアウトが特徴的でオサレです。(※こういったレイアウトはピンボード風と呼べば良いのでしょうか…?) Pinterest Pinterest とはピンボード風の写真共有のソーシャル・ネットワーキング・サービス。特に女性に人気がある。ウェブサイトとアプリはテーマに基づいて写真のコレクションを作ることが出来る。サイトのミッションステートメントは「面白いと感じるものを通じて世界全員をつなぐ」。アメリカ Palo Alto にある Cold Brew Labs によって運営されている。 Wikipediaより引用(http://ja.wikipedia.org/wiki/Pinteres

    jusuke
    jusuke 2013/01/16
  • 1