【制限解除】Slackの全メッセージデータを取得する【簡単解決】 - Qiita
Slackの無料プランを業務で使っている人も多いと思います。 ぶっちゃけ、有料プランを使ってコストを増やしたくないから、無料プランにしてますよね？ 僕もそのユーザの一人です。 また、リプライとかで話しているうちに、重要なテキストデータがあるかわからなくなってしまった、、。 ということがあると思います。 今回は、そんな問題を解決するためのコードを作成しました。 背景 Slackを無料プランのまま、APIとかを使って、使い倒したい！！という風に思ったのがきっかけです。 2ヶ月ごとにこのコードを実行すれば、Slackの全部の会話データが無料で手に入るようになるので、Slackを使い倒すことが出来るようになります。 コードの中身は知らなくてもいいから、使い方だけ知りたい！！ そんなあなたは、 SlackAPIの作り方 Botのワークスペースへの追加方法 この二つを読んでSlackのAPIを作成した
PHPでスナップショットテストをやってみる
はじめに PHPUnitとPestのそれぞれでスナップショットテストをやってみる。 環境 PHP 8.3.10 スナップショットテストとは 指定された期待値と保存した同じ値のスナップショットを比較してコードをテストする。 何もしていないのに壊れたなど予期していない変更を早期に発見する場合に便利な方法です。 やってみる では、それぞれやってみます。 サンプルコード 今回のスナップショットテストで使うコードです。 適当なjsonを返すだけのコードです。 <?php declare(strict_types=1); function json_render(): string { $values = [ [ 'name' => 'りんご', 'price' => 150, "stock" => 10, ], [ 'name' => 'バナナ', 'price' => 200, "stock" =
政府が「デジタル認証アプリ」公開--マイナカードのオンライン本人確認機能を民間へ無償開放
デジタル庁は6月21日、「デジタル認証アプリ」をAndroid / iOS向けに提供すると発表した。行政と民間のサービスに対し、マイナンバーカードのオンライン本人確認機能を無償提供するもので、6月24日よりダウンロードできる。 デジタル認証アプリは、マイナンバーカードのオンライン本人確認機能を、広く民間サービスに普及させるためのアプリだ。これまでも銀行口座開設などでスマートフォンにマイナンバーカードをかざし、4桁のパスワードを入力すれば本人確認が完了する機能があったが、同機能の実装には民間側に相応のシステム開発コストがかかり、導入ハードルが高かった。 そこで同アプリでは、本人確認に必要なマイナンバーカードの証明書読み取り機能を共通アプリ化した。これによって、アプリ事業者はAPIで同アプリと連携するだけで、マイナンバーカードを使った本人確認機能を安価に実装できるようになった。また、認証のトラ
[JSなし] パワーアップしたView Transitions APIでMPAをSPAみたいにする - Qiita
2024年6月11日リリースのChrome126から、View Transitions APIがパワーアップし、別ページへの遷移でも使うことができるようになったので紹介したいと思います。 View Transitions APIとは View Transitions APIは、画面遷移をなめらかに行うことができる機能です。 この機能を使うと、以下の動画で紹介されているように、ページ遷移にアニメーションをつけることができます。 まずはView Transitions APIの特徴から紹介したいと思います。 特徴1：異なるDOM要素間でアニメーションできる アニメーション前後のDOM構造が異なっていても、アニメーションを行うことが可能です。 例えば、<div>がアニメーションで変化しつつ<img>要素になる、といったアニメーションが可能です。 特徴2：アニメーションがCSSで自由自在 アニメー
![[JSなし] パワーアップしたView Transitions APIでMPAをSPAみたいにする - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/6d0f69b54c49382d904de765c0422236d575c6fb/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCSlMlRTMlODElQUElRTMlODElOTclNUQlMjAlRTMlODMlOTElRTMlODMlQUYlRTMlODMlQkMlRTMlODIlQTIlRTMlODMlODMlRTMlODMlOTclRTMlODElOTclRTMlODElOUZWaWV3JTIwVHJhbnNpdGlvbnMlMjBBUEklRTMlODElQTdNUEElRTMlODIlOTJTUEElRTMlODElQkYlRTMlODElOUYlRTMlODElODQlRTMlODElQUIlRTMlODElOTklRTMlODIlOEImdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTczOTE1OTBiYWFjZTA5OTRlOTQ5Nzg5YWY4YWYzNTU0%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBhY2Nlc3MzMTUxZnEmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWY1MzU2MmY1NWIyOTk5ZTJlMzQ4MDAwNmY2Nzg4ODA4%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Dfc3d15fe1084dea53fb4229c9a89561f)
無料で商用にも使える日本の郵便番号APIをリリースしました
jp-postal-code-api https://github.com/ttskch/jp-postal-code-api 日本の郵便番号から住所のデータを取得できるWeb APIです。 GitHub Pagesを使用して静的なJSONファイルとして配信している ため、可用性が高いのが特徴です。また、オープンソースなのでクライアントワークでも安心してご使用いただけます。もしリポジトリの永続性や GitHub Pagesの利用制限 が心配な場合は、ご自由にフォークしてご利用ください。 日本郵便によって公開されているデータ を元に住所データのJSONファイルを生成して配信しています。JSONファイルには日本語表記・カナ表記・英語表記の住所データが含まれています。ただし、以下の注意事項があります。 大口事業所個別番号の住所データは以下のように出力されます（元データ の内容がそうであるため）
API Gateway不要!? Lambda関数URLでのAPI構築について考える
Lambda関数URLで、HTTPリクエストを介して直接Lambda関数を呼び出すことが可能になりました。 これまで、Lambda関数をAPI経由で実行するためにはAPI Gatewayを使用する必要がありました。しかし、Lambda関数URLの登場により、API Gatewayを使わずにLambda関数を直接実行できるようになりました。 Lambda関数URLを使うと、API Gatewayのセットアップや管理の手間を省けます。また、API Gatewayが引き起こす遅延やコストも削減できます。 ただし、API Gatewayには多くの利点もあります。 この記事では、Lambda関数URLの利用方法とその利点、注意点について詳しく解説します。Lambda関数とAPI Gatewayのどちらを選ぶか迷っている方は、ぜひ参考にしてください。 Lambda関数URLとはLambda関数URLは
Chrome でページを事前レンダリングしてページ ナビゲーションを即時に行う | Web Platform | Chrome for Developers
対応ブラウザ <ph type="x-smartling-placeholder"></ph> 109 回 <ph type="x-smartling-placeholder"></ph> 109 回 <ph type="x-smartling-placeholder"></ph> × <ph type="x-smartling-placeholder"></ph> × Chrome チームは、ユーザーが移動しそうな将来のページを完全に事前レンダリングする機能を再開しました。 事前レンダリングの歴史 これまで Chrome は <link rel="prerender" href="/next-page"> リソースヒントをサポートしていましたが、これは Chrome 以外では広くサポートされておらず、それほど表現力豊かな API ではありませんでした。 リンク rel=prerender
highlight.js
192 languages and 496 themesAutomatic language detectionWorks with any HTML markupZero dependenciesCompatible with any JS frameworkSupports Node.js and DenoCurrent release: 11.9.0 #!/bin/bash ###### CONFIG ACCEPTED_HOSTS="/root/.hag_accepted.conf" BE_VERBOSE=false if [ "$UID" -ne 0 ] then echo "Superuser rights required" exit 2 fi genApacheConf(){ echo -e "# Host ${HOME_DIR}$1/$2 :" } echo '"quote
HTML5 Drag and Drop API を使用する | Articles | web.dev
HTML5 Drag and Drop API を使用する コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 HTML5 Drag and Drop API を使用すると、ページ上のほぼすべての要素をドラッグ可能にすることができます。この投稿では、ドラッグ&ドロップの基本について説明します。 ドラッグ可能なコンテンツを作成する ほとんどのブラウザでは、テキスト選択、画像、リンクはデフォルトでドラッグ可能です。たとえば、ウェブページ上でリンクをドラッグすると、タイトルと URL が記載された小さなボックスが表示されます。このボックスをアドレスバーやデスクトップにドロップして、ショートカットを作成したり、リンクに移動したりできます。他のタイプのコンテンツをドラッグ可能にするには、HTML5 Drag and Drop API を使用する必要があります。 オブジェ
【HTML】ドラッグ＆ドロップについて復習する【標準API】 - Qiita
HTML ドラッグ＆ドロップ API とは？ HTML ドラッグ & ドロップインターフェイスにより、アプリケーションはブラウザーでドラッグ＆ドロップ機能を使用することができます。ユーザーはマウスでドラッグ可能な要素を選択し、その要素をドロップ可能な要素へドラッグし、マウスボタンを離すことでドロップすることができます。ドラッグ操作の間、ドラッグ可能な要素の半透明の表示がマウスポインターに続きます。 引用：HTML ドラッグ＆ドロップ API - Web API _ MDN 実装してみる まずはプレーンなHTMLとcssのみで実装してみる。 JavaScriptによる実装は何も無いので、この状態ではまだ要素をドラッグできるだけである。 See the Pen lesson1 by naoki-funawatari (@naoki-funawatari) on CodePen. ドラッグされる
Beacon送信の信頼性を向上させるためのfetchLater APIという提案
fetchLater APIは提案・策定中のものです。本記事で紹介した内容は時間経過とともに変更される可能性があります。 最新の情報は https://github.com/WICG/pending-beacon を参照ください。 fetchLater APIとは fetchLater APIは現在提案・策定が進められているAPIです。このAPIはユーザがページを離れたときにデータ（以下Beacon）を送信する際の信頼性（reliability）の向上を目的として提案されています。初期にはPendingBeacon APIという名で提案されていました。 fetchLater APIはChrome 120でDev Trial（Origin Trialが120 ~ 125）となっており、試せるようになりました。 fetchLater API - Chrome Platform Status f
Leaflet — an open-source JavaScript library for interactive maps
an open-source JavaScript library for mobile-friendly interactive maps Leaflet is the leading open-source JavaScript library for mobile-friendly interactive maps. Weighing just about 42 KB of JS, it has all the mapping features most developers ever need. Leaflet is designed with simplicity, performance and usability in mind. It works efficiently across all major desktop and mobile platforms, can b
GPTのAPIとText2Speechを組み合わせてAIとの会話体験を実装してみる | DevelopersIO
はじめに OpenAIのDevDayで発表されたText2SpeechのAPIを使ってみたいと思います。Text2Speechとは簡単にいうとテキストの読み上げ機能です。 日本語を読ませる場合、まだ少し英語訛りですが、なかなか人間っぽい発音を行います。 今回はこのText2SpeechのAPIを使って遊んでみたいと思います。 なにを作るのか？ 先程記載したように、Text2Speechでは発話を行うことができます。 この特徴とGPTの会話ができる特性を組み合わせれば、会話っぽいことができるのではないかと思い実装してみました。 今回は試験的に実装を行うため、GPTには「動物博士」としてのロールを与えて動物の雑学を教えてもらいました。 完成形は以下のような動画になります。Text2Speechを利用しているため音声ONの状態での閲覧を推奨します。 発音が英語話者っぽくなっていることや漢字を稀に
RAGを使った生成AIボットでユーザの意図を理解して対話するためのフローを考えてみた | DevelopersIO
はじめに 新規事業部統括部インターンの高橋です。ここ最近はすさまじいスピードで様々な生成AIがリリースされていますね。そのなかでもChatGPTをはじめとするLLMの活用には注目が集まっており、多くの方が使用していると思います。 LLM（Large Language Model）とは大量のテキストデータを学習した言語モデルのことで、一般的な事柄であれば私たちの質問に対して十分納得感のある回答を返してくれます。しかし、LLMが学習したデータに含まれない事柄については正しく回答することができません。 この問題を解決する方法としてRAG（Retrieval Augmented Generation）という手法が用いられます。これは、LLMに外部の情報源（ここでは社内ドキュメントなど）を与えることで、それを参照して回答を生成してもらおうという手法です。ユーザは事実に基づく情報をベースにした回答を得
Laravel PassportのAPI認証を理解する | アールエフェクト
Laravelでアプリケーションを構築した経験がある人ならログイン認証機能を利用することでLaravelへのユーザのアクセス制限を行えることは知っているかと思います。しかし、Laravelの外側のアプリケーションからアクセス制限のかかっているLaravel内のリソースにアクセスするためにはどうしたらいいのでしょう。そんな疑問を解決してくれるのがLaravel Passportです。 Laravel Passportを使用するとLaravel上でOAuth2.0に沿った形でAPIの認証機能を短時間で実装することができます。 OAuth2.0に沿った形でAPIの認証機能 といってもそれが何かわからないという人が大半だと思います。簡単に言えばLaravelの外側にあるアプリケーションからアクセスしたいリソースに対してアクセストークン(文字列)を使って管理するための仕組みです。 アクセス制限の行わ
なんとなく CORS がわかる...はもう終わりにする。 - Qiita
Access to XMLHttpRequest at 'http://localhost:8081' from origin 'http://localhost:8080' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: It does not have HTTP ok status. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is ther
CSSでの実装が大きく変わる！ Scroll-driven Animations スクロールをトリガーにしたアニメーションを実装する方法
まもなくリリースされるChrome 115で実装されるScroll-driven Animationsにより、スクロールをトリガーにしたアニメーションの実装方法が大きく変わります。 スクロールすると要素がアニメーションで表示されたり、スクロール量で変化するインジケーター、背景が変化するパララックスなど、実装がそれなりに手間がかかりましたが、数行のコードで実装できるようになります。スクロールをトリガーにしたアニメーションを実装するこれからの方法を紹介します。 Animate elements on scroll with Scroll-driven animations by Bramus 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分が同ライセンスも含みます。 はじめに Webのアニメーション、ちょっとだけおさらい アニ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Describing use of required reason API | Apple Developer Documentation
https://vroid.pixiv.help/hc/ja/articles/21569104969241
OpenAI Platform
