Node.js環境で外部APIを使わずにAIによる背景除去を実現する「@imgly/background-removal-node」の使い方と、導入時の注意点（sharpモジュールのエラー対策）を解説します。

Gemini-CLIをNode(Docker)コンテナへローカルインストールしてセットアップする方法を解説します。

古くなったMacbookでDocker Desktopが利用できなくなった場合にColimaへ移行するための手順を解説します。

使わないAMIのEBSスナップショット料金を節約！aws-cliを使い、AMIを安価なS3にエクスポート・復元する方法を解説。コスト最適化の実践的ガイドです。

AWSのEC2 Image Builderを利用して、独自のカスタムAMIを作成・構築する基本的な手順を解説します。コンポーネントやレシピの作成からパイプラインの実行まで、初心者にも分かりやすくまとめました。

AWS CDKを使ってEC2インスタンスを構築する手順を、IAM権限設定からプロジェクト初期化、デプロイ、削除まで詳しく解説。デプロイ直後に自動停止させるTipsも紹介。

KVM経由で物理SSDへDebianを直接インストール！ライブUSB不要で、ハード起因の失敗を回避する確実な導入手順を詳しく解説します。

JavaScriptのロジックをWasm化し、Pythonで利用する手法を調査。wasmtime-pyやJavyを用いた検証過程と、現時点で直面している互換性の課題について解説します。

Node.jsでWebAssemblyの最新仕様「WASI Preview 2」を利用する方法を解説。Rustでのコンポーネント作成からjcoによるトランスパイル、JSからの呼び出しまで網羅します。

Puppeteerの基本から応用までを解説。Dockerでの環境構築、スクレイピング、reCAPTCHA認証の突破方法などを学びます。

ConoHa VPSの始め方から実践的な使い方までを解説。サーバー初期設定、ファイアウォール、GUI操作までこの記事におまかせです。

『WebARENA Indigo』のVPSサービスを使って、料金を控えめに始められるLinuxサーバーを扱う手順を紹介していきます。

marimoをuvとDockerで使いこなすための環境構築から応用例までを解説。Jupyter Notebookに代わる次世代Pythonノートブックで、効率的なデータサイエンス開発を実現

今回は個人的に気になった＆試してみたいなど、nodejsを学ぶ上で有用な学習用の教材をまとめていきます。

PrismaはTypescript製のORMで様々なRDBもこれ一つでデータベース操作を統一するパワフルなライブラリです。今回はPrismaの導入方法と基本的な使い方までを解説します。

Node.jsプロジェクトに「ソフト」クリーンアーキテクチャを導入。AI時代に役立つ、やさしい設計思想と実践例を解説します。

Linux環境でiPhone実機デバッグを諦めていませんか？ios-webkit-debug-proxyを使い、Safari(Webkit)のWebインスペクタをLinuxから直接操作する環境構築の手順を、具体的なエラー解決事例と共に解説します。

AngularのResolverで重い処理を実行するとUIがブロックされる問題を、Web Workerを使って解決する方法を解説。CLIでの簡単な導入から、Resolver、Worker、Componentの実装、SSR環境での注意点までを網羅します。

KVM/QEMU仮想マシンに古いUbuntuを導入し、最新OS非対応のCanon製プリンターを再び利用する手順を解説。レガシーデバイスを有効活用しよう。

Debian LinuxをホストOSとしてKVM/QEMUから仮想マシン化したWindows11からe-Taxソフトが利用できるか検証してみます。

TypeScriptの型プログラミングを応用し、WebページのDOM構造を型で表現するテクニックを解説。再帰とMapped型で複雑な階層構造をモデリングする方法を紹介します。

dateコマンドはLinux系のほぼ全てのOSに標準的に存在している重要なユーティリティコマンドです。GNU版dateコマンドを上手く使いこなすためのポイントを説明します。

TypeScriptの高度な型プログラミングを活用し、ファイルシステムのフォルダ構造を型で表現するテクニックを解説します。

Typescriptの型システムを理解する個人的「型」入門の最終回です。今回はTypescriptで型の扱いの中でも特に難解になってくる入門レベルを少し超えた文法を解説していきます。

CSVデータから重複を削除してユニークな要素だけの行要素にすることと、検索結果に重複がある場合にその重複を取り除くテクニックの２つを紹介します。

Typescriptの型システムを理解する上で欠かせない「型」の基礎的な書き方を個人的に厳選してまとめてみます。

Angular/SSRでウェブページのルートのお引越しに利用できる301リダイレクトの方法を解説していきます。

AngularでZone.jsに替わる次世代の非同期処理ライブラリである「Signals」について、押さえておくべき仕組みやテクニックをまとめます。

Angular/SSRでは、クライアント側とサーバー側で完全に同じ動作をする保証がないため、しばしば食い違いによるエラーが発生します。今回はAngular/SSR独特のサーバーエラーに対処する方法を紹介します。

日常の開発業務や社内教育にも役立つDockerを中心としたコンテナ関連の技術を学ぶ上で有用な学習用の教材を定期的にまとめていきます。

『ConoHa VPS』のDebian Linuxインスタンスを使ってPupperteerから自作したツールで証券口座のサイトを操作する方法を模索します。

『ConoHa VPS』のDebian Linuxインスタンスから最新版のWine(wine-hq)をインストールする方法をまとめます。

Angular/SSRをうまく利用することでPrismaクライアント/SQLiteデータベースを同一のDEVサーバーから連帯する方法を紹介します。

比較的新しい仕組みであるRustエンジンレスなPrismaクライアントを構築し、SQLiteを操作するまでの手順を確認します

Viteから最新のAngularプロジェクトを一発生成する方法を紹介します

ここ最近の動向を踏まえで、Angularを学ぶ上で有用な学習用の書籍・オンラインサービスを定期的にまとめていきます。

Rxjsストリームを使った処理で実行プロセス数の上限をmergeMapを使って指定する方法を紹介します

個人的「Vercel v0」入門〜v0の登録方法からSvelte・HTML/CSSコードを出力させてみたときの話

