今回はNode.js上で簡単にQRコードが生成できるnode-qrcodeを利用し、動的にQRコードを生成してみたいと思います。 github.com QRコード自体は非常に便利ですよね。2次元バーコードよりも情報量が増やせるため様々な用途に利用できます。 しばらく前から日本はQRコード決済が世を賑わせていますが、個人的には早く滅んでくれないかなと思っていますがそれはまた別の話しw なんでFeliCaから退化しとんねんｗ インストール HelloWorld 出力方式 BASE64 SVG 文字列 canvas オプション 高さと横幅 色 背景を透過色 余白 最大文字数 エラー訂正レベル 文字列の種類 UTF8を利用するには 続き 参考ページ インストール node-qrcodeはコマンドラインから利用できるコマンドも用意されていますが、今回はNode内からモジュールとして利用します。そのた

本連載では、DX（デジタルトランスフォーメーション）、その中でも特に業務効率化をテーマに、プロトアウトスタジオの生徒や関係者が日々の生活や業務で発生している課題を見直し、技術を活用しながら解決していく方法をご紹介していきます。初回となる本記事は、プロトアウトスタジオが毎週行っている、生徒のフォロワー数の記録を、Google Apps Scriptを利用して自動化した様子をお伝えしていきます。 プロトアウトスタジオでは、毎週生徒のQiitaのフォロワー数の記録をしています こんにちは、プロトアウトスタジオの講師を務めています、小野（@tkyko13）です。 プロトアウトスタジオは、プログラミングを習うだけでなく、企画力や発信力も培うプロトタイピング専門スクールです。そのため、生徒の発信力を培うための1つの手段として、毎週の宿題をQiitaなどに投稿してもらっています。その中で、Qiitaのフ

MySQL で作成済のデータベースの一覧や、データベースが作成された時の CREATE DATABASE 文の情報などデータベースに関する情報を取得するには SHOW DATABASES 文, SHOW CREATE DATABASE 文, INFORMATION_SCHEMA データベースなどを使用します。ここでは MySQL でデータベースの一覧とデータベースに関する情報を取得する方法について解説します。

2.Google Developer コンソールでAPI許可とKeyファイルのダウンロード Google Developerコンソールにアクセスし、プロジェクトを作成します。 作成したプロジェクトを選択し、サイドバーのメニューからAPI->Drive APIを選択して、Drive APIを有効化しましょう。 次にプロジェクトを選択した状態で、メニューから認証情報->認証情報を追加　ボタンを押します。 「サービスアカウント」を選択し、JSON形式を選択して作成ボタンを押すと、JSONファイルがダウンロードされます。 3.jsonに記述してあるメールアドレスをアクセス許可する 最後に、Googleスプレッドシート画面で共有ボタンを押し、 ２でダウンロードしたJSONに書いてある「client_email」のアドレスを追加します。 なお、ここで許可するアカウントは、APIアクセス用に発行されたd

パソコンからLINE（ライン）を利用したい場合、PC版LINEアプリのほかに、Google Chromeの拡張機能をインストールすることで利用できるWebブラウザ版LINEがあることはご存知でしょうか。 ブラウザ版（Chrome拡張機能版）LINEであれば、パソコンにわざわざアプリをインストールしなくても、Google Chromeの拡張機能を追加するだけでLINEを利用できるようになります。ただし、すべてアプリ版と同じように使えるわけではなく、通話やアルバムなど一部機能には対応していません。 そこで本記事では、このWebブラウザ版（Chrome拡張機能版）LINEの特徴を押さえたうえで、始め方や使い方などについてわかりやすく解説します。

総合テクノロジー・ガジェットフード・飲食店プロダクトファッション音楽ゲーム・サービス開発映像・映画スポーツまちづくり・地域活性化

標準組み込みオブジェクトArrayコンストラクターArray() コンストラクター静的メソッドArray.from()Array.fromAsync()Array.isArray()Array.of()静的プロパティArray[Symbol.species]インスタンスメソッドArray.prototype.at()Array.prototype.concat()Array.prototype.copyWithin()Array.prototype.entries()Array.prototype.every()Array.prototype.fill()Array.prototype.filter()Array.prototype.find()Array.prototype.findIndex()Array.prototype.findLast()Array.prototype.find

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2016. Learn moreSee full compatibilityReport feedback アロー関数式は、従来の関数式の簡潔な代替構文ですが、意味的な違いや意図的な使用上の制限もあります。 アロー関数自身には this、arguments、super へのバインドがないので、メソッドとして使用することはできません。 アロー関数はコンストラクターとして使用することはできません。 new をつけて呼び出すと TypeError が発生します。 new.target キーワードにアクセスすることもできません。

#食べてくれたものは即ストックし、リピートしたい 子供は皆そうかもしれないが、1歳の娘は食事の好き嫌いがはっきりしている。食べてくれた献立は忘れずにストックしておき、いつかまた作ってあげたいもの。Amazon Alexaに娘が食べてくれた料理を吹き込み、献立リストから妻に定期的にレコメンドしてくれるLINE通知サービスを作ってみました。 １．娘が良く食べてくれた献立に気づいたら、その場でAlexaに献立を吹き込む ２．IFTTTが献立リストへの追加を検知しGoogleスプレッドシートに書き込む ３．Googleスプレッドシートに連動したGoogle Apps Scriptが献立リストからランダムに3品をWebhookURLにpostする ４．Integromatが提案された献立を妻へLINE通知する #構成 １．IFTTT 実はAmazon AlexaをIFTTTでカスタマイズできる内容は

