DDG - Develop a Digital Garden

develop a digital garden

gRPC + Goのhelloworldを試してみる

こんにちは、shootaceanです。 実務でWEBサービスのリアーキテクチャが進もうとしているので、気になっていたgRPCを学習してみます。 基本的にgrpc.ioのクイックスタートの手順で進めたのですが、エラーなどで手順どおりにならない部分もあったので、その点…

CloudFormationやCDKからLightsailは操作できない

AWS

LightsailをIaCで管理できるかを調べてみました。結論、CloudFormationがLightsailをサポートしていないので、当然CDKでもサポートされていません。IaCで管理したい場合は通常のEC2を利用するしかなさそうです。

Elmでフィボナッチ数列を計算してみた

Elm

こんにちは、shootaceanです。 Elmで何かをつくりたくなったので フィボナッチ数列を生成するWEBアプリ をつくってみました。 こちらのサイトにホスティングしているので、ぜひ試してください! https://web-labs.shootacean.com/elm/fibonacci/index.html …

aws cliのs3 syncで特定の拡張子ファイルだけをアップロードする方法

AWS

こんにちは、shootaceanです。 aws s3 sync というコマンドで特定の拡張子のファイルだけをアップロードする方法をご紹介します。 Web技術を試す場として、 https://web-labs.shootacean.com というサイトをつくっていて、そのサイトにデプロイする際に利用…

ユーザー入力のユーザビリティを高めるためのautocomplete属性

こんにちは、shootaceanです。 HTMLのautocomplete属性使ってますか?僕は全然意識していませんでした… 入力フォームのHTMLを書いていると、Chrome Dev Toolsのコンソールに以下のメッセージが表示されているに気づきました。 そのメッセージ内にあったリン…

【Todoist】タスクの説明を入力できるようになりました!

こんにちは、shootaceanです。 Todoistの7月22日のアップデートで、タスクの説明が入力できるようになりました! 新機能のお知らせ 今まで、タスクの補足やちょっとしたメモはコメントに残すしかなく、 コメントはファーストビューに表示されないので、確認…

Amazon RDSのバックアップ設定を一覧で取得するPythonスクリプト

こんにちは、shootaceanです。 AWS環境の現状把握作業の一環で、RDSのバックアップ設定を一覧出力するPythonスクリプトを書きました。 同じことはaws cliだけでも実現できるので、そのコマンド例も載せています。 取得した結果を元にさらに処理を行いたい場…

DeepL API Freeを使った日本語ブログ記事タイトルをブログURLに変換するPythonスクリプト

こんにちは、shootaceanです。 以前紹介したこちらの記事の、翻訳部分を「DeepL API Free」を利用して自動化したものになります。 英文をブログURLに適した形式に変換するPythonスクリプト shootacean.com DeepL API Freeの準備 実行方法 Pythonコード DeepL…

【Obsidian+Alfred】1週間分のリンクを自動生成するスニペット

こんにちは、shootaceanです。 Obsidianでひとりスプリントを回すようにしていて、 スプリント用ノートに「各デイリーノートへのリンク」を書くようにしています。 その際に利用しているAlfredのスニペット1を紹介します。 なぜAlfredを使うのか? Alfredス…

Firebaseでコストが発生しているプロジェクトとサービスを確認する方法

Firebaseのプロジェクトの設定メニューから請求ページを開いて、アカウントを表示をクリック GCPの請求ページに行くのでサイドメニューから「価格表」を選択する プロジェクト毎に各サービスで発生しているコストを確認できる

Elmで今年の残り時間を知れるサービスをつくりました

こんにちは、shootaceanです。 今年の残り時間を知れるサービスをつくりました。 https://year-progress.shootacean.com 実装はElmのみで行っています。 ソースコードはGitHubにありますので、よかったら見てみてください! https://github.com/shootacean/y…

指定したURLのHTTPステータスを一括でチェックするPythonスクリプト

こんにちは。shootaceanです。 CSVファイルに定義したURIを元にGETリクエストを行い、レスポンスのHTTPステータスをチェックするPythonスクリプトです。 運営しているWEBサービスの検証をする際に利用しました。 pandasのインストール $ pip3 install pandas…

英文をブログURLに適した形式に変換するPythonスクリプト

こんにちは。shootaceanです。 ブログ記事を書いた後にはURLを決める必要がありますが、 その際に活用できるPythonスクリプトを紹介します。 Pythonを実行する環境さえあればコピペだけで真似できるので、ぜひ試してみてください。 以下のPythonコードを mai…

Elmで数値をフォーマットする方法

Elmで数値をフォーマットする際は elm-format-number というパッケージが便利です。 $ elm install cuducos/elm-format-number パッケージには、 usLocale ( 12,345.67 ) spanishLocale ( 12.345,67 ) frenchLocale ( 12 345,67 ) というフォーマットがあら…

AWSアカウント内の全EC2インスタンスの利用可能IMDSバージョンを確認するためのPythonスクリプト

