photo credit: dolbinator1000 Over The Hill via photopin (license) LinuxにAWS CLIをインストールしてコンソールから普通に使えていたのに、SAMでサーバーレスアプリのパッケージを作成しようとすると「AWS CLIが見つからない」というエラーが出て失敗しました。ビルドできるのになんでやねんと。 どうやら、AWS CLIのPATH設定と、AWS SAMのPATH検索方法の行き違いみたいなことで発生した問題のようでした。 (パスファインダー) PATHFINDER GEN2 Canteen Cooking Set キャンティーン クッキング セットposted with amazlet at 19.10.13Pathfinder (パスファインダー) 売り上げランキング: 140,529 Amazon.co.jpで詳細を見

photo credit: SurfaceWarriors 190711-N-WI365-2119 via photopin (license) AWS SAM/CloudFormationのテンプレートで定義されるDynamoDBのテーブル名を、同じくテンプレート内に定義したLambda関数の環境変数に設定する方法です。 WEB+DB PRESS Vol.113posted with amazlet at 19.10.12野田 奏 小原 一哉 西岡 忍 木村 奈美 澤田 剛 成瀬 允宣 松岡 幸一郎 藤井 謙士朗 井上 真史 山口 慶子 池田 拓司 小山 哲志 末永 恭正 久保田 祐史 鈴木 恭介 牧 大輔 笹田 耕一 松本 宏太 尾形 鉄次 はまちや2 竹原 渡辺 淳 岩井 良太 吉田 健太 技術評論社 売り上げランキング: 1,406 Amazon.co.jpで詳細を見る 目次 はじ

photo credit: j_lai Photo-0141.jpeg via photopin (license) Googleスプレッドシートの行列演算を上手く使うと、計算式を入力するべきセルの数を非常に少なくできます。 隣り合わせのセルに、ほぼ同じ計算式をズラリとコピーしているようなケースで特に。 セルで行列演算ができることは知っていましたが、特に使う必要がないと思っていました。 しかし、職場の移転をきっかけに、とある情報管理の必然性が出てきまして、使ってみると「これめっちゃ便利じゃないですかー！」とプチ感動。 頭で考える以上に使えるシーンがありそうですので、ここにお知らせしておきます。 おそらくExcelでも同じことができるはずなのですが、今のところはGoogleスプレッドシートでやっています。そのうち調べてみるつもり。 Excel関数リファレンスシリーズ「検索/行列関数」post

photo credit: verchmarco Vintage-Haustürschlüssel liegt auf einem selbstgemalten Haus via photopin (license) 徹底マスター JavaScriptの教科書 プログラミングの教養から、言語仕様、開発技法までが正しく身につく (Informatics&IDEA)posted with amazlet at 19.07.14磯博 SBクリエイティブ 売り上げランキング: 197,563 Amazon.co.jpで詳細を見る GitHubからSecurity Alertsのメールが来ていました。3日連続で合計12件。全部npmのリポジトリ。 未明から早朝にかけてメールを受信するので朝起きて即ウンザリしてました。 すべて 12件のうち11件は間接的に依存している lodash が「prototy

コンソールへの表形式でのデータ表示を支援するNode.jsのモジュール（npm）「list-it」のご紹介。 2次元配列的なデータの列幅を揃えてキレイに表示。 文字列は左寄せ、数値は右寄せ。同じ列内の数値の小数点の位置も揃えます。 npmは、便利なツールが揃っていて、気楽にコードが書けるのがヨロシイですね。 ゲームを作りながら楽しく学べるHTML5+CSS+JavaScriptプログラミング (NextPublishing)posted with amazlet at 16.05.01インプレスR&D (2013-10-11) 売り上げランキング: 1,284 Amazon.co.jpで詳細を見る 速習ECMAScript6: 次世代の標準JavaScriptを今すぐマスター！posted with amazlet at 16.05.01WINGSプロジェクト (2015-08-28) 売