会議の議事録や社内ドキュメント、自分用のメモを効率化するのにおすすめなのが「マークダウン(記法)」です。 マークダウン記法を使うことで、見出しや強調などの文字装飾が簡単にできるので、すぐに読みやすい文書が作成でき、業務効率が上がります。 そこで今回は、簡単に文字装飾ができてしまう「マークダウン(記法)」の基本と使い方について解説します。 そもそも「マークダウン」とは？ マークダウンとは何か？ まず「マークダウン記法」を知る前に、マークダウンの概念からみていきます。 マークダウンとは、アメリカ合衆国、フィラデルフィア出身のライター・コラムニストであるジョン・グルーバー（John Gruber）によって、2004年に開発された「フォーマット」のことを指します。 デジタル文章を作るときに使うHTML（HyperText Markup Language）などのマークアップ言語を、簡略化できるように

Office Outlookをメインのメールソフトに設定する場合に、よく頼まれるのが受信トレイなどのメール一覧画面を一行表示に変更してほしいという要望です。 Outlook ExpressやWindowsメールでの一行表示に慣れている方には、Outlookのメール一覧表示がごちゃごちゃしていて使いづらいと感じる方が多いです。Windows Liveメールなら表示設定→メッセージ一覧→一行表示 を選ぶだけで簡単でしたが、Office Outlookの場合はちょっと複雑です。設定は、すべてリボンの表示タブで設定します。 今回の設定は、すべて表示タブにあります。 閲覧ウィンドウ「 下 」の場合 メールのプレビュー画面（閲覧ウィンドウ）を下、もしくは非表示にする場合の方が簡単なので最初に紹介します。 表示タブのメッセージのプレビュー→無効にする を選びます。確認画面で「すべてのメールボックス」を選

#obniz占いでアメリカ大統領選挙を占ってみた もうすぐアメリカ大統領選挙の投開票日。トランプ再選か、はたまた、バイデンさんか、obniz占いで、選挙結果を占ってみました。 もし、的中したら今後個人的な悩みもobnizに占ってもらうと思う。 ※妻に小遣いの値上げを交渉すべきかどうか悩んでいる。 obnizでアメリカ大統領選を占ってみる。#obniz #protoout #創作を楽しむのが上達の近道 pic.twitter.com/ddpZjh7Taj — 3do. (@3doHi) October 17, 2020 #トランプさんが再選するらしい そこは忠実に各州から選ばられる選挙人の数（538名）分を占い、総得票数が多い候補者の勝利とした。 結果は、、 トランプ氏 298票 対 バイデン氏 240票。 （ランダム関数にしては）トランプさん圧勝でした。 #obnizとサーボモーターとLE

#目的 スマホのフラッシュライト活用してる人いますか？ 落とし物探すときに隙間照らすぐらいしかないですよね。 でも、写真を撮るときに光って大切なんです。（知らんけど） なので、被写体との距離でライトの明るさを自動で調整できるようにしました。 #この記事でできること ・node.jsでobnizを操作 ・超音波測距センサ（HC-SR04 ）で物体との距離を測る ・LEDライト（WS2811）を光らせ、明るさを調節する ・スマホがガジェット感出てかっこよくなる（気がする） #完成したらこんな感じ スマホはこんな感じ 動かしたらこんな感じ くまの距離に合わせて明るさ調整します。最高の明るさで写真撮れます。 ちなみにこのくまはマウスパッドで、嫁さんとお揃いです。#protoout#obniz#ともだちはくま pic.twitter.com/l9wJk8KsII — sawa (@sawakoshi

#まずは完成形 CdSセル（照度センサ）で暗くなると、ゆうやけこやけが流れます。 この曲聞くと切なくなるな。。 #protoout #obniz 夕暮れ時に「ゆうやけこやけ」を圧電スピーカーから流してみたよ。 pic.twitter.com/km2YmlAKAi — @Jis (@PmanRabbit) October 18, 2020 #使った部品 ・Obniz Board 1Y ・圧電スピーカー（PKM13EPYH4000-A0） ・CdSセル（MI527/MI5527） ・カーボン抵抗 1/2W330Ω（CFS50J330RB） ・ミニブレッドボード（BB-601） ・ブレッドボード・ジャンパーワイヤ(オス-オス)（BBJ-20） #接続図 #コード const Obniz = require('obniz'); const obniz = new Obniz('0000-0000'

目的 温度センサーとLEDを使ってみたかったので、2つを同時に使って色で室温がぱっとわかるものを作ってみました。 実現方法 使用したもの ・obniz Board 1Y ・高精度IC温度センサー LM60BIZ ・マイコン内蔵RGB 8mmLED PL9823-F8 ロジック 個人的には25℃をより下だと涼しい、25℃より上だと暖かいだと感じているので 温度センサーで取得した温度が25℃より大きい場合、オレンジ それ以外の場合、水色 にしました。 obnizへは 温度センサー　0、1、2　へ接続 LED　9、10、11　へ接続 しています。 実際に動かしてみた 実際に動かした動画をTwitterにあげてます！ ※温度センサーに指を近づけて、温度をわざとあげました。 温度センサーとLEDを組み合わせてみました！#obniz #protoout pic.twitter.com/r4dY4U0b

#目的 昨今ソーシャルディスタンスと言われ、人と人との距離があくようになりましたね。 そんな中で後ろから近づいてくる人がいたら、怖いですよね。 早く気づいて、先手を打ってシティーハンターっぽく話しかける準備をするためのツールを作りました。 （セリフはお好みです。） そう、まずは気づくことが大事なのです！ シティーハンターって何？と思った方はこちら #出来上がったもの（CHになれたか） こうしてみると？ 何かを近づけてみる pic.twitter.com/V8FJNOvpCJ — Sugizo (@Sugizo50073508) October 17, 2020 こうなります↓　あまりメッセージがないのでキャプチャ ![ushiro.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/737206/027c567a