こんにちは。shootaceanです。 AWSアカウント内に存在している全てのEC2インスタンスの 利用可能インスタンスメタデータサービスバージョン ( IMDSv1 / IMDSv2 ) を確認する必要があったので、Pythonスクリプトを書いてみました。 コード import boto3 profi…

Elmでリストを表示する

Elm

ellie-app.com

MacにJupyter Labをインストールする

MacにJupyter Labをインストールする手順です。 pip3を使ってインストールし、パスワード設定を行います。 MacにJupyter Labをインストールする # Install $ pip3 install jupyterlab # Set password $ jupyter notebook password # Run $ jupyter lab

elmで和暦パッケージをつくりました

Elm

elmでトイアプリを作っていく上で、西暦を和暦に変換する処理がほしいなとなったんですがパッケージを探しても、ありませんでした。 それであれば自分が作ってみようということでつくってみました。 https://github.com/shootacean/elm-wareki https://packa…

集中したいときにおすすめの音楽Youtubeチャンネル

ダラダラと作業してしまうことはありませんか? 集中しやすい音楽を流しておくことで、ダラダラせずに集中して作業できるかもしれません。 この記事では、集中しやすい音楽が集まっているYoutubeチャンネルを紹介します。 Greenred Productions - Relaxing M…

WebStormのLiveEdit からCORSリクエストできるようにする

WebStorm の Live Edit で開発している際に クロスオリジンリクエストが以下のエラーで失敗しました。 Request header field x-ijt is not allowed by Access-Control-Allow-Headers in preflight response. 公式フォーラムによると、Allow unsigned request…

自分の意見を世間と一致させたがる人

自分の意見を世間に合わせている人たちを見ると、何がしたいんだろう?と思います。 炎上したくない?叩かれたくない? そういう人達って何のために生きてるんでしょう。 自分の意見と世間の意見が食い違えば、自分の過去の言動は無かったことにして、あたか…

リーダーになるとはどういうことか

今月から昇進し、プログラマーチームのリーダーとなりました。 役職付きのリーダーという立場になることは初めてなので、これから意識していくことを書いていきます。 前提 「役職がある = 偉い」訳ではなく、ただの役割であることを意識する。 役職を持って…

Vuexの前に試したいストアパターン

Vue.jsで複数のコンポーネントを作っていると、同じデータを別のコンポーネントで使いたくなることはありませんか? まさに先日ちょっとした機能を実装している際に調べたので、ご紹介していきます。 Vuex 真っ先に思いついたのは、Vuex です。 Vue.jsの状態…

説明する際には相手の前提知識を意識する

相手に何かを説明するときには、相手がどのような知識を持っているかを意識する必要があります。 説明する ということに意識が集中して、 相手に理解してもらう という部分が抜け落ちてしまい、 五月雨に説明してしまっていることをよく見かけます。 説明す…

AWS CLIでのEC2 起動時のUnauthorizedOperationエラー

AWS

AWS CLI で aws ec2 run-instances コマンドを実行した際の UnauthorizedOperation エラーの解決方法です。 実行したコマンド $ aws ec2 run-instances エラー内容 An error occurred (UnauthorizedOperation) when calling the RunInstances operation: You…

GitHub OrganizationsでGitHub Actionsを利用しようとした際のPermission Error

GitHub Organizations で GitHub Actions を利用しようとした際に発生する Only actions in "hoge-organization" are allowed for this repository の解決方法です。 エラー内容 Only actions in "hoge-organization" are allowed for this repository 原因 …

PHPのincludeとrequireの違いについて

PHP

PHPで外部モジュールを読み込む際に利用する include と require の違いを解説します。 include と require の使い分けまとめ 指定したモジュールが存在しない場合の挙動が異なります。 include の場合、Warning になりスルーされる。 require の場合、Fatal…

AWS CDKを使ってほぼ一撃で静的サイトを構築する

AWS

AWS CDKとは? AWS において Infrastructure as Code (以下 IaC) を実現するためのツールです。 CDK 登場以前も CloudFormation を利用して JSON や YAML での IaC は実現可能でしたが、 複数のスタックに共通する構成を定義しづらい ほぼ同一構成なリソース…

AWS CDKのArgument of type 'this' is not assignable to parameter of type 'Construct'エラーの対応方法

AWS

AWS CDK 1.15.0 がリリースされました! https://github.com/aws/aws-cdk/releases/tag/v1.15.0 アップデート前に作業していたCDKプロジェクトで、新しくリソースを追加したところ、以下のエラーが発生しました。 Argument of type 'this' is not assignable…

プロフェッショナルになるためのClean Coderまとめ

Clean Coder は、プログラマーという職業における 「プロとしての意識・考え方・振る舞い・仕事への取り組み方」が書かれています。 具体的な技術知識はほとんど出てきませんが、「プロとしての振る舞い方」がわかる素晴らしい本です。 この記事の注意点 私…