はじめに 最近興味がある Rust を使ってなにか動くものを作りたいな、と思ったので簡単な Web アプリを作ってみたメモです。 ついでに AWS App Runner を使うとコンテナイメージを簡単にWebに公開できると聞いたので、試してみました。 作った Web アプリの概要 エンドポイントは２つ / : ただメッセージを返すだけのエンドポイント（動作確認用） /listbuckets : S3バケットの一覧をJSONで返すエンドポイント rusoto ではなくaws-sdk-rust を使ってます v0.0.8-alpha です。まだこれからって感じです。 S3 サポートしたっていうのを発見した ので使ってみようと思った次第です。 コンテナイメージを作成 Rust公式イメージ (rust:latest) を使ってます。 執筆時点では 1.52.1 でした。 $ docker run
You can work more efficiently on a Mac that's organized. So, here are some valuable tips to give you a head start. For many people, their Mac is the central hub of their digital life. If you're one of them, your Mac may store all kinds of information and documents, leading to a buildup over time. Therefore, it's essential to keep your computer organized so that you know where important items are a
React Native vs Flutter: What to choose in 2020 | HackerNoon
Too Long; Didn't Read React Native with JavaScript and Flutter with “dark” Dart are both highly successful, multi-platform application development techs forming talks and news. KitRUM: Which tech stack provides the quickest time-to-market? What do we prefer - ReactNative or Flutter - to develop an app? ReactNative is more uncomplicated to achieve a ‘native sense” with React Native than with Flutte
Okta SDKを活用してiOSアプリにログイン機能を簡単に組み込む手順と外観のカスタマイズ方法 | TC3株式会社｜GIG INNOVATED.
はじめに Oktaは、2021年5月6日にAuth0の買収を完了し、IDaaS分野でのリーダーの地位をさらに強固にしています。TC3株式会社はOktaのOktaのSolution Providerパートナーであり、2021年3月25日にOktaを活用した『デジタル顧客接点トータルサービス』を発表いたしました。 今回のブログ記事では、数あるOktaのチュートリアルの中からiOSアプリでのユーザーログインの実装をやってみました。その手順とログイン画面の外観のカスタマイズ方法などをご紹介致します。 Browser sign in 手っ取り早く動作確認するために今回はアプリ独自のログイン画面を作らずにOktaが提供するブラウザ上のログイン画面を利用します。この公式チュートリアルは以下にあります。 Sign users in to your mobile app また、既にOktaからサンプルアプリ
Google スプレッドシートを使ってサーバレスなサイト巡回botを作り、slackに通知させる - Qiita
はじめに サーバを監視するサービスはサーバ屋のオプションサービスであったりしますが、サーバがダウンしていなくてもDBのテーブルがクラッシュしているとWebサイトが見られない状態になっていることがあり、サーバ監視では気づけないことがあります。 Webサイトを死活監視するプログラムを作っても、それを設置しているサーバがダウンしてしまっては監視になりません。でも、数える程度のWebサイトを監視するためにわざわざ冗長化されたサーバを構築しては費用対効果が合いません。 そういうときに使えるのが Google Apps Script（GAS）です。Googleアカウントを持っていれば無料で使え、サーバも必要ありません。Googleの膨大なインフラで支えられているので滅多なことでは落ちません。slackに通知させるようにすればお客様より先に気づくことができ、バタバタ慌てることもなくなります。 Slack
Research indicates that carbon dioxide removal plans will not be enough to meet Paris treaty goals
Enabling continuous workflows for AWS App Runner service with persistency using AWS Copilot CLI | Amazon Web Services
Containers Enabling continuous workflows for AWS App Runner service with persistency using AWS Copilot CLI We recently launched a new service called AWS App Runner, the simplest way to build and run your containerized stateless web application on AWS. App Runner provisions and manages all the required resources for you to run containers such as build pipelines, load balancers, scaling in and out,
Announcing Cloudflare Images beta to simplify your image pipeline
Announcing Cloudflare Images beta to simplify your image pipeline04/20/2021 Today, we are announcing the beta of Cloudflare Images: a simple service to store, resize, optimize, and deliver images at scale. In 2018, we launched Stream to provide a single product that could be used to store, encode, and deliver videos. With Cloudflare Images, we are doing for images what Stream did for videos. Just
概要 ChatGPTと会話できるSlack botを実装しました。SlackからすぐにChatGPTに質問することができるようになり、またSlack内でプロンプトの共有や回答内容の検索ができるようになり便利です。 Slack Bolt SDKとOpenAI SDKを活用し、AWS Lambdaにデプロイすることでスピーディに実装することができます。この記事ではその実装方法をステップバイステップでご紹介します。 botの機能 実装したSlack botには以下の機能があります。 メンションされた内容に対してスレッドでChatGPTが返信 スレッド内でさらにメンションされるとそれまでの会話の内容を踏まえて回答 Slack APIアプリケーションの作成 まずはSlack APIを利用するためのアプリケーションを作成します。以下の画面から「Create New App」で新規作成しましょう。名前と
The Metaverse: What It Is, Where to Find it, and Who Will Build It — MatthewBall.co
The Metaverse: What It Is, Where to Find it, and Who Will Build It Note: This essay was released in January 2020, expanding on a piece I wrote in 2018. In June 2021, I released a nine-part update, 'The Metaverse Primer'. In July of 2022, W. W. Norton publishes my book “The Metaverse and How It Will Revolutionize Everything”. In the spirit of openness, I’ve kept all my old essays up. But I would lo
Next.js 13 アプリケーションを Amplify Hosting でデプロイする | Amazon Web Services
Amazon Web Services ブログ Next.js 13 アプリケーションを Amplify Hosting でデプロイする この記事は、Deploy a Next.js 13 app to AWS with Amplify Hosting を翻訳したものです。 本日、AWS Amplify Hosting は Next.js 12 と 13 のサポートを発表しました。サーバーサイドレンダリング（SSR）、API ルート、ミドルウェア、インクリメンタル静的再生成（ISR）、画像最適化などの Next.js の機能をアプリで利用することができます。 Next.js の機能のサポートに加えて、Amplify Hosting は AWS 上での Next.js アプリの実行体験を向上させています。 より高速なビルド。Next.js アプリのデプロイが 3 倍以上速くなるため、開発者は
Rust on Nails | Cloak
Rust on Nails A full stack architecture for Rust web applications This article is now outdated and has been replaced This article was more popular than we expected and as we added more content grew beyond the size of a blog post. It is now available on it's own mini site at https://rust-on-nails.com The old article To build a web application you need to make architecture decisions across a range o
Word、Excel、PowerPointが1つになった新アプリ「Office」が公開 画像からExcelの表にする機能も搭載｜男子ハック
Word、Excel、PowerPointが1つに！画像をExcelの表に変換する機能もMicrosoftの提供する、モバイル版「Word」「Excel」「PowerPoint」を1つにまとめた新アプリ「Office」が公開されています。 新しい「Office」アプリは、3つのアプリを1まとめにし、スマートフォンの強みを活かす機能を追加。iOS / Androidで公開されていますが、残念ながらiPadOSには未対応です。 モバイルならではの操作として、「書類を撮影して編集可能な Word ファイルに変換」「表を撮影して Excel に変換し、そのデータを操作」「ホワイトボードや書類の画像を作成して自動補正する Office Lens 機能」などが追加されています。 Office アプリは無料で誰でも利用可能。「Office 365」サブスクリプションに登録すれば、アプリの全機能が利用でき
CFnテンプレートを、各種プログラミング言語のコードから生成するフレームワーク TypeScript, JavaScript, Python, Java, C#から好きな言語を選択できる（2019-07-26現在） リソースの構造をコードで管理できるようになる 繰り返しや参照、構造の再利用やパラメータの注入など、CFnテンプレートでは表現が難しかった記述が柔軟にできるようになる 下のレイヤーに潜っているCFnの存在を意識できないと、使うのが辛そう 要点 Constructs constructは、SDKアプリにおいて基本的な構成単位になる。 あらゆる構成物を包括するクラウドコンポーネントを意味する コンポーネントの中身は1つのリソースでもOK 複数のリソースからなる高レベルなコンポーネントであってもOK AWS Construct Library CDKにはConstruct Librar
What's New In DevTools (Chrome 87) | Blog | Chrome for Developers
New CSS Grid debugging tools DevTools now has better support for CSS grid debugging! When an HTML element on your page has display: grid or display: inline-grid applied to it, you can see a grid badge next to it in the Elements panel. Click the badge to toggle the display of a grid overlay on the page. The new Layout pane has a Grid section offering you a number of options for viewing the grids. C
Next.js 14 和訳
雑に翻訳しました。 意訳がめちゃくちゃ含まれているので注意です。 Next.js Confで発表したとおり、Next.js 14 は、下記の点に最も重点を置いたリリースです。 Turbopack : App & Pages Router で 5,000種のテストに合格 ローカルサーバーの起動が53%高速化 Fast Refreshによるコード更新時の反映速度が94%高速化 Server Actions (Stable) : Progressive EnhancementなMutationを実現する キャッシュと再検証の統合 シンプルな関数呼び出し、またフォームとネイティブに連動 Partial Prerendering (Preview) : 高速な初期静的レスポンス + 動的コンテンツのストリーミング Next.js Learn (New) : App Router、認証、データベースな
Database Migrations
Table of Contents I consider database migrations one of the most annoying problems to deal with during a software engineer’s life. Not only that, if it goes wrong, as it often does, people tend to develop anxiety related to any schema changes. So why is it so annoying? It looks simple at first glance but is deceptively tricky when you start thinking about it. My primary framework of choice is the
リンクを任意のブラウザで開くことができるMac用ユーティリティ「Velja v2.0」がリリース。アイコンを刷新し開いたリンクの履歴表示やHTTPSで開く機能を実装。
リンクを任意のブラウザで開くことができるMac用ユーティリティ「Velja v2.0」がリリースされています。詳細は以下から。 VeljaはSindre Sorhusさんが2022年から開発しているブラウザユーティリティ(Browser Picker)で、デフォルトブラウザの切り替えやリンクを開くブラウザの指定ができますが、このVeljaがv2.0へメジャーアップデートしています。 The app now requires macOS 14. You can get the last macOS 13 compatible version from the app’s website. リリースノートより抜粋 Velja v2.0では、アプリケーションアイコンが刷新され、システム要件がmacOS 13 VenturaからmacOS 14.3 Sonomamへ引き上げられたのに加え、 開いた
はじめに本記事の内容は Laravel5.5 で検証しています。 DB にデータを保存するDB にデータを保存する方法は、大きく分けて Eloquent でモデルインスタンスを作成して保存する方法と、SQL で直で保存する方法の 2 通りあります。 Eloquent でモデルインスタンスを作成して保存する方法はさらにいくつかの方法に分かれます。 1. create メソッド // fillableかguardedのどちらかを指定する必要あり protected $fillable = ['name']; // protected $guarded = ['']; $flight = App\Flight::create(['name' => 'Flight 10']); モデルクラスから create メソッドを呼ぶことで、インスタンスの作成 → 属性の代入 → データの保存を一気通貫でや
Slack が提供する GitHub Action "slack-send" を使って GitHub から Slack に通知する - Qiita
Slack が提供する GitHub Action "slack-send" を使って GitHub から Slack に通知するGitHubSlackslackapislack-apiGitHubActions こんにちは、Slack で公式 SDK 開発と日本の DevRel を担当しております @seratch と申します。 この記事では、私もその一員である Slack の Developer Relations チームが開発・メンテナンスしている GitHub Action である "slack-send" の使い方を日本語で紹介していきます。 この GitHub Action には三つの使い方がありますので、それぞれ解説していきます。 Incoming Webhooks で Slack に通知する chat.postMessage API で Slack に通知する ワークフロー
これまでモノリシックなシステム開発をしてきた会社やチームがKubernetesやその上でのマイクロサービスの開発に取り組むにはいくつか壁があると思います。その壁はどのようにサービス分割するかや会社・チームの体制といった話から、環境の準備やアプリケーションアーキテクチャのような話まで多岐に渡ります。これからKubernetesやマイクロサービスに踏み出したくても手探りではリスクが大きく感じられ、一歩が踏み出せずこれまで通りのやり方で開発を続けられている方も多いのではないかと思います。 しかしビジネスの変化が激しい昨今、これまで以上に素早いリリースや継続的な変更を求められるケースも増えてきており、サーバレスやコンテナの活用が有効な案件が増えてきていることもまた事実です。 そこで本連載ではKubernetesやマイクロサービスを活用するにあたりどんな準備を進めておけばいいか整理します。第1回目は
slack.dev 今回は Bolt ネタです。 今まで、Slack Bot を作成する時は howdyai/botkit を使ってました。 これ自体はよくできていて、良いのですが、 Slackのためのというわけではなく Facebook Messanger 上で動作させたりと結構汎用的に作られている framework なのでコード読んだりする時にちょっと苦労してました。 一方 Boltは Slack で作られた Slack のための Framework なので使ってみようと思い今回は botkit からのリプレイスをするために必要な機能の検証を行いました。 検証項目 slash command は使えるか Block Kit は使えるか button を出してクリックしたら何かを返すインタラクティブなことはできるか modal を出すことはできるか マルチプラットフォームとして提供でき
New safety section in Google Play will give transparency into how apps use data
New safety section in Google Play will give transparency into how apps use data Posted by Suzanne Frey, VP, Product, Android Security and Privacy (Update 7/28/2021: Some details of this proposal have changed so please refer to this blog and the Help Center for the latest on our plans for Google Play's safety section.) We work closely with developers to keep Google Play a safe, trusted space for bi
AppSheet で社内アプリを作成しよう（データから作る編）｜ヨシヅミ-吉積情報株式会社｜Google 認定プレミアパートナー
AppSheet は、ノーコードでアプリを作れる開発プラットフォームです。 2020年1月にGoogle が買収し、Google Cloud のサービスの1つになりました。 本記事では、Google の ノーコードツールとして今大注目の AppSheet を使って社内アプリをデータから作る方法を図解付きで徹底解説します。 この記事はこんな利用者・管理者の方にお薦めです。 AppSheet について興味があり、どんなことができるのか知りたい AppSheet についての基礎・概要をしりたい これから AppSheet を始める方はこちらの記事が参考になります。 まずははじめよう！AppSheet アカウントの作成方法について これで解決！AppSheet の英語UIを日本語化する方法 AppSheet とは AppSheet とは、Google Cloudが提供するノーコード開発環境で、もと
VOICEVOXという音声合成のソフトウェアの存在を教えてもらったんですが、無料で使えて、なおかつAPIが用意されていて外部からも実行できそうなので簡単なアプリを作って試してみようと思います。 環境 タイトルにもある通り、今回はslackで投稿されたメッセージを読み上げるテストを行います。 ローカル環境をセットアップして、Slackワークスペースからのメッセージをリッスンして応答するSlackアプリを作成 VOICEVOXをローカル環境にインストール が必要になってきます。 slackアプリ ※ 詳細な内容については下記に示すチュートリアルに書かれているのでここではかなり省いています slackではボットを作成して、Slack ワークスペースで発生するイベントをリッスンすることができます。 アプリの作成に関してですが、 上記ページの内容をそのまま使いました。 コード例) slackでhel
Workers AI: serverless GPU-powered inference on Cloudflare’s global network
Workers AI: serverless GPU-powered inference on Cloudflare’s global network09/27/2023 This post is also available in 简体中文, 日本語, 한국어, Français, Deutsch and Español. If you're anywhere near the developer community, it's almost impossible to avoid the impact that AI’s recent advancements have had on the ecosystem. Whether you're using AI in your workflow to improve productivity, or you’re shipping AI
Posted by Karen Ng, Director, Product Management Today, we’re releasing the alpha of Jetpack Compose, our modern UI toolkit designed to help you quickly and easily build beautiful apps across all Android platforms, with native access to the platform APIs. Bring your app to life with dramatically less code, interactive tools, and intuitive Kotlin APIs. No matter where you’re working from -- whether
CX事業本部@大阪の岩田です。 Auth0のブログで紹介されている、BlazorにAuth0の認証機能を組み込むチュートリアルを試してみたので内容をご紹介します。 What is Blazor? A Tutorial on Building Web Apps with Authentication 環境 今回利用した環境です。 OS:Mac OS X 10.14.6 .NET Core: 3.0.101 そもそもBlazorとは？ このチュートリアルではBlazorというフレームワークを利用します。Microsoftのドキュメントによると、Blazorは以下のように紹介されています。 Blazor は、.NET を使って対話型のクライアント側 Web UI を構築するためのフレームワークです。 ASP.NET Core Blazor の概要 そうです。なんとC#でSPAの開発ができる！！と
iOS 14: IDFA is not dead yet, but it's definitely on life support
Today at WWDC 2020, Apple announced several new privacy enhancements in iOS14 that will debut in September. We’ve been long anticipating these changes, and have been working to prepare for this since our announcement a year ago on the formation of the Mobile Attribution Privacy group. (See more details here, and join the Slack group here). The good news for consumers: more privacy. The good news f
Comparing Next.js and After.js for SSR React apps - LogRocket Blog
Editor’s Note: This post was updated on 1 December 2021 with new code blocks and relevant information. Next.js and After.js are both frameworks that let us build server-side-rendered React apps without the hassle of setting up SSR from scratch from a create-react-app project. In this article, we’ll compare Next.js and After.js and explore their differences. Next.js vs. After.js The major differenc
自分用の投稿専用クライアントであるpostemとpost-tweetをそれぞれBlueskyに対応しました。 azu/postem: Cross posting client for twitter, hatebu, and own services. azu/post-tweet: Simple post client for twitter and bluesky. それぞれ紹介記事を書いてありますが、多分自分しか使ってないとは思います。 ただ、投稿の8割ぐらいはこれ経由な気がするので、かなり使っているツールです。 URLスキームで起動できる投稿専用のTwitterクライアントを書いた | Web Scratch Twitterやはてなブックマークにクロスポストできるクライアントアプリを書いた | Web Scratch JSer.infoの更新のためのデータを入れるのは、postem
AWS Cloud Development Kit と cdk-nag でアプリケーションのセキュリティとコンプライアンスを管理する | Amazon Web Services
Amazon Web Services ブログ AWS Cloud Development Kit と cdk-nag でアプリケーションのセキュリティとコンプライアンスを管理する この記事は Arun Donti によって寄稿された Manage application security and compliance with the AWS Cloud Development Kit and cdk-nag (記事公開日: 2022 年 5 月 25 日) を翻訳したものです。 Infrastructure as Code (IaC) は、クラウド・アプリケーションの重要な要素です。開発者は、様々な静的解析 (SAST) ツールを利用して、セキュリティやコンプライアンスの問題を特定し、アプリケーションを本番環境にリリースする前に、これらの問題を早期に軽減することができます。さらに、静的
APIを使って自分のInstagram投稿写真を取得する方法【Instagram Basic Display API】
2020/9/30 使えなくなってました・・・ 再び仕様が変わった模様。 もーーーー！！！ （ここから本文） ウィジェット的にInstagramのサムネイルが並んでいるサイト、よくありますよね。 ああいうのはInstagramがウィジェットを提供しているわけではなく、APIを使って自分のInstagramから写真データを取得し、整形して表示する必要があります。（Instagramも共有ウィジェットあるんですけどね。あんまり使い物にならないというか…） その写真データ取得方法については、以前はInstagramAPIというAPIが使用できていたのですが、もう使用できなくなるということ。 というわけで、別の取得方法をここでは説明します。 使用するのは「Instagram Basic Display」というAPI。 ・・・なんですが、これがとにかく面倒くさい。 面倒くさいけどこれでやるしかないの
All Microsoft Global Microsoft Security Azure Dynamics 365 Microsoft 365 Microsoft Teams Windows 365 Tech & innovation Microsoft Cloud AI Azure Space Mixed reality Microsoft HoloLens Microsoft Viva Quantum computing Sustainability Industries Education Automotive Financial services Government Healthcare Manufacturing Retail All industries Partners Find a partner Become a partner Partner Network Fin
MacでRailsアプリを開発しているとなぜかセグメンテーション違反が起きまくって開発に支障が出てきたので、開発環境を全部Dockerに載せてしまおうと思ってここ2週間くらい取り組んでいます。 とりあえず、CircleCIのテスト以外はちゃんと動くようになったかな？と思えるところまできたので、まとめておきます。 ベストプラクティスに学ぶ ファイル群を公開 Dockerfile Aptfile entrypoint.sh docker-compose.yml railsコンテナとtestコンテナを分けている理由 参考サイトからの学びポイント Dockerのvolumesを使いこなす .dockerignoreを使いこなす コンテナ間のネットワーク指定 PostgreSQL Elasticsearch Redis Memcached Minio MailHog Chrome docker-co
はじめに Ateam cyma Advent Calendar 2019 の 6日目です。 本日の担当はエイチームのEC事業本部でWebアプリケーションエンジニアをしている@hibiheionです。 業務では主に自転車ECサイトcymaのバックエンドの機能をRailsで書いています。 今年のアドベントカレンダーでは2日目と3日目に続いての登場です。 本題 WebスクレイピングはWebページの情報を自動的に取得する手法です。 RubyはCapybara（※1）やNokogiri（※2）といったRubyGemのおかげでわりと簡単にWebスクレイピングを実現できます。 ですが、夜間に自動でスクレイピングするという場合などには「Webページから情報を取得する」という本来やりたいこと以外にエラーハンドリングやログの出力といったことに手間をかける必要がでてきます。 そういった手間をかけずに高機能なWe
Update on apps distributed in the European Union - Support - Apple Developer
Introduction Apple is sharing changes to iOS, Safari, and the App Store, impacting developers’ apps in the European Union (EU) to comply with the Digital Markets Act (DMA). These changes create new options for developers, including how they can distribute apps on iOS, process payments, use web browser engines in iOS apps, request interoperability with iPhone and iOS hardware and software features,
Host a Next.js SSR app with real-time data on AWS Amplify | Amazon Web Services
Front-End Web & Mobile Host a Next.js SSR app with real-time data on AWS Amplify UPDATE: Amplify Hosting now supports Next.js 12 and 13. Please visit our new launch blog to learn more. Today, AWS Amplify Hosting announced support for continuously deploying server-side rendering (SSR) apps built with Next.js. With this launch, AWS Amplify CI/CD and Hosting allows you to deploy hybrid Next.js apps t
2021年5月25日（米国時間）から、3日間の日程でMicrosoftの開発者カンファレンス「Build 2021」がオンラインで開催された。初日にあたる25日には同社CEOのサティア・ナデラ氏による基調講演の映像が流れ、Windowsを含む同社の最新の取り組みが紹介されているが、今回は5月末時点までで出ているWindowsを中心とした話題のアップデートをまとめよう。 Windows 10Xが正式にキャンセルされた話 同件はWindowsやMicrosoftの最新事情に詳しいブラッド・サムス氏の記事を引用して既に紹介済みだが、Microsoftは2021年中でのリリースを計画していたシングルスクリーン向けのOS「Windows 10X」と、同OSを搭載したOEMメーカー各社のPCが少なくとも登場しない見込みとなった。 後に、5月18日に同社Windows Servicing＆Deliver
Introduction AWS Amplify is a set of purpose-built tools and features that lets front-end web and mobile developers quickly and easily build full-stack applications on AWS. In this post, we'll convert Figma components to React components with Amplify studio and use it in our application. View the source code on Github Prerequisites The following are required to follow along in this post: Basic kno
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Actix Web (Rust) を App Runner で動かしたメモ
6 Essential Tips for Organizing Your Mac
Engadget | Technology News & Reviews
ChatGPTと会話するSlack botを最速で実装する - Qiita
【備忘録・まとめ】AWS Cloud Development Kit (AWS CDK) - Qiita
LaravelでDBにデータを保存する方法。createとinsertの違いなど - Kattsu Sandbox
Kubernetes活用への道のり 第1回 IaC編 | オブジェクトの広場
Slack App を作るフレームワークのboltを検証する - hatappi.blog
slackのメッセージをVOICEVOXのAPIを使って読み上げてみるテスト | DevelopersIO
Announcing Jetpack Compose Alpha!
C#でSPAが開発できるBlazorにAuth0で認証機能を付けてみる | DevelopersIO
投稿専用クライアントのpostemとpost-tweetをBlueskyに対応した
Group Transcribe | Microsoft Garage
Macで開発環境のDocker化に取り組んでいるので一旦まとめる - patorashのブログ
サクッと高機能なWebスクレイピングを実現できるRubyGem「Kimurai」 - Qiita
過去10年で最も重要なWindowsのアップデートとは？
From Figma to Next.js App in Minutes