Svelte&Viteでのクライアントアプリ開発中の外部サイトへアクセスをより高度に制御するためのProxyサーバーオプションの設定方法を解説します。

AWS APIを使ってS3バケットの操作をCurlコマンドで実行する基本的な方法を解説します。

Svelte&Viteでのクライアントアプリ開発中の外部サイトへアクセスする際に考慮したいCORS対策を解説します。

DebianOSで11(Bullseye)から12(Bookworm)への移行作業を防備録として残しておきます。

当記事の執筆時点で最新のStorybookであるVer.8とVite5＆Svelte5を使って開発環境のセットアップが正常に行えることを検証してみます。

『Storybook』は主要なJavascriptフレームワークに対応したフロントエンドワークショップ環境を提供するSPA型ツールです。今回はStorybookをSvelteで使うためのインストール手順を特集します。

Node.jsのCrypto APIを活用して、サーバーサイドに独自の簡易認証機能を構築する際の基本となる関数等の使い方を紹介します。

Stripeの「Embedded Checkout」UIをSvelteコンポーネント化して、Sveltekitのページにマウントする方法を紹介します。

NodejsからEメールが簡単に送れるようになる「Nodemailer」にAWS SESを設定し、Lambda上で実行できるようにしてみます。

Svelte5で登場した新しいAPIである『Rune』を使って、過去のリアクティブ構文で使っていたObservableなコード実装を置き換えることを目指します。

CloudFront Functionsを使ってS3のリソースアクセスを制限するための認証機能を実装する基本を解説します。

CloudFlontからS3の中のファイルリソースに、OAI/OACを使ってアクセスを制限させるような処理を設定してみます。

Typescriptの型表現を駆使して、GraphQLスキーマを「GraphQL Code Generator」を使って自動で生成したクエリ型の部分型を取り出す方法を考えてみます。

TypescriptのテンプレートリテラルとConditional Typesを使ってビット演算の結果をチェックできる型を作成していきます。

Typescriptの型システムを理解する個人的「型」入門の2回目です。今回はオブジェクト型についてもっと掘り下げた内容を特集していきます。

Alpine系のDockerコンテナでxlsx2csvコマンドをpip経由でインストールする際に気をつけておくべきポイントを解説します。

Node21から標準ライブラリ化したSEA(Single Executable Applications)を使って、SvelteKitのアプリ出力をそのまま実行バイナリ化を試します。

nodejsの標準ライブラリとなった『SEA(Single Executable Applications)』を使って簡単なCUIスネークゲームのバイナリが動作するかを検証します。

nodejsのユーティリティ・vercel/pkgを使って簡単なCLIスネークゲームのバイナリをビルドして動かしてみます。

Angular/SSRをサッとサーバレスアプリとしてデプロイできるAWSアダプター・「CodeGenieApp/serverless-express」を使えるようにするためのコード修正について考えます。

Angular v17よりAngular Universalが標準ライブラリへ昇華し、新しく「Angular/SSR」へとなりました。今回は過去のUniversalプロジェクトを手動でAngular/SSRに対応させるポイントを紹介していきます。

『rsync』コマンドを使っている際に、『some files/attrs were not transferred』という内部エラーで一部のファイルがコピー操作に失敗してしまう問題を対処する方法を取り上げます。

ビルドしたTauri(v1)アプリの実行後に現れる『webkit_settings_set_enable_offline_web_application_cache』のエラーの対処法を紹介します。

Svelteアプリ開発環境をViteでサクッと立ち上げる手順を簡単に解説します。

SvelteプロジェクトにStorybook/ViteでUIカタログを統合する際に、Typescript/Sassを利用する上で考慮したいポイントを解説します。

シェルターミナルから使えるCSVデータエディタ『visidata』を使って、簡単な2次元散布図プロットを作成するためのテクニックを紹介します。

Linuxからでも利用できる高機能ターミナル・「WezTerm」に対応するiTerm2/Kitty/Sixelの各グラフィックプロトコルを使いどころを模索します。

高機能ターミナルソフト・『WezTerm』を使ったターミナル画面の分割操作のショートカットキーを簡単に紹介します。

モダンなターミナルで直接画像を表示してくれる「img2sixel」コマンドをDebian LinuxとMacOSを導入する手順をまとめます。

Node.jsの非同期処理の重要な仕組みである・『イベントループ』を深堀し、組込みアプリケーションの作成に必要な基礎知識を身につけましょう。

Javascriptの組込クラスの一つである非同期処理の可能なジェネレーター・「AsyncGenerator」の使い方の基本を掘り下げてみます。

Node.js用のユニットテストで使っていたMocha/ChaiをESModlueベースのプロジェクト内でも利用できるようにするための環境を考えてみます。

シェルターミナルからでも高度なCSVデータを編集・表示することのできるPython製コマンドアプリ・『visidata』を活用するための基礎テクニックを紹介します。

Angular Universal/Express.jsでAWS Lambdaを使ったサーバレスアプリを構築する場合、ローカルにおいた独自フォントを適用しようとしたときのエラーで躓いたときの対策法を紹介します。

Serverless Frameworkを使って、AWS VPC Lambda & EFSを使う環境を一発構築するポイントを解説します。

AWS EFSのアクセスポイントを利用することで、VPC内のファイルシステムに任意のLambdaから共有できるようになります。その際に理解しなければならないEFSアクセスポイントに関する知識を詳しく解説していきます。

Serverless Frameworkを利用したAWS LambdaにApollo(GraphQL)サーバーの機能を統合させる手順と、いくつかのサーバレスパターンの実装方針をまとめてみます。

AWSのダッシュボードから手動で「VPC Lambda」の設定手順を一つずつ解説を加えながらハンズオンで構築していきます。

2021年中盤以降からは、Gitコマンド操作全般に関して従来のパスワード方式は利用不可となり、パーソナルアクセストークンかOAuthトークンによるアクセスが必須となります。今回はパーソナルアクセストークン方式のgithub認証にお引っ越しする手順を確認しておきます。