photo credit: InstructionalSolutions Keyboard and Blank Paper via photopin (license) はてなブログをAsciiDocで書けないものかとやってみたらなんとかなった。 前回記事(「AsciiDocのテーブルで行のヘッダを指定する方法」)でコードブロックのAsciiDocをプレビューするため書き殴ったJavaScriptを整理してご紹介しております。 実際には、はてなブログだけじゃなくて他社のブログやウェブサイトでも使えるはずです。 お世話になったブログはこちら（↓）： ytyaru.hatenablog.com 「ダメだった」となっていますが、そもそも asciidoctor.js（@asciidoctor/code の以前のバージョン）を知ったのが、このブログでしたので。感謝っ！ 目次 Miceroux(ﾐｾ

photo credit: Pittypomm 27.1.15 - Bicycle via photopin (license) ドキュメント作成システム構築ガイド[GitHub、RedPen、Asciidoctor、CIによる モダンライティング]posted with amazlet at 19.05.17技術評論社 (2016-03-25) 売り上げランキング: 147,068 Amazon.co.jpで詳細を見る 仕様書書いててAsciiDocのテーブルで行ヘッダ（＝特定列をまるごとヘッダ）はどうするの？と疑問に思って調べました。小ネタです。 以下、AsciiDoc の文書と @asciidoctor/core を使って書き殴ったプレビューツールでお送りしてます。 列ヘッダ（ヘッダ行）を表現するのは2行目を空行にするか[options="header"]でOKですね。 目次 Asc

HTMLのIMG要素のSRC属性に設定しておけば、ランダムに画像を表示するURLです。 複数の画像をAWS S3のバケットに置いておき、CloudFront - API Gateway - Lambda Function というルートで画像を返します。 当初は上の画像をそのURLから取ってきていたのですが、AWSの請求額がグイグイ上がっていくので（CloudFrontのせいだと思う）怖くなって固定画像に変えました。ｽﾝﾏｾﾝ。 Stravaのワークアウト完了時に、IFTTTを使って結果（距離、時間など）をTwitterに流していて、走行経路の地図（GoogleMaps）を添付しているのですが、常に「Image not found」となっており（今思えばセキュリティ設定に関連しているのかもしれない）、アクセスするたびに画像が入れ替わるURLを作ればいいやと、初夏の風吹く4月の土曜日に、朝メシ

AWSによるサーバーレスアーキテクチャposted with amazlet at 19.04.15Peter Sbarski 翔泳社 売り上げランキング: 157,672 Amazon.co.jpで詳細を見る AWS S3 の putObject API でバケットにファイルをアップロードするときには、メタデータをきちんと指定しておきましょうという話です。 既にメタデータが設定されてるファイルに上書きする場合、putObject API でメタデータを指定しないと、既に設定されていたメタデータは失われます。 AWS-CLIでコンソールからアップロードする場合はContent-Type に適切なMIME Type を設定してくれるのですが、APIでは自分で指定しなければなりません。でないとすべて application/octet-stream に設定されてしまいます。こうなるとバケットを

npm内のESモジュールをmochaでテストしようとしたのですが、上手くいかない。 Babelが必要なんですね。mochaのテストスクリプトをbabelで変換しないと import / export が構文エラーになってしまうのです。 事前に変換しなくても、@babel/register を使ってmocha実行時に変換しながらテストできるらしいのですが、 そのやり方を調べてみると、断片的な情報がバラバラとある状態で「ココだけ見てやったらバッチリOK」ってな情報源には出会えずじまい。 あっちやこっちを見ながら最終的には何とかなりましたが、結構苦労したので備忘録としてまとめてここに書いておきます。 【Amazon.co.jp限定】UCC 職人の珈琲 ドリップコーヒー あまい香りのモカブレンド 120杯posted with amazlet at 19.03.12UCC 売り上げランキング: 1

Nervously Peeking Much Because I Love NPM 入門JavaScriptプログラミングposted with amazlet at 19.02.09JD アイザックス 翔泳社 売り上げランキング: 20,011 Amazon.co.jpで詳細を見る 自分で公開しているパッケージのダウンロード数をまとめて取得したかったので、 npmのユーザーアカウントを指定して、そのアカウントが公開している全パッケージの直近ダウンロード数（前日・前週・前月）を表示するnpmパッケージを公開しました（ちょっとややこしいですね）。 目次 概要 インストール 使い方 出力サンプル あとがき 概要 npm-dlc というコマンドラインのツールです。npmユーザーの名前を指定して実行するとそのユーザーが公開しているパッケージの直近のダウンロード数を表示します。 npmではダウンロー

photo credit: tgrauros Helsingin yliopiston kirjasto / Biblioteca de la Universitat de Hèlsinki via photopin (license) プランナー一年生のためのゲーム仕様書の書き方posted with amazlet at 19.02.01株式会社サクセス (2017-01-15) 売り上げランキング: 2,254 Amazon.co.jpで詳細を見る マークダウンで複数ページからなるドキュメントを綺麗に書けるGitbookですけれど、仕事では先日初めて使うことになりまして「Windowsではライブ・リロードが正しく動かない」ってことを思い出しましたので、とりあえずの回避方法をさらっと書いておきます。 目次 Gitbook？ Gitbookのライブ・リロード？ Windowsでは上手く動

photo credit: wuestenigel Domino effect via photopin (license) みんなのコンピュータサイエンスposted with amazlet at 19.01.25翔泳社 (2019-01-15) 売り上げランキング: 12,305 Amazon.co.jpで詳細を見る 「JavaScript 可変長引数」でググると「arguments」のことばっかり出てきますけど「今やJavaScriptの可変長引数は arguments を使わなくてもスッキリ書けますからねっ！」ってことを書いています。 歴史の古いJavaScriptには、初期の言語仕様が多く残されており、今でもある程度互換性を保っていますから、少々古い書き方でも大方うまく動いてくれます。 一方で、新たな構文や概念も多々導入されていますから、古くからJavaScriptを使っている

photo credit: Pallet via photopin (license) JavaScript において、メソッド呼び出し感覚で手軽に WebWorker によるマルチスレッドを扱える npmモジュール TransWorker を v1.1.0 に更新しました。 従来 DedicatedWorker にしか対応していなかったため、ワーカースレッドを生成したメインスレッドからしか扱えませんでしたが、 複数スレッドで共有できる SharedWorker が使えるようなり、ブラウザの異なるタブやウィンドウ間でワーカースレッドを共有できます。 その他、ちょっとした機能増強や不具合修正なども合わせて対応しています。 このページには、今回の変更点の概要、WebWorkerの基本事項、TransWorkerの使い方などを書いています。その他詳細はnpmのREADMEを参照してみてくださいね

自分にとっての最初のコンピュータ SHARP の 8ビットマイコン MZ-700 シリーズが 1982年11月15日に発売されて、今日でちょうど36年経ちました。 おめでたいので、当時からの思い出話などつらつら書いてお祝いしようと思います。 当時は、まさか36年後に、こんなお祝いしてるだなんて思ってもいませんでした。 当たり前ですけど当時はインターネットも携帯電話もハードディスクも普及していません。 ボクらにとってのメジャーな媒体はカセットテープでしたから！10分かけてゲームをロードしてたんだよー（笑） こんなに便利な世の中になったのは、みんなのおかげ。いろんなものに感謝・感激しておきたいです！おめでたい！ 本日も、はてなブログで毎年MZ-700の発売記念をお祝いしていらっしゃるすぎもとさんのブログの記事を思わずTwitterでシェアしたら、たくさんの「いいね」をもらって、リツイートしてい

photo credit: hans-johnson 700-7000 Series_1 via photopin (license) 非同期処理の直列化とは「複数の非同期処理を、順番に実行する処理」のことです。非同期処理の順次実行や逐次実行とも呼ばれます。 処理速度は、並列処理よりも遅いのですが、処理順が重要であったり、先に実行した非同期処理の結果を次の非同期処理に使用する場合に必要になります。 JavaScriptでの非同期処理の直列化のやり方を検索すると「Array.reduce を使えばできる」とよく出てきます。 しかしアレ、そんなに便利ですかね？ コードが直感的じゃないし、ぱっと見ナニやってるのか分かりにくい。処理効率もそれほど良くなさそうです。 なんかもう「他のやり方ではできないよ」って誤解しそうな勢いですが、そうじゃない。 ES2017(ES8)以降のJavaScriptなら

photo credit: ARMLE Action ! via photopin (license) C#でメソッドや関数を表す 2つのクラス Action と Func について説明します （全くの余談ですが、C言語的には関数ポインタ、JavaScript的にはFunctionオブジェクトに相当するものです）。 2つの違いは戻り値の有無。戻り値なしが Action で、戻り値ありが Func です。 どちらもジェネリックパラメータとして関数のパラメータリストを指定できるジェネリッククラスです。 ジェネリックパラメータを指定しない場合は引数無しの関数を表すことになります。 以降、それぞれの詳細な使い方について説明します。 ※ この記事は、もともと「C#のラムダ式はAction・Funcと一緒に理解を深めるとヨロシイようで」で書いていた内容です。長ったらしいのでこちらに独立させました。 目

photo credit: wuestenigel White Cup with Coffee Grains via photopin (license) mochaとchaiを使ったnpmのユニットテストをブラウザで動かすための設定をご紹介。 mochaにはブラウザで動作させる機能が備わっていますが、テストスクリプト以外にHTMLも用意しなくてはならないので少し億劫なんですよね。 実際には、ほぼ定型のHTMLなのですが、結構情報が少なくて「これで決まり！」みたいなのがない感じ。 コンソールとブラウザでスクリプトを共有したい場合に、問題が出て途方に暮れたこともありました。 ところが最近、ゆる～く試行錯誤を繰り返した結果、自分なりのテンプレートみたいなのが出来上がりつつあるので、ここに書いておきますよっと。 これとは逆に、WEBブラウザ向けESM(ESモジュール)のmochaのスクリプトをN

HTMLのIMGタグでSVG画像を表示するとき、EdgeではSVG画像がIMGタグのサイズに拡大・縮小されず、SVGで指定されたサイズでそのまま表示されることがあります。 他のブラウザ（Chrome、Firefox、Safari）では大丈夫でした。 また他の画像形式ならばEdgeでも問題ありません。 どうやらEdgeでは、SVGのサイズ指定方法によって表示が変わるようです。これが不具合なのかどうなのかはわかりません。 このようにEdgeはちょっと邪魔くさいことが多く、ブラウザシェアも6％程度（2018年9月現在の日本国内シェア）のようなので、できれば無視したいのですが、Windows 10の標準バンドル品なので、無視しがたいのが悩み所・・・。 ※ 本記事で確認しているEdgeのバージョンは42。レンダリングエンジンEdgeHTMLのバージョンは17。 ゲームを作りながら楽しく学べるHTML

photo credit: suzyhazelwood DSC04299-02 via photopin (license) ウェブアプリから Google Drive のファイルを操作するモジュール(npm)を公開しましたので、ご紹介。 これからWebをはじめる人のHTML&CSS、JavaScriptのきほんのきほんposted with amazlet at 18.10.09たにぐちまこと マイナビ出版 (2017-03-27) 売り上げランキング: 13,953 Amazon.co.jpで詳細を見る npmはこちら。 www.npmjs.com 目次 機能概要 サインインしたユーザーのファイルを読み書き ファイル名によるファイルの操作 UI作成支援機能 インストールと使い方 動作条件 「APIキー」と「クライアント ID」 APIリファレンス Gdfsクラス クラスメソッド コンス