SvelteではじめるWeb Components開発 - Qiita
はじめに あまり知られていないかもしれませんが、Svelteを使ってWeb Componentsを開発することができます。 本記事ではSvelteを使ってWeb Componentsを開発するやり方を紹介したいと思います。 Web Componentsとは webcomponents.orgから引用 Web Componentsは、WebプラットフォームAPIのセットで、WebページやWebアプリケーションで使用する、新しいカスタム、再利用可能な、カプセル化されたHTMLタグを作成することを可能にします。カスタムコンポーネントとウィジェットはWeb Componentsの標準に基づいて構築され、モダンブラウザで動作し、HTMLで動作するあらゆるJavaScriptライブラリやフレームワークで使用することができます。 Web Componentsは、既存のWeb標準をベースにしています。We
【Spring Boot】発生した例外ごとのハンドリングを定義する - Qiita
ResponseEntityExceptionHandler について Spring Boot では ResponseEntityExceptionHandlerクラスで『どの例外が発生したときになにを返すか』のハンドリングを行っています。 このクラスを継承して例外ごとに定義されているメソッドをオーバーライドすることで、処理を好きなように行うことができます。 すべての例外のハンドリングがこのクラスに記述されているわけではないので、クラスの中身を確認してみてください。 ハンドリングの例（HttpRequestMethodNotSupportedException） 処理の例を見ていきます。 POSTメソッドしか定義されていないエンドポイントに対してGETでリクエストされたときなどに発生するHttpRequestMethodNotSupportedExceptionにおいて、任意のレスポンスボ
Spring Security 5.4〜6.0でセキュリティ設定の書き方が大幅に変わる件 - Qiita
この記事について 最近（5.4〜6.0）のSpring Securityでは、セキュリティ設定の書き方が大幅に変わりました。その背景と、新しい書き方を紹介します。 非推奨になったものは、将来的には削除される可能性もあるため、なるべく早く新しい書き方に移行することをおすすめします。（既に削除されたものもあります） この記事は、Spring Securityのアーキテクチャの理解（Filter Chain、 AuthenticationManager 、 AccessDecisionManager など）を前提としています。あまり詳しくない方は、まずopengl_8080さんのブログを読むことをおすすめします。 サンプルコード -> https://github.com/MasatoshiTada/spring-security-intro 忙しい人のためのまとめ @Configuration
GPTが人知れず既存の名刺管理アプリを抹殺していた話 - Qiita
抹殺は言い過ぎかもしれませんが簡易な名刺管理アプリであれば自作で十分という時代がきていたようです これで紙の名刺からはきっとバイバイできるでしょう！ 名刺管理アプリ作ってほしいといわれた それは2/22のお話。 ことの発端は別の部署からかかってきた一本の電話でした。 新規事業の部署でいろいろな取引先様と付き合いがあるものの、紙の名刺が非常に多く管理に困っているとのことのことです。 私は小売業に勤務しているしがない一社員で、現在Eコマースの戦略立案に関する部署に所属しています。 電話先の方は、以前一緒の部署で勤務したことがある方です。現在新規事業のプロジェクト推進をしており、冒頭のような課題感を持っているため既存の名刺管理アプリ導入を考えたのですが、あまりのお値段の高さに卒倒して私に藁をもすがる思いで連絡されたようです。 これまでのアプリは名刺の識別専門のAI（）を使っていた 話を聞いてみた
Tailwind CSS のテンプレート & UI キット集【まとめ】 - Qiita
Tailwind CSS のテンプレートサイトを使えば Web サイトを効率よく作成できます。簡単ではありますが個人的に素敵だと思った Tailwind CSS のテンプレートサイトをまとめてみました。 Tailwind CSS テンプレート＆ UI キットサイト Tailwind UI（有料） https://tailwindui.com/ すべてのテンプレートを使用するにはライセンス購入が必要 シンプルなデザインはとても汎用的 React や Vue を使用したテンプレートも有 Headless UI https://headlessui.com/ ドロップダウンやダイアログ等の「機能」をメインとした UI コンポーネント集 サンプルコードは React か Vue.js の2種類から選択できる。 MIT ライセンス Preline UI https://preline.co/ 無料で
技術的負債イベントに参加して - Qiita
前置き 業後に技術的負債のイベントに参加してきました。 内容がそれぞれバラバラであるかに見えて、自分の中ではすべてが有機的に繋がって感じました。 ただ、懇親会に参加できなかったのは残念です💦 開発サイドの方や、テスト設計されている方、組織構造と絡めて話されている方 などそれぞれが違った観点で技術的負債についてアウトプットされていました。 技術的負債の定義 「コードを書くというのは、借金をするようなもの。 少しの借金は速やかに返済(リファクタリング活動により)される限り開発を加速させるが、 危険なのは借金が返済されない状態が続くこと。」 という文が紹介されました。 つくっているプロダクトで得られる売り上げよりも、 変更などにかかるコストが上回っている状態なわけだから、 お金という定義が明確な数値として、負債曲線グラフ的なもので定期的にチェックできる体制が望ましいですね。 で、事前に負債解消
log4j2.xmlの基本的な仕組みを理解する - Qiita
動機、前提など 毎回、久しぶりにlog4jを触るたびにすっかり使い方を忘れてしまっているので、自分なりに構造を理解しようと思った。 せっかくの機会なので根本的な構造をまず理解したいと思ったので、オプションの指定は可能な限り削った形を基本にしている。 また、基本的な使い方に限定しているので、実際の開発でよく使われるような設定も場合によっては端折っている。 使用した環境 Java1.8 log4j2.9.1 ログ出力するJavaソース logger.fatal("fatal!"); logger.error("error!"); logger.warn("warn!"); logger.info("info!"); logger.debug("debug!"); logger.trace("trace!"); 0.設定ファイル無しの場合 設定ファイルが無くてもデフォルトの設定でログ出力が行われ
Hugo が動く最小構成の Docker イメージを作る - Qiita
Hugo や Hugo extended が動作する Docker image の作成方法について知見をまとめます。 Hugo の Docker image 現在 Hugo 公式 (gohugoio) が提供する Docker image はありません。 Docker Hub に gohugoio のアカウントがありますが、あれは GoHugoIO が管理しているものではありません。 手っ取り早く Hugo の Docker image が欲しい方は私が管理しているものを良かったら使ってください。新しいリリースがあればその日のうちに更新するようにしています。 CircleCI や GitLab CI/CD で使いたい場合は以下のイメージをどうぞ。 peaceiris/hugo-extended-docker: Docker image of Hugo (Hugo extended and
今さら聞けないログの基本と設計指針 - Qiita
はじめに 皆さんのログに対する理解はどんなものでしょうか？仕組みから設計方法まで完璧に理解しているエンジニアもいれば、なんとなく使用しているエンジニアも多いことでしょう。 ログとは、システムに着いてエラーや障害の発生、利用者による操作や設定の変更、外部との通信などを時系列に記録したものです。ログに関する理解を深めることで、複雑なシステム開発や運用が可能となります。また、AWS、Azure、GCPなどのクラウドサービスを利用している場合はシステムの開発が可能になるだけでなく、経費削減に繋がる可能性も考えられます。 本記事では、ログの基本を押さえるためにその設計方法について解説します。少しでも自信がない方は、ご一読ください。 ログを出力する理由は？ ログの基本や、ログの設計について解説する前にそもそもログを出力する理由を押さえましょう。大きく4つの理由が考えられます。 ・問題が発生した時に調査
Cognito+SpringBoot+SpringSecurityでOAuth2認証する時の設定 - Qiita
散々嵌りまくったので設定方法や踏んだ地雷についてのメモ ユーザープールを作る 単純なOAuth2認証がしたいだけの場合はユーザープールを作成。 「属性」の設定 ユーザー名かEmail/電話番号か 任意のユーザー名を付けたい場合はユーザー名側を選ぶ必要あり Email/電話番号を選ぶと、内部的なユーザー名はランダムな文字列になる カスタム属性 カスタム属性はPrincipalから取れる //custom属性roleがADMINか確かめたい場合 @RequestMapping("/") public String index(Principal principal) { if(principal instanceof OAuth2AuthenticationToken) { OAuth2AuthenticationToken token = (OAuth2AuthenticationToken
AWS CDK + LocalStackでAWSサーバーレス環境をローカルに構築してみた - Qiita
はじめに 昨年度書いたこちらの記事のLocalStackが2022年7月に正式リリースされたということで、今年のアドベントカレンダーもLocalStackについて書きます。 今回はAWS CDK (AWS Cloud Development Kit)を使用し、LocalStack上にサーバレスアプリケーションを構築します。 環境構築 curl http://localhost:4566/health # 結果 {"features": {"initScripts": "initialized"}, "services": {"acm": "available", "apigateway": "available", "cloudformation": "running", "cloudwatch": "available", "config": "available", "dynamodb
Java で Amazon Product Advertising API 5.0 (PA-API v5) をコールする - Qiita
概要 Java で Amazon Product Advertising API 5.0 (PA-API v5) をコールする AWS が提供している公式の SDK を使わず API を直接コールする AWS 署名バージョン 4 (AWS Signature Version 4) の処理を Java 標準ライブラリのみで実装する 今回の実行環境: macOS Catalina + Java 15 (AdoptOpenJDK 15) + Jackson Databind 2.11.1 + Gradle 6.6.1 サンプルコード ファイル一覧 ├── build.gradle └── src └── main └── java ├── AwsSignature4.java ├── JsonUtil.java ├── MyApp.java └── PaApi5Wrapper.java plug
Dockerfile自信持って書けてますか？おすすめlintツール 「hadolint」について紹介 - Qiita
はじめに Dockerfile、サッと書こうと思ったのに、書き始めたら意外と時間かかったりしますよね。 突き詰めるとすごく奥が深いなと思います。 公式のドキュメントでも、Dockerfileのベスト・プラクティスという形で公開してくれていますが、 これを毎回意識するのは大変です。 また、意識できていたとしても、複数人で管理していると、各個人のスキルレベルによって差が出てしまいます。 そんなときにおすすめのツールを見つけたので紹介します。 hadolintというツールです。 Haskell Dockerfile Linterの略だそうで、Dockerfileの静的解析を行ってくれるlintツールです。 hadolintを使うとこんな利点があります。 build前にシンタックスエラーなどに気付ける (地味にトライアンドエラーしてると時間食うんですよね...) 自然とベストプラクティスに則ったD
サーバーレスシステムでユーザー情報をアクセストークンを使って取得する - Qiita
やりたいこと サーバーレスシステムでの個人情報保護について考えてみます。 システムで管理するべき個人情報は、できるだけクラウド内にとどめ、クライアントとやりとりしないということにできれば、通信路上での漏えいを防ぐことができます。 また、個人情報の管理を、限定することができれば、システムの大部分は、個人情報の漏洩について意識することなくシステム開発を行うことができます。 このような要求のシステムの場合、AWSでは、次のようになります。 Cognito Identity Poolでユーザー管理をする。 クライアント⇔AWS間の通信路上はアクセストークンと処理結果のみの受け渡しする。 AWS内ではLambdaがアクセストークンを受け取りCognitoのユーザー情報をもとに処理を行う。 アクセストークンを受け取ったLambdaにアクセストークンに対応するユーザー情報へのアクセス権限が委譲され、La
JNanoId で NanoID を生成する - Qiita
概要 NanoID というものがあると以下の記事で知りました。 Why is NanoID Replacing UUID? UUID よりもコンパクトで、また使う文字を生成時に制限できる点が特徴のようです。後者の特徴は、 例えばランダムなファイル名や URL のパスを生成したい時に役立ちそうです。 Java での実装 Java の実装を探してみたところ、 JNanoId というライブラリーがあったので試してみました。 最新のバージョンは 2.0 で、最終リリースが2018年11月と大分古いです。 ライセンスは MIT License です。 130行ほどの小さなクラス1つです。テストコードもあります。 特徴 Secure……Java の SecureRandom を用いている Compact……長さが21なので UUID よりも短い URL-Friendly……出力される ID は (A-
RDBに慣れた人にこそ知ってもらいたい、DynamoDBの特徴まとめ - Qiita
こちらは AWS for Games Advent Calendar 2022 の5日目の記事です。 はじめに ゲーム開発にあたり、MySQLなどのRDBを使い慣れている方は多いと思いますが、DynamoDBをゲームで使うことを考えたことはありますでしょうか。 「DynamoDB…AWSのNoSQLのサービスですよね。なんかよく知らないけどRDBで困ってないし別にいいじゃん？」 「なんかいいこともあるって話は聞くけど、いろいろ勉強しなおさないといけないんでしょ…コスパ悪いっしょ」 そんな風に考えた方も、多いかもしれません。 この記事はそんなRDBユーザーの方にこそ知ってもらいたい、DynamoDBをゲームで使うにあたってのギモンをFAQ形式で見ていきたいと思います。テクニカルなことよりも、性質や雰囲気重視でラフな文章でまとめていきます。では早速いきましょう。 DynamoDBに関するFAQ
AWS API Gateway + Lambda から multipart/form-dataを用いてバイナリデータ(wav)をS3にputする - Qiita
AWS API Gateway + Lambda から multipart/form-dataを用いてバイナリデータ(wav)をS3にputする やりたいこと API GatewayとLambdaを使って、S3にWAVファイルをPUTする。 実現方法 API Gatewayはmultipart/form-dataを使用したPOST可能なので、 WAVファイルを API Gateway -> Lambda -> S3 にてPUTする。 環境 AWS API Gateway Lambda S3 手順 テスト用S3Bucketを作成する テスト用のBucketを作成します。 Lambda関数を作成する 今回はpython3.6で作成してみました。 body-jsonにBase64でエンコードされたWAVファイルが送られていることを想定しています。 (よくあるサンプルですが・・・) import
ajax(jQuery)でファイルをアップロードする - Qiita
<form> <input type="file" name="upfile"> <button id="upButton" type="button">送信</button> </form> let $upfile = $('input[name="upfile"]'); let fd = new FormData(); fd.append("upfile", $upfile.prop('files')[0]); $('#upButton').on('click', function () { $.ajax({ url:'index.php', type:'post', data: fd, processData: false, contentType: false, cache: false, }).done(function (data) { // 成功時の処理 }).fail(fu
一発ですべてのDockerコンテナを停止・削除、イメージの削除をする
起動しているすべてのDockerコンテナの停止や削除をするときに使っているコマンドが便利なので紹介したいと思います。 紹介するコマンドはDocker For Macで実行し確認しました。 TL;DR 全コンテナ停止: docker stop $(docker ps -q) 全コンテナ削除: docker rm $(docker ps -q -a) 全イメージ削除: docker rmi $(docker images -q) すべてのコンテナを停止する docker stopに関しては説明不要かと思います。 $(docker ps -q)の部分に関してですが、 docker psの-qフラグを付けることでコンテナのIDのみを取得します。 例えば、以下のように起動しているコンテナがある場合 CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAM
SpringのRestTemplateで巨大ファイルアップロードを実現する方法 - Qiita
1. はじめに 今回はSpringFrameworkのRestTemplateを利用して巨大ファイルをアップロードする方法について説明します。ポイントはRequestCallbackを利用することです。 なお、巨大ファイルアップロードのサーバ側の実装については「TERASOLUNA5.x(=SpringMVC)で巨大ファイルアップロードを実現する方法」を参照ください。 （ポイント） RequestCallbackインターフェースを実装した独自クラスを定義し、リクエストBODYにアップロードデータをバッファリングしながら書き込む RestTemplateを拡張し、デフォルトのResponseExtractorを利用してRequestCallbackを指定できるメソッドを追加する RequestFactoryでタイムアウトやバッファデータサイズ等、巨大ファイルアップロードのためのコンフィグレー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