シェルスクリプトはどこでもどんなOSでも基本的に使えて、一度使い方を覚えるとパソコン上でありとあらゆる操作を可能としてくれます。そこでオフィスで日々エクセル業務と向き合う多忙なオフィスワーカー向けに、シェルスクリプトの力で劇的に生産効率を改善しする方法を提案します。

AWS CLIでS3のファイルの中身を更新のあったファイルだけを自動で更新してくれるsyncコマンドはとても重宝しますが、ユーザー側できめ細かいファイル管理で使う場合、--excludeと--includeのオプションを使う時のポイントを忘備録として残しておきたいと思います。

文字列をシェルコマンドとして認識させるためのテクニックをいくつか比較し、非常に長かったり、大量に指定しなければならないコマンド引数指定を自動化するコツを解説します。

個人的に気になった＆試してみたいAwk/Sedコマンドなどを含むシェルスクリプトプログラミングを学ぶ上で有用な学習用の教材をまとめていきます。

Sass/scssを使って、box-shadowプロパティに座標情報などを書き込み、描画する要素を操作する方法を検討します。

JS系フレームワークの補助なしでピュアなJavascriptだけで簡単なHTMLアプリを作る際にとても便利な「CSSカスタムプロパティ」の使い方をじっくり解説していきます。

Linux Wineで標準搭載しているcmdコマンド(Windowsコマンドプロンプト)を使って、.batスクリプトをLinux内でも実行できるか試してみます。

Sassを中心としたHTMLとCSSを使うWebデザインを学ぶ上で有用な学習用の教材を定期的にまとめていきます。

見やすいWebページの設計において、ユーザーが見やすい表のスタイルの条件をSassで考えていきます。

Dockerボリュームを使って複数のAngular(Nodejs)プロジェクトを統合開発できるDevContainersライクなワークスペースを一から構築してみます。

docker-composeを使ってホスト側のファイル・フォルダをDockerコンテナへ選択的にコピーする際の基本的なテクニックを理解しましょう。

『rsync』コマンドを使う上で欠かせないinclude/excludeのフィルタパターンを理解するために、利用例からじっくり考えていきます。

転職のためのリスキミングや新人社内教育にも役立つAWSの基礎技術を学ぶ上で有用な学習用の教材を定期的にまとめていきます。

GitHub上のレポジトリにアクセスする際に、SSH接続のキー認証を使ってSSH接続するときの手順を紹介します。

LinuxユーザーのためのExcelファイル(XLSX形式)をより快適扱うためのワンポイント講座です。今回はCSVファイルから直接XLSXファイルに変換が可能な「libreoffice」と「ssconvert」コマンドを紹介します。

jqコマンドとawkコマンドの２つをかけ合わせることで、JSONとCSVの柔軟な相互変換をどのように実現するか考察してみました。

シェルスクリプトを使ったデータ解析を行う時に、知っていると便利に使えるgawk(Gnu AWK)の高速カスタムソート術を紹介します。

AWS CLIからAWS Lambdaの関数URLのエンドポイントを設定し、どこからでも簡単に使えるWebAPIを公開する手順を解説します。

Nodejs v18ベースのAWS Lambdaの簡単なハンドラを作成し、AWS CLIでデプロイするまでの手順をおさらいします。

Linux/macos/windowsにも対応したシェルコマンドベースのYAMLファイルの操作に重宝する「yq」コマンドの導入方法と簡単な使い方を紹介します。

SvetleKit使って開発したSSR・SSGハイブリッドのウェブサイトをAWSとServerless Frameworkのサーバーレスアーキテクチャで動かすまでの手順をおさらいしてみましょう。

Serverless FrameworkからAWS Lambdaへデプロイする時に固めるzipファイルの中身を指定するserverless.ymlのpackageオプションの使い方を紹介します。

過去に作成したServerless Framework v2のプロジェクトをそのままv3に引き上げた場合にどれくらいエラーが発生するのかを試験的に試してみます。

docker-composeのrunサブコマンドからプロファイル(profiles)機能を使ったサービスの切り替えを自由に行う方法をまとめてみました。

Googleタグ(gtag.js)を細かく制御して、Googleアナリティクスで特定のHTML要素からトリガーされたイベントを監視・解析する方法を解説します。

pkgとnexeを使ってSvelteKitフレームワークから簡単にビルドしたSPAをローカル起動できるようなnodejsバイナリプログラムが作成可能かを検証してみます。

Google Adsenseのスクリプトが読み込まれるときにウェブページのデザインレイアウトが崩れる問題をMutationObserver APIから解決を図ります。

Svelte&Viteでフロントエンド開発を進めていく上で便利かも知れないビルド後の出力ファイルをindex.htmlへ全て埋め込んで一つにまとめる方法を解説します。

nodejsでvercel/pkg＆Express.jsを使ってJavascriptフレームワークからビルドしたSPAをローカル起動できるようなバイナリプログラムを作成する手順を紹介します。

Angularのデフォルト仕様ではプロジェクト内に含まれるenvirnonment.tsを除外し、開発時のプライベートな秘密情報の漏洩防止する方法を検討します。

Twitter botから正しくWebページのmetaタグのOGPグラフ情報が読み取れるように、Webページのhead要素を修正します。

VerdaccioサーバーをConoHa VPS上で構築し、格安でプライベートNPMパッケージ管理ができる環境を整えてみます。

Typescriptで使うinterfaceからでもStaticなメンバーメソッドを実装するクラスに型強制出来るように対応させるためのテクニックを紹介します。

外部からの中断などの操作・内部でもasync/awaitのような非同期処理が利用できるPromiseを駆使した再帰的な定期実行ループ処理を実装してみます。

Angularアプリ開発で知っていると使えるかもしれないRxjsで再帰的なループ処理を実行するためのrepeatオペレーターのデザインパターンを紹介します。

asycn/awaitで実装された関数をRxjs#deferオペレーターでObservableに変換する方法を解説します。

