サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
ノーベル賞
qiita.com/n0bisuke
Power Appsから入力したデータをPower Automateに送り何か処理をしてPower Appsに返す的なことのミニマムを考えてみます。 作るもの: ボタンを押すと文字を加工して返してくれる 1. Power Apps側: 最低限のパーツを追加 まずは画面を作ってみます。 テキスト入力のパーツを追加 ボタンのパーツを追加 テキストラベルのパーツを追加 一旦設置後のイメージ こんな感じです。ツリービューをみると以下のような状態です。 参考程度ですが、ツリービューからコード出力をすると以下のような出力でした。 - Screen1: Control: Screen Children: - Label1: Control: Label Properties: X: =28 Y: =88 - Button1: Control: Classic/Button Properties: X:
GPTは「からあげ」と「とり天」を見分けられるのか。出たばかりのAzure Open AIのGPT-4 Turbo with Visionを試すJavaScriptAzureOpenAIからあげGPT-4V 一昨日(2023/12/12)、Azure Open AIでVision API(GPT-4 Turbo with Vision)が使えるようになりました。 Azure Open AIのVision APIをJavaScriptから触ってみつつ、 皆さんが気になっている GPTは「からあげ」と「とり天」を見分けられるのかを見ていきます。 検証1: GPTはからあげの画像を説明できるのか? 検証2: GPTはとり天の画像を唐揚げではなくとり天だと認識できるのか? を試してみます。気になりますね。 ( からあげ帝国アドベントカレンダー の記事なので 「からあげとAI」がマスト な感じですね
こんにちは、皆さんも相席食堂の ちょっと待てぃ!!ボタンで動画を止めたいって思うことありますよね? こんな感じのものを作ってみました。動画みてね☆ ちょっと待てぃ!! ボタンを実装したので自分の発言にちょっと待てぃ!! してみた BluetoothキーボードとChrome拡張機能のセットです。#プログラミングの虎 #相席食堂 #iotlt #m5stack pic.twitter.com/7ooLvXt9nU — 菅原のびすけ (プロトアウト9期募集中) (@n0bisuke) November 2, 2023 祝(?)Chromeのストアにも公開しました! ということでIoTLTアドベントカレンダー1日目ですね!今年もやっていきましょう〜 有名TV番組、相席食堂のアレをやりたい 相席食堂はお笑い芸人の千鳥の二人が事前収録の動画(VTR)を見ながら、 気になる点があれば手元の「ちょっと待て
Denoでの利用で勉強中メモです。 Fetch APIを使うサンプルとして前に書いた記事をベースにTypeScript版にしてみました。 今回は/items/:itemidのAPIなので記事の情報取得ですね。 const BASE_URL = `https://qiita.com/api/v2`; const getQiita = async (url: string): Promise<string | null> => { const ITEM_ID = url.split(`/items/`)[1]; //ITEMIDを抽出 const ENDPOINT = `${BASE_URL}/items/${ITEM_ID}`; try { const options = { headers:{ 'Authorization': `Bearer <トークン>`, 'Content-Type'
Google系のAPIはOAuth認証、サービスアカウント、APIキーの利用の3パターンあると認識してますが、簡単な読み書きくらいのやりとりだとサービスアカウント利用は手ごろです。 参考 Google DriveのAPIをサービスアカウント認証方式でNode.jsから利用するメモ 前提 以下ができてる前提になります。 Google SheetsのAPIを許可してサービスアカウント作成 作成したサービスアカウントを対象のシートに権限付与 サービスアカウントの鍵ファイルをJSON形式で取得 鍵ファイルをDLすると以下のような雰囲気の中身となります。 { "type": "service_account", "project_id": "xxxxxxxx", "private_key_id": "xxxxx", "private_key": "-----BEGIN PRIVATE KEY----
ゴールデンウィークがゴールドじゃないのでちゃんとゴールデンウィークにする話です。 ということで、今年もGWアドベントカレンダーが立ち上がっていましたね。何の役にも立たないプロトタイプのアドベントカレンダーの参加記事です。 (思ったより伸びてるので番宣: 普段はプロトタイピング専門スクールの運営をしています。) 黄金週間 着手前にゴールデンウィークのゴールデンって僕らの思ってるゴールドなんだよね?と疑問に思いました。 疑心暗鬼。 ウィキペディアによると ゴールデンウィークまたはゴールデンウイーク(和製英語: Golden Week, GW)とは、日本において毎年4月末から5月初めにかけて休日が続く期間のこと。春の大型連休(おおがたれんきゅう)、黄金週間(おうごんしゅうかん)[1]ともいう。 らしいです。ちゃんとゴールデンウィークは黄金(ゴールド)から由来しているらしいです。 ゴールデンウィー
userIdからプロフィールを取得したいってのをちょくちょく使うけど忘れるのでメモ SDKのサンプルコード client.getProfile()を利用します。 const profile = await client.getProfile(event.source.userId); console.log(profile); { userId: 'Ubxxxxxxxxxxxxxxxxxxxxxx', displayName: 'n0bisuke', pictureUrl: 'https://profile.line-scdn.net/ch/v2/p/xxxxxxxxxxxxxxxxxxxxxxxx/exist', statusMessage: 'こんにちは', language: 'ja' } 'use strict'; const express = require('express'
Youtubeへの動画アップロードの自動化を行いたいなと思って調べてましたが、ある程度まとまってきたので記事にしてみます。 調べてもあまり実装サンプルが見当たらないですね、Youtubeに動画をアップロードするサンプルは調べてすぐ出てくるものが古いものが多くて調べるのに苦労した感あります苦笑 未来の自分やどなたかの参考になれば幸いです。 Youtubeは Player API Data API Analytics API Live Streaming API などに大きく分けられるみたいです。 参考: YouTube Developer Documentation その中でもData APIが動画アップロードに関連します。 こちらがYoutube Data API(v3)のページです。 環境 Node.js v16.0.0 出たばかりですね〜 https://twitter.com/bet
Raspberry Pi Picoを調べてると、通常のRaspberry Piから接続して書き込む...みたいな記載がよくあります。 僕はMacから直接書き込みをしたいので、進めてみました。 PicoのGetting Startedの34ページのあたりを参考に進めてみます。 いつもみるのはこちら ↑まじでここのリンク分からなくなる 事前情報など MacBook Pro (2019) / Big Sur Pico SDKを利用 https://github.com/raspberrypi/pico-sdk これをC/C++の開発で利用するらしい MicroPythonでのLチカは終わったところ 【初見にオススメ】Raspberry Pi PicoをブラウザだけでLチカする(Web Serial API) 僕はC/C++開発がよくわかっていない 必要なコマンドのインストール 0. homebr
この方法だとターミナル系ソフト使わずにLチカまで最速でいけるんじゃないでしょうか。 Macでやっていますが、Windowsでも問題無い気がします。 Raspberry Piシリーズから出たマイコンです。Raspberry Piが出したArduinoみたいなイメージを持っています。 #raspberrypipico のサイズ。 銀のエンゼルと横幅が同じくらい 縦幅はエンゼル2個分。#iotlt #protoout #チョコボール #raspberrypi pic.twitter.com/wv74SxBE8A — 菅原のびすけ (@n0bisuke) February 4, 2021 特徴はこんな感じです。↓ 小さい - 銀のエンゼル 安い - 500円くらい GPIOがけっこうある MicroPythonとC/C++で書く 通信モジュールは無い 通信モジュールは無い = Raspberry
調べ物をしてて発見したMongoDB Atlasを触ってみます。 自前でインストール不要、無料ですごく楽に始めることが出来るMongoDB公式のサービスといったところでしょうか。 少し触ってみましたが、プロトタイピングやデモ作成に向いてそうな印象を受けたのでそういった目線で紹介してみます。 MongoDBのDBaaS Atlasを使うと、簡単にMongoDBのクラスタを作って、各種管理を行えます。 性能や機能は限定されるものの、無料で使える種類のクラスタもあります。 と紹介してくれている記事もあります。 参考: MongoDB Atlasを使い始める (MongoDB as a Service) 全然ウォッチできてなかったけど便利なものが出てたんですね。 インフラ各社のサービスだと、AWSのDocumentDBやAzureのCosmosDBみたいな雰囲気を感じます。 似た雰囲気はありますが
Node.jsアドベントカレンダー21日目になります。 npmといえば、Node.jsやフロントエンド開発で欠かせないツールですよね。そんな npmの中国版があることをご存知でしょうか。 仕事柄、中国に行ったり、中国にいる人とやりとりしたりすることがありますが、その辺に関連した話です。実用性はほぼ無いので話のネタだと思ってもらえると幸いです。(アドカレ遅刻すみません) IoTLT vol70で話をしたネタです。 スライドはこちら npmが何かについては触れませんのでご了承下さい。 cnpm - 中国ミラー版のnpm For developers in China, please visit the China mirror. 中国の開発者向けに作られているnpmのミラーサイト及びツールです。 https://github.com/cnpm/cnpm https://developer.al
Node.jsでTop-Level Awaitがサポートされ(て)たので、非同期通信と言えばなaxiosで試してみます。 今まではawaitを利用する際に、async関数内じゃないと使えませんでしたが、async関数を宣言せずにawaitを使えるようになります。 v14.3.0でサポート、v14.8.0でフラグなし v 14.3.0 Top-Level AwaitはNode.js v14.3.0でサポートされましたが、この時点だと--experimental-top-level-awaitのフラグを付けて実行する必要がありました。 v 14.8.0 v14.8.0以降でフラグ無しで利用できます。 axiosで利用してみる (一応)今回試した環境はNode.js v14.14.0です。 package.jsonに"type": "module"を追記して利用できます。 また、拡張子をmjsに
最近仕事のやりとりでTemasを使う機会が増えてきました。 Teamsのハックを出来ないかと調べてみているメモです。 Webhook URLの取得 自分が管理権限があるチームの左下にアプリボタンがあると思います。 割とこの第1ステップで迷いました。 ここからIncomming Webhookを探してチームに追加します。 利用するチャンネルを選びます。 名前を適当に決めましょう。 作成ボタンを押すとhttps://outlook.office.com/webhook/~~~というアドレスが発行されます。 CURLで試す cURLだと以下をコピペで実行できます。 $ curl -H 'Content-Type: application/json' -d '{"text": "Hello World"}' <YOUR WEBHOOK URL>
Google Driveへのファイルアップロードも試してみます。 参考記事 Node.jsでGoogle Drive上のファイルを削除する (Google Drive API v3) Node.jsでGoogle Drive上のファイルをリネームする (Google Drive API v3) Node.jsでGoogle Drive上のファイルを指定フォルダに移動する (Google Drive API v3) Node.jsでGoogle Drive上のファイルを複製(copy)する (Google Drive API v3) Node.jsでGoogle Driveの指定フォルダからファイル一覧を取得メモ (Google Drive API v3) Node.jsでGoogle Drive上のファイルをダウンロードする (Google Drive API v3) メソッドはFiles
コード こちらを参考に https://github.com/desmondmorris/node-twitter/tree/master/examples#media POST 'media/upload'を実行してアップロードしてからmedia_id_stringをセットしてPOST 'statuses/update'を実行すると画像付き投稿がされます。 'use stritct'; const twitter = require('twitter'); const config = require('./config'); const client = new twitter({ consumer_key: config.twitter.consumerKey, consumer_secret: config.twitter.consumerSecret, access_token_
たぶん10分で試せる。Azure Static Web AppsにWebサイトをデプロイして独自ドメイン設定とFunctionsでAPI公開までJavaScriptNode.jsAzureJAMstackStaticWebApps AzureにStatic Web AppsというJAMstack向けなサービスが登場した模様で、プレビュー段階だけど試せたのでメモ残しておきます。 無料らしい(大事) 参考: Azure App Service に Static Web Apps が登場! NetlifyやVercel同様に静的ホスティングだけじゃなく、Functionsも利用できるのが良いですね。 ドキュメントにGitHub Actionsと連携して〜みたいなことが書いててなんでだろう的なこと思ったけどそういえば買収されてましたね(忘れがち) 作るもの: 静的サイト & API AzureのS
JAMstackでVue.js以上Nuxt.js未満なCMS?のイメージのGridsomeを触ってみたのでメモ。 v14で試そうと思ったらうまくいかなかったのでv12にして試したら上手く行きました。(後述) チュートリアルをなぞってみる コマンドラインツールのインストール
よく使う記事(↓)のソースコードを元にVercel(旧: now.sh)にLINE BOTをデプロイします。 https://qiita.com/n0bisuke/items/ceaa09ef8898bee8369d ちなみに、Vercelはnow時代から仕様がちょくちょく変わる印象があるのであくまでも現時点版だと思った方が良さそうです。 事前準備: LINE BOTを作成し、ngrokで動作確認 参考記事のSTEP3のngrokでトンネリングさせるところまで進めます。 参考: 1時間でLINE BOTを作るハンズオン (資料+レポート) 1. Vercelコマンドのインストール 既にインストールしている人はこの手順はスキップしましょう。 参考: 爆速!Vercelとfreenomで独自ドメインのサイトを無料で作成する 2. プロジェクトのファイル微修正 Vercelにデプロイするにあたり
無料でWebアプリケーションのホスティングが出来るnow.shが名称変更してVercelになってましたね。 使い勝手などがどうなのか触って試してみました。 結果、ただ触るだけだと簡単すぎて記事にならないので、ついでにfreenomも使って無料で独自ドメイン(カスタムドメイン)も反映させてみます。 ※タイトルの爆速!は処理速度ではなく手順の話 ※プロトアウトスタジオの授業補足資料にもなります。 作るもの こんな感じの独自ドメインのWebサイトを作成(デプロイ)します。 ちゃんとSSLも対応してます。 読み方はバーセル?ですかね。 無料でWebアプリケーションのデプロイが出来ます。 コマンド一発で出来ます Vercelで爆速デプロイ 1. 簡単なhtmlファイルを作成します。 20200516sampleというフォルダを作成してindex.htmlを作成しました。 以下の記事のhtmlをコピー
リモートワークな流れが強くなってきているので自宅環境を整えています。 ラズパイにMacからVNC接続をできるようにします。(間違ってたら教えてください) 調べるとよくあるネタなんですけど、割とハマったので自分用のメモを残しておきます。 コメントを貰って更新しました。(2020/4/9) 環境 macOS Catalina 10.15 Raspberry Pi4 Model B 4GB $ lsb_release -a No LSB modules are available. Distributor ID: Raspbian Description: Raspbian GNU/Linux 10 (buster) Release: 10 Codename: buster 関係しそうな2種類のVNCソフトの話 調べてると二つのソフトの記述が出てきますが少し紛らわしかったので整理します。 Rea
省略 function listSlides(auth) { const slides = google.slides({version: 'v1', auth}); slides.presentations.create({ presentationId: '', }, (err, res) => { if (err) return console.log('The API returned an error: ' + err); console.log(res.data); }); } tokenを再発行 token.jsonは読み込みのみ許可のトークンで作成されていたので、一度token.jsonのファイルを削除します。 再度node app.jsで実行すると、URLが発行されて、ブラウザでアクセスするとこのようにアクセス許可を求められます。 許可をして、発行されるコードをターミナル
Node.jsでGoogle Slides APIを触ってみるの続きです。 準備 前回の記事を参照して、スライド情報にNode.jsからアクセス出来るようにしましょう。 適当なスライドを用意する こちらを用意してみました。 https://docs.google.com/presentation/d/<ここがプレゼンテーションID>/edit#slide=id.pになるのでこのスライドのプレゼンテーションIDは1ziVnaFocZ_YF_cuXyXF5PUKGoE62eX-XlnOEslPkKUcになります。 Node.jsでGoogle Slidesのテキストを抽出 前回のコードからプレゼンテーションIDの箇所とfunction listSlides(auth)の中身を書き換えてます。 const fs = require('fs'); const readline = require(
APIをオンにして、 credentials.jsonを作成 公式チュートリアルのEnable the Google Slides APIボタンを押して、APIを有効にし、credentials.jsonを作業フォルダのapp.jsと同じ階層に保存します。 ソースコード app.jsの中身に以下をコピペ。 公式のままです。 const fs = require('fs'); const readline = require('readline'); const {google} = require('googleapis'); // If modifying these scopes, delete token.json. const SCOPES = ['https://www.googleapis.com/auth/presentations.readonly']; // The fi
Auth0のManagement APIの利用時の話です。 前回の記事だとアクセストークンを直指定だったので、時間が立つとアクセストークンが切れてしまいます。 API経由で動的に生成する方法を調べたのでメモです。 アクセストークンのテスト APIトークンを試す際には、公式のGet Access Tokens for Testing にあるように、管理画面からAPIトークンを取得して直接指定すると良いです。 Auth0でログインユーザーのロール(Roles)を元にハンドリングするRulesを書いてみたの記事で書いてたやり方です。 アクセストークンを動的に生成する - プロダクション 公式のGet Access Tokens for Productionに載っているAPI(https://YOUR_DOMAIN/oauth/token)にリクエストしてAPIトークンを生成して利用できます。 公
こんばんわ!IoTLTアドベントカレンダー1日目です! 11月の上旬にハードウェアのメッカである深セン(中国)に行ってきたんですけど、そこで人生で初めての基板設計を体験し、製造、出展、販売までをしてきて、 こんなに短い期間でハードウェアを作って売り上げを作ることが出来るのか!という衝撃と感動があったので記録しておきたいと思います。 先に言っておくと、僕が今回言いたいのは 「ハードウェアを作る障壁(知識、時間、金額など)って予想以上に低くなってるから、みんなチャレンジしてみよう!」 みたいな感じです。 そんな雰囲気で読んでもらえたら幸いです :) 3日間で基板製造?!! きっかけは僕が主催しているIoTLTというIoTコミュニティのメンバーである総統の発言がきっかけです。 総統: 「(深セン)3日間で基板設計して販売までしてみませんか?」 (ちなみに僕は基本がWebエンジニアで 基板設計は全
Netlify FunctionsはAWS Lambda上で動作するNode.js環境です。最近のnowとかに似てる雰囲気ですね。 ある程度無料でNode.jsがホスティングできる環境っぽい雰囲気で覚えておくと良いかもしれません。 ちなみに今日は東京ハッカソン@ヒーローズ・リーグ 2019 by MAのハッカソン会場からです。 #ヒーローズリーグ Netlify Functionsでのハローワールド 【入門】Netlify Functionsコトハジメなどの記事を見るとハローワールドが出来ます。 プロジェクトルートにnetlify.tomlを追加 まずは、通常のNode.jsプロジェクトを作ります。
LINE Things LIFF版、LINE Things 自動通信版、LINE BeaconなどIoT関連のネタが増えて来ているのでその辺のおさらいをしていきます。 背景としては、「LINE ThingsってLINE Beaconと何が違うの?」って声が割とあった印象で、一旦整理しておくといいかもと思った感じです。 今回はここの図のイメージが伝われば良い気がしています。 この資料について LINE Things Meetup Vol1での発表資料です。 https://linedevelopercommunity.connpass.com/event/132179/ https://linedevelopercommunity.connpass.com/event/132289/ 間違ってる内容もあるかもしれません。コメントください。 注意受けたら随時追記だったり削除だったりしていきます
ウェブサイトにFacebookメッセンジャーを埋め込むことが出来るって知ってた? - カスタマーチャットプラグインJavaScriptFacebookFacebookMessengerBotchatbotCustomerChatSDK 僕は知らなかったのでテンション上がってしまいました。 タイトル文言読んだだけだと「ん?」って感じだと思うのですが、こんな感じです。 分からなかった方のために無駄に集中線を追加。 https://protoout.studio プログラミング学習はもう古い。「令和」時代のイノベーションを担う日本初のプロトタイピング専門スクールを開校 最近スクールを作った(↑)のですが、そのWebサイトにチャットを組み込んで問い合わせなどを増やせないかなぁと調べていたところ見つけたのでつけてみました。↑のWebサイトでどんな感じか見てみて下さい。効果測定はこれからです。 という
次のページ
このページを最初にブックマークしてみませんか?
『@n0bisukeのマイページ - Qiita』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く