Rxjsを使いこなしていく中で一度は疑問に思うObservableのColdとHotの違いをまとめてみました。

Rxjsで良くみるパターンである「publish().refCount()」と「share()」と微妙な作用の違いを具体的なコードで検証してみます。

RxjsのSubjectを利用する場合に遭遇するであろうUnicastとMulticastの違いに関しても考察してみます。

RxjsでJavascript標準のGenerator関数をObservableへ変換する方法を検証します。

手軽にTypescriptをトランスパイルすることができるBabelを使ってRxjs動作確認のためのサンドボックス環境を構築してみます。

Rxjsのdeferオペレーターを利用したpipeableなカスタムオペレーターを自作してみます。

RxJSでよく使う主要なMap系のメソッドの同期・非同期の振る舞いの違いを軽いテストコードを介して調べてみます。

RxjsのajaxメソッドでCookieを取得・送信させて、適当なWebサイトでログイン認証をテストしてみます。

RxjsのconcatMapオペレーターを使った同期処理の行い方を実例を交えて解説します。

Promiseベースで書かれた外部ライブラリをRxjsでも利用したい場合にdeferとfromでObservableへ変換する時の注意点を考えていきます。

Angularプロジェクト開発で便利なRxjsを応用したwindow:resizeイベントの上手なハンドリング方法を紹介します。

Angularプロジェクト開発で、通信エラー発生時のリトライを実装するためのtimerオペレーターを使った定期実行処理のやり方を検討します。

Promise関数やasync/await構文をjavascript標準のクラス・コンストラクタで利用するために、Promiseから返ってくる値でクラスのメンバー変数を初期化のテクニックを解説します。

今回はHTMLを直接スクリプトからDOM操作するために必須となるappendChildメソッドにスポットを当て、メソッドチェーンを使ったより実践的な実装方法を検討してみます。

Typescriptでinterfaceやclassからasync/await関数を付けて使いたいときの注意点を簡単に解説していきます。

jqコマンドの更新オペレーターとシンボリックバインドオペレーターを使って、JSONオブジェクトを柔軟に編集するテクニックを紹介します。

静的なウェブページを配信する際にプリレンダリングしたhtmlファイルをより効果的にminifyしたいときに使えるSedコマンドのテクニックを紹介します。

linuxでjsonファイルを操作する場合にはシェルで手軽に使えるjqコマンドという便利なユーティリティを利用しましょう。今回はjqをDocker上のalpine linuxコンテナへ導入する方法をまとめます。

Awkを使った実践例を紹介するコーナーです。今回は、株式チャートで利用される日足のテキスト生データをJSON形式へパースさせてみる手順を説明します。

ガウス分布ノイズのデータセット生成方法を例に挙げ、Awkを使った機械学習用の訓練データの下処理テクニックを解説します。

Awk活用のワンポイント講座シリーズの二回目です。時系列データをAwkのみを使って効率的に複数のデータやファイルを結合させるためのテクニックを考察してみます。

CSVファイル内のデータが重複しているときに、Awkで重複をどう見つけるか/処理するのかをじっくり考察していきます。

jqコマンドとxargsコマンドとの組み合わせた処理のパイプ化で、シェルスクリプトのリファクタリングを考えてみます。

jqコマンドにおいて入出力値の制御で重要な役割をしているオプションの内で重要なものをピックアップし、簡単な使い方をまとめました。

Sedコマンドの真髄は「パターンスペース」と「ホールドスペース」を理解してこれを駆使することです。今回はこのパターンスペースとホールドスペースの概念と基礎的な使い道を解説していきます。

シェルスクリプトからのCSVデータを利用するためのワンポイント講座です。今回はAwkとSedでCSVファイルからデータの重複を取り扱うテクニックを簡単に載せます。

Windowsの株式トレーディングソフト・auカブコム証券のkabuステーション®をAutoItで自動ログインするためのスクリプトを作成する方法を紹介します。

AWS ECを使ってWindowsイメージのインスタンスへリモートデスクトップ(RDP)接続を簡単に試す手順を解説します。

Nexeを利用して、nodejsの開発環境なしでもWindows上でコマンドライン一つで立ち上がるExpress.jsサーバーとして使えるツールを作成します。

Nexeを利用して、nodejsの開発環境なしでもLinuxOS上でコマンドライン一つで立ち上がるモックなExpress.jsサーバーとして使えるツールを作成します。

Nexeを使ってtensorflowjsをクロスプラットホームかつスタンドアローンで利用できるnodejsバイナリアプリとして作成してみます。

Alpine LinuxベースのDockerコンテナからSvelte Frameworkプロジェクトをアプリ開発環境を構築するやり方を紹介します。

軽量Javascripフレームワーク『Svelte』を使って、綺麗な曲線チャートをSVGのPath要素で作成します。

Dockerコンテナ上に高機能なWordPressウェブサイトのローカル開発環境で自作する手順を解説します。

WordPressウェブサイトのローカル開発環境を使って、SvelteとWordPressを連携させたウェブサイトを構築してみます。

Svelteで自作したWordPressテーマを『XFree』の無料レンタルサーバープランで試す際の手順についてまとめます。

Svelteで自作したWordPressテーマを『スターサーバー』の無料レンタルプランで試す手順についてまとめます。

Svelteで自作したWordPressテーマを『XREA Free(エクスリア フリー)』の無料レンタルサーバープランで試してみます。

Danfojsを利用して、tensorflowjsで扱う一次元と二次元のテンソル値をコンソール上で自動テーブル表示に整えてみましょう。

tensorflowのjavascript版・tensorflowjsとkerasで、データを非線形回帰解析する手順を考えていきます。

tensorflowjsとkerasを用いた解析的な手法とカスタムLayerモデルから非線形回帰の実装のやり方を説明していきます。

tensorflowjsとkeraの応用的な手法である「機能(Functional)モデル」から、非線形回帰ソルバーを使った正規分布関数の解析の手順を説明します。

tensorflowjsで時系列分析系の機械学習に欠かせないLSTMの利用方法を整理しておきます。

tensorflowjsとkerasで「ステートレスLSTM」と「ステートフルLSTM」での違いをシンプルな正弦波モデル解析して、その結果を比較してみます。

tensorflowjsで、通常の配列をテンソル型へ変換するときなど、知っていると便利に使えるテクニックとその使用例を紹介します。

tensorflowjsのnodeバックエンド・tfjs-nodeでIllegal instructionが発生してしまう場合にハードウェア周りの対処法を考えます。

通常、tensorflowjsの実行環境(バックエンド)を適切に選択することで機械学習を高速化できますが、逆に遅くなったときの対処法を考察します。

Angularでルータによるページ遷移する時に、SEO対策のためにheadのrel='canonical'のlink要素を動的に書き換えるサービスクラスの作成方法を検討します。

Angular/Karmaで単体テストを構築する際に、ComponentやServiceなどのメジャーどころはウェブ検索すると豊富に参考サイトが引っかかるのですが、Directiveは比較的少なめのようです。今回はDirectiveの単体テスト(の簡易版)を作成します。

Angular UniversalでSSR/プリレンダリングする時に起こるサーバーサイド・プログラミング特有のエラーと、その解決のためのおおまかな指針をまとめます。

今回はAngularで、クエリパラメータかパスパラメータかのどちらかを使って、ウェブページのコンテンツを小分けしてページ分割するテクニックを検討してみます。

AngularのRenderer2 APIを使って、レンダリング後のHTMLに出力される無駄なDOM要素を操作して最適化を図ります。

AngularでSPA(シングルページアプリケーション)のローカル開発時にmkcertを用いた常時SSL化をする方法をまとめました。

Angularの静的コンポーネントと動的コンポーネント間のデータ受け渡しをする際に考慮すべきポイントを実際のコーディングを例に解説していきます。

Angular Universalの登場から既に6年以上も立ち、Angularデベロッパーの弛まない努力の甲斐もあって、通常のAngularアプリケーション開発もシンプルかつ洗練されたものになって来ています。今回は最近のAngular12で試した際のSSRアプリケーションのもっとも簡単な開発方法について解説しました。

Webpack5がAngular12で始めてサポートされましたが、普通にAngularを使っている分にはwebpackのバージョンが４から５に変わったことが目に見えて実感できるほどのことはありません。ということでwebpack5単体で遊べるようなAngularプロジェクトの作成方法を解説してみます。

ふと思いつきでメンテナンスし時な古いAngularプロジェクトで使っていたngx-highlightjsのバージョンを久々に引き上げると色々とエラーがライブラリ側から発生します。今回は現状におけるhighlightjs@10以降およびngx-highlightjs@4.1.0以降への引き上げ方法を考察してみます。

Auth0などの有料のユーザー認証管理サービスから、Cognitoを使った独自のユーザー認証システムへマイグレーションする際に行うべきポイントをまとめます。

Serverless FrameworkでAWS Cognitoオーソライザ付きのAPIGatewayのスタックを呼び出す作業を自動化する方法を検証します。

前段で実行したコマンドの標準出力から、自作したシェルスクリプトでもパイプでつないで処理をするための方法を考察します。

CSVデータの検索に特化したエクセルでいうところのVLOOKUP関数のような機能をもつスクリプトツールを作成してみる特集の第１回目です。今回は読み込んだCSVデータの特定の１列を検索キーとして、指定した検索キーリストからヒットした要素を順にピックアップしてCSV形式で表示するスクリプトを作成してみます。

自前のECウェブサイトを構築するときに必要となるオンライン決済機能をコンソールから効率よく作業することのできる・「Stripe CLI」をDockerコンテナ内から使ってみたときの話です。

様々なOS間でファイルをやり取りする際に色々と困ることの一つに「文字エンコーディング」が挙げられます。今回はnkfコマンドをエンコーディングの判定に使って、iconvコマンドの入力に指定してみるテクニックを紹介します。

気が向いたときにnodejs関連の話題を取り上げるコーナーです。今回はExpress.jsもしくはJSON ServerのミドルウェアをTypescriptでもasync関数を呼び出す方法を検討します。

不定期で気が向いたときにnodejs関連の便利な情報を発信しているコーナーです。今回は軽量REST APIモックサーバーとして使えるJSON ServerをTypescriptからカスタマイズする方法を検討します。

cronで定期実行されるスケジューラーを仕込む際の外部コマンドを呼び出す際に注意しておきたいポイントを、aws-cliを例にしながらいくつか取り上げてみます。

不定期で思いついたときに紹介しているAWS関連の四方山話のコーナーです。今回はAWS Lambdaのハンドラーからサーバー内部で閉じた処理を仕込む方法を紹介します。

不定期でたまにある気付きナレッジを紹介しているAngular基礎講座のコーナーです。今回はcheckboxタイプのInput要素をAngularから上手くハンドリングする使い方を解説します。

不定期で思いついたときに紹介しているAngular基礎講座のコーナーです。今回はHTMLのページタイトルを柔軟に書き換えできる組込みのTitleサービスの使い方のポイントを解説します。

前の記事ではAnguarの開発段階でローカルサーバーを立ち上げる際のプロキシルートの設定方法を解説しました。今回はAngularアプリをビルド後にExpressからローカルサーバーを立てる際のプロキシ設定について解説します。

Angularアプリケーションのビルドサイズを少しでも削減するために、ビルドオプションを引っ換えとっかえして実験してみた結果をまとめています。

今回はAngularアプリのローカル環境での開発に便利なCORSを簡単に実現できる、独自のプロキシルートの設定方法を解説します。

今回は弊社のプログラミング教育事業の一環として利用しているScratch3.0のエクステンションを自作するDockerでのアプリ開発環境づくりに関して解説します。

今回は近年注目を浴びる新しいVPN接続のソフトウェアである『WireGuard』をDebian Linuxサーバーにインストールして、ちょっとしたVPNネットワークを構築するまでをやってみます。

不定期で紹介しているSlack Boltアプリ開発の技術ネタ第三回目です。今回はSlackを使って自宅外から自宅のグローバルIPを確認する簡単なツールを作成するコツを解説します。

前回はSlack Bolt-jsでSlackアプリを作成する基本的な手順を解説しました。この記事の内容ではさらに補講的な内容としてWebSocketベースの『ソケットモード』からSlackサーバーを構築する手順にも触れてみます。

ウェブサイトをドメインを跨いたお引越しは管理者にとっても大変な作業です。AWS S3/Clounflont/Route53を利用したクラウドネイティブな静的ウェブサイトのホスティングを、サブドメイン付きのURLで構築していきます。

Slackボットより更に出来ることの自由度が高いSlackサーバーをローカルサーバー機に構築して、簡単なチャットプログラムをbolt-jsで作成する手順をを中心に噛み砕いて解説していきます。

直近の話題でベータ公開されていたGitHub CLIがこのほどRC版になっていたようで、手元のDebian LinuxでもLinuxbrewから一発導入することができました。今回はghコマンドの簡単な動作確認を試してみたいと思います。

cronで営業日の特定の時間など細かいスケジューリングを定義するのはとても大変ですが、grepコマンドと併用するハイブリッドな方法を使って、土日祝日以外の日でコマンドをスケジューリングするスマートな方法を深堀りしてみます。

組込開発者には避けて通れない技術にビット演算があります。たまにしかプログラミングでビット演算を使わないと、すっかり利用方法を忘れてしまうので、今回はBashによるシェルスクリプトによるビット演算を手軽な復習方法を紹介します。

Slackの自分用チャンネルにデータ処理中の画像をポーンと自動送信してくれるシェルスクリプトを作成したかったので、ローカルから画像ファイルをアップロードするためのSlackのAPIを試してみます。

個人的に気になったJavascript/Typescriptを学ぶためのおすすめの学習用入門書や教材をまとめて紹介するコーナーです。

AviUtlはWindows向けの高機能動画編集ユーティリティですがWineを使うとLinux環境でも動作します。どうせならLinuxでAviUtlが使いたい！と考えてる人向けにWineを使ったAviUtlの導入手順をまとめてみます。

nodejsのユーティリティ・nexeを使って簡単なCLIスネークゲームをアプリ完成までを解説します。

nodejsのユーティリティ・nexeを使って、簡単なCLIコンソールゲームのスネークゲームを作ってみます。

いい感じのシェルアプリを作成する上で欠かせないのが、「ANSIエスケープシークエンス」と呼ばれるテクニックです。今回はその基本操作について整理していきます。

今回はLinuxコマンドから画像ファイルの設定値をコマンドラインから読み取るためにExiftoolから読み出してみる方法を紹介します。

AWS S3+CloudFrontで構築したウェブサイトではSNSのbotがOGP(Open Graph Protocol)グラフを正しく読み込めないのでSNSの中で正しくWebページのリンクがシェアさせるための方法を検討します。

サーバーサイドレンダリングでの動的サイトを自作する際の基本設定を解説します。API Gatewayでカスタムドメインを用いる際にAWSのコンソール画面から何かと設定が多いので手順を簡単にまとめます。

純粋なCSSでアニメーション効果をつけるには「transition」か「animation」を使うことになります。この二つのプロパティの使い方を比較し、長所短所を説明してから、効果的に利用する方法を検討していきます。

前回の内容では手動でAWS API GatewayのダッシュボードからWebSocket APIを構築する方法を解説しました。今回は次なる段階として作成したWebSocket APIにLambdaオーソライザーを設定して、アクセス制限をする方法を検討していきます。

AWS API GatewayではRest API以外の別の選択肢としてWebSocket APIも選択可能になっています。今回はもっとも簡単なWebSocket APIの作成にチャレンジして、その作成過程を詳しく解説します。

html要素が階層構造になっている場合、入れ子になったイベントをもつ親子要素が重なって処理されるときがあります。今回はイベントが重なっても、親/子のクリックイベントのみ発火したい/したくないを選択的に制御する方法を考えてみましょう。

以前のブログでSassだけで考えたCssゲームのもっとも簡単な画面遷移の方法を解説していましたが、今回はもうちょっと遷移させるステージを増やして発展性のあるCssミニゲームにするためのテクニックを解説していきます。

Javascriptを一切介さずにSassのみで三角関数を扱うための深堀記事です。最初に基礎的なscssのテクニックから解説して、実践的な三角関数の具体的な実装法までをまとめて説明しています。

前の回でlinear-gradient属性を使って擬似的な直線を作成する方法からCSS純正折れ線チャートを描いてみました。今回はもう一つの試みとして「ブロック要素の回転と変形」をシンプルに繋いで折れ線グラフし仕立てられるか検討してみます。

基本的にCSSで折れ線を作成する機能は無いのですが、擬似的に斜線を描く『裏ワザ』がネタとしてlinear-gradientを利用する方法があります。今回はこの裏ワザで折れ線チャートが果たして上手く描けるのかを検証してみたいと思います。

一つ前の回で、Cssミニゲームの中身をどう実装しているのか基礎的なCss&Htmlを使ったテクニックの話題を取り上げてみました。これだけだとミニゲームとしては物足りないので、今回は補足的にミニゲームにオープニング画面とエンド画面の追加方法を考えてみましょう。

ちょっと前にエラーページなのにカワイイと話題になっていたヤマト運輸社の404ページで遊べるミニゲームの機能の一部をSassで実装できるか、ベースとなるテクニックをちょっとだけ掘り下げてみたいと思います。

Verdaccioを使えばローカルで独自のnpmパッケージが管理運用できるので非常に重宝しております。今回はVerdaccioコンテナのIPの調べ方と併せて、古いVerdaccioからVerdaccio5へのマイグレーションするときの注意点を考えてみます。

AWS CloudFrontを利用したなんちゃってはCDN方式のウェブサイトでは何もしないとエラーページを自動で返してくれません。今回はLambda@Edgeを使ってサーバー側からのHTTPレスポンスの情報を読み取り、エラーページにリダイレクトさせる方法を紹介します。

CSVデータの自由でより高機能な集計操作を行うスクリプトツールを作成してみる特集の第３回目です。Awkでも科学計算ほどの精度は無いものの、それでもかなり高度な算術計算処理をスクリプト内で実現することができます。今回は簡単な好例として平均を計算させてみます。

CSVデータの自由でより高機能な集計操作を行うスクリプトツールを作成してみる特集の第３回目です。前回はCSVデータで特定の一列から条件を満たすものを正規表現で抽出・集計する方法を紹介しました。今回は検索が複数列に渡る条件を与えた集計スクリプトの作り方を考察します。

CSVデータの自由でより高機能な集計操作を行うスクリプトツールを作成してみる特集の第２回目です。今回は正規表現を用いてより自由度の高い集計スクリプトの作り方を簡潔に考えてみましょう。

CSVデータの集計操作系のスクリプトツールを作成してみる特集の第１回目です。今回はCSVデータの集計操作の基礎的な内容も掘り下げつつ、後半で少し応用的なツールスクリプトに仕上げる方法をじっくり解説していきます。

Excelでの定番の業務テクニックとして要素検索と並んで良く利用されているのが集計操作です。基礎固めとしてまずは集計モードを対話に選択できるようなツールスクリプトに仕立てる前段階のユーザーインタラクティブなシェルスクリプトの実装方法を考えてみます。

ExcelデータからCsv形式へインポート/エクスポートする際に気をつけておかなかればならない一つの日付を取り扱う換算ルールを特集します。

エクセルでの日付時間とシェルスクリプトの扱うUNIX時間とは一見取り扱っているデータの表示が同じようで、日付の換算方法は異なります。ここではExcel時間表示フォーマットの話と、それをシェルスクリプトでどう補正するとCSVインポート・エクスポートが上手くいくのかを考察してみます。

CSVデータの検索に特化したエクセルでいうところのVLOOKUP関数のような機能をもつスクリプトツールを作成してみる特集の第３回目です。前の回に引き続いて、もっと自由に検索列を決められて、なおかつ複数の検索条件も与えられるように再度Awkをベースに拡張してみます。

CSVデータからエクセル操作機能を代替するスクリプトツールを作成してみる特集の第２回目です。今回はAwkコマンドでCVSファイル内からキーワードリスト検索＆抽出するスクリプトツールを作成してみます。

容量の大きなCSVデータ等を、高速かつ効率的にパイプライン処理するために、Head、Tail、Cutとその他のLinuxコマンドを使ったテクニックを紹介します。

Csvデータ全体に渡って、セル内に含まれる文字列に区別無く存在する不要な記号を一括して削除したい場合が有ります。このような特殊記号は当然ながら手動で検索しながら一つ一つ消していくのも面倒です。今回はCsvファイルの全体に渡るような文字列の置き換えをSedコマンドを利用して、一気に、そして高速に不要な文字を削除する方法を紹介します。

検索結果が無い行を発見したときに、通常は何も表示されないで無視されることが多いですが、エラーハンドリングを定義し、エラーを発見したときの処置も実装したい場合があります。たとえば、検索結果で一致しない行には、新しい内容を新規作成してそこに挿入する...などです。今回はCSVデータ使う上でのAwkとjqを使ったシェルスクリプトのエラーの捌き方の基礎を行っていきます。

CSV形式のデータの中の、不特定で複数の行(もしくは複数のセル)に対象の文字列を含むような曖昧さのある場合には、Awkかjqで処理するには少し冗長な操作になるときがあります。今回は先にSedで特定の文字列を含む行をフィルタリングのやり方を、Awkかjqで利用する前の下処理の方法として紹介します。

セルに含まれる文字列には、インデントとして無駄に連続した空白が詰まっていたり、タブやスペースなどの複数のタイプの空白が混合して入っていたりする場合が有ります。今回はSedを使った余計な空白文字の除去・洗浄に関した内容を解説します。

csvをシェルスクリプトで取り扱う上でもっとも厄介なものが改行文字です。今回は、Excelデータ中に現れるセル内改行を、xlsx2csvコマンドからCsv形式のテキストファイルで扱う方法を解説します。

今回はExcelでCsv形式のデータをエクスポートしたいけど、WindowsOSのパソコンは無し、Linuxしか使いたくない方のためのxlsx2csvコマンドの紹介記事です。

CSV形式と似ているけどちょっと違う、コンマ以外の様々な区切り文字(セパレーター)をもったデータファイルから、柔軟・簡単に分割(split)する方法を解説していきます。

csvデータのセル文字列の後方参照をAwkとjqの２つのパターンでどう実現するのかを考えてみるちょっとした技術記事です。

CsvファイルをSedやAwkなどのLinuxコマンドからCsvデータの行と列の操作するための基礎的なテクニックをまとめてみます。

Bashで扱う文字列操作には、パラメーター拡張(Parameter Expansion)という簡潔な操作で様々な機能を提供する仕組みが備わっています。Bashを使ってシェルスクリプトを操作する際に、このパラメーター拡張を知っておかないと損をしますので、この記事で使えそうなテクニックをいくつかピックアップしてみようかと思います。

シェルスクリプトを予めファイルに記述しておくことで、高度なシェルスクリプトとして作成しておけば、まさに一生モノの財産となることでしょう。今回は自作スクリプトの基本形となるスクリプトのテンプレートに関して解説します。

お名前.comでドメイン名を取得した後、AWSで静的なウェブページをホストし、サーバーの一括管理を始める際には、Route53のコンソール画面とお名前.comのダッシュボードを行ったり来たりしながら細かい設定を手動で行う必要が出てきます。そんな悩ましい設定のアレコレをあらためてまとめます。

お名前.comにてドメイン更新をしくじった半ば強制的に20,000円を無駄に損してしまった際の失敗談を紹介します。

AwkやSedといったテキストを編集する代表的なコマンドをより高度に操作するためには、正規表現(Regular Expression)の理解が欠かせなくなります。マニアックな正規表現のテクニックなどは避けながら、一般的なAwk(GNU Awk)とjqでcsvファイルを操作する際に最低限覚えておきたい正規表現をまとめてみます。

シェルスクリプトで、Awkかjqコマンドを使ってCSVフォーマットのファイルを色々と処理してみたい方に向けたお役立ちテクニック特集です。この回ではターゲットとなる列の要素に複数の条件を検索して、その検索結果をcsv形式で返すようなシェルスクリプトを作成してみます。

curlでオンラインプロジェクトからGETしたcsvデータを、jqでjson形式に整理・変形して捌く方法を紹介します。

シェルスクリプトで、Awkかjqコマンドを使ってCSVフォーマットのファイルを色々と処理してみたい方に向けたお役立ちテクニック特集です。今回はシェルスクリプトでCSV形式の中の文字列置換を行う方法に関して考えてみます。

AWS S3とCloudFrontを用いたCDN方式のウェブサイトは通常のレンタルサーバーとは仕組みが違うので、定石である.htaccessファイルを使って301リダイレクトが出来ません。今回はAWS S3ウェブサイトのお引越しの際特有の301リダイレクト方法に関して考察してみます。

AWS Lambda@Edgeを利用して、AWS S3とCloudFrontで構築した静的ホスティングサイトへのリクエストURLに対して、自動で「/index.html」を補足する手法を検討します。

Githubでは個人アカウントと組織(Organaization)アカウントの区別があり、基本的に個人アカウントでの商用目的の利用は制限されているため、その場合にはOrganizationアカウントの取得を検討しなければいけません。今回は組織アカウントの作成方法(個人アカウントからの移行)について、弊社のアカウントを作成した例で解説してみます。

cronはLinux標準搭載のスケジューラーデーモンです。ラズパイ上でDockerコンテナのコマンドをcronで動かしたいと思い立ったが吉日ちょっとばかしの応用テクをご紹介します。

昨今ではSPA・PWAベースのウェブサイトも増えてきましたがサーバーから供給するファイルは少しでも軽量なサイズにしたいものです。現在ではBrotli形式でもほぼ全てのブラウザで展開できる状況になっていますので、今回はAlpine LinuxでのBrotli圧縮形式でのちょっとしたテクニックとAWS S3バケットへのアップロードをするやり方を解説してみようと思います。

S3rver & Serverless Offlineを使ってローカルにS3を模したREST APIの開発環境の具体的な実装を解説します。

busyboxを使ってawkやsedなどのオフィス業務などで活躍するLinuxコマンドを、Windowsでも簡単に導入する方法を紹介します。

Google Maps APIを利用して、google.loader.ClientLocationを取得できるかを検証してみた際のメモです。

GeoLite2でデータを自前のコンテンツで扱う際のCCライセンスの書き方に関してまとめてみます。

バックエンドでAWS Lambda & API Gatewayを利用したサービスを利用中に、502(Bad Gateway)が出たときの対処法に関するメモです。

ローカルの開発環境でDynamoDB Localとserverless-offlineの２つのDockerコンテナサービスを利用し、オフライン版AWS SAMモデルを試す手法を詳しく深堀します。

nodejsを利用したブロジェクトでリソースファイルが多くなってきてフォルダ分け＋深い階層化してくるとnpmモジュールのインポートの際の相対パス地獄が問題になってきます。そんなお悩みを解決してくれるかもしれないlink-module-aliasユーティリティを簡単に解説してみます。

前回の記事では、画像をbase64形式に変換してカスタムしたマウスカーソルを実装することをご紹介しました。今回はURLエンコード形式の埋め込みsvgを利用したカスタムカーソルの作り方と注意点を解説します。

Sassのファイル分割を利用して、インライン埋め込みのbase64画像のカスタムカーソルを作成して遊んでみます

複数のscssファイルを分割して、より粒度の細やかなhtml要素のスタイリングを実現するための基礎的なテクを考えてみます

このほど唐突に事実上のLibSassの開発断念がアナウンスされ、コアなnode-sassユーザーにとってが悲しいニュースが飛び込んできました。後髪を引かれる思いはしますが、仕方がないので公式で推奨されているdart-sassをサクッと移行してみます。

Denoは2020年5月にリリース版が出たばかりの新しいjavascript/typescriptのランタイムです。今回はDenoの標準ライブラリを利用して、コマンドラインから対話型アプリを作ってみようと思います。

今回はsedコマンドで複数行にまたがるテキストの正規表現パターンをどう扱うかに注目し、実践例で置換操作するまでを解説してみます。

nodejsからcronのように使えるライブラリ・node-cronを使って、常駐させたDockerコンテナから定期実行されるか実験してみます。

Alpine DockerからParcelを立ち上げて、簡単かつ少ない手順でシングルページアプリケーションをビルド・起動する方法を解説します。

今回は軽量＆簡単なローソク足チャートをSassのコーディングだけで描いてみようと言う野心的な試みです。まだ実験的なコードなので実用的なローソク足チャートとまでは行かないのですが、ゼロJSのスクリプトレスなチャートなのでブラウザ上で高速に動作するメリットがあります。

Sassの配列はかなり扱いが厳密ではなく、かなり緩く簡単に使うことができますが、その決まりの緩さ故に、たまにルール無用の配列を使ってしまうと訳が分からないイテレーションになってしまうことがあります。Sass特有の配列の使い方を理解して、scssで使えるイテレーションのパターンに関してここで復習しておこうというのが今回の記事の目的です。

AWS LambdaへServerlessのdeploy系コマンドを用いて一括アップロードする際のポイントを良く忘れるので、オプションを含めてまとめておきます

このサイトの個人情報保護規約を記載したページです。このサイト内に記載されている内容に対して、その情報を利用をご検討される場合には、ぜひこのページの項目をご確認ください。

このページでは運営者に関する情報をとりまとめて掲載しております。どのような運営者がブログを編集しているのか興味がございましたら、このページもぜひ一読ください。

当サイトの定める免責事項のご案内です。