Elixir on こぴぺたんログ

【Elixir】OptionParser.parse! でCLIオプションをパースする方法：Mixタスクでの実用例

こぴぺたん — Fri, 08 Nov 2024 13:00:00 +0900

【Elixir】OptionParser.parse! でCLIオプションをパースする方法：Mixタスクでの実用例

ElixirでCLIツールやMixタスクを作成する際、ユーザーからのコマンドライン入力に応じて処理を分岐させたり、動的な引数を渡したりすることがよくあります。ElixirのOptionParser.parse!を使うことで、コマンドラインオプションを簡単に解析し、柔軟な処理を行うことが可能です。

【Elixir】Phoenix LiveView live_redirect内にlive_componentを配置する方法：aタグでシンプルに対応する

こぴぺたん — Fri, 08 Nov 2024 13:00:00 +0900

【Elixir】Phoenix LiveView live_redirect内にlive_componentを配置する方法：aタグでシンプルに対応する

Phoenix LiveViewを使って開発する際、live_redirectの内部にlive_componentを配置すると、コンパイルエラーが発生することがあります。このエラーはlive_componentがlive_redirect内で正しく扱われないために発生します。この記事では、このエラーの原因と、aタグでシンプルに解決する方法を解説します。実際のサンプルコードを用いながら、エラーの回避方法について説明します。

【Elixir】AWS RDSへの接続方法

こぴぺたん — Fri, 26 Jul 2024 02:20:00 +0900

【Elixir】AWS RDSへの接続方法

Elixir で AWS RDSを使用する際にTLS接続を確保するためにサーバー証明書の検証が必要になることがあります。Elixirプロジェクトでaws_rds_castoreライブラリを用いた証明書検証の方法を解説します。

【Elixir】MixプロジェクトでJasonを導入し、config.exsで使用する方法

こぴぺたん — Sat, 20 Jul 2024 00:00:00 +0900

【Elixir】MixプロジェクトでJasonを導入し、config.exsで使用する方法

ElixirプロジェクトでJSONエンコーディングとデコーディングを行うために、Jasonライブラリを導入し、無理やりconfig.exsで使用する方法について

【Elixir】ガード節について

こぴぺたん — Tue, 02 Jul 2024 03:30:00 +0900

【Elixir】ガード節について

Elixirは柔軟で強力なパターンマッチング機能を持ち、その一環としてガード節（guard clause）を利用することで、さらに詳細な条件でのマッチングが可能になります。Elixirのガード節について、基本的な使い方から具体的な例、使用できる関数と演算子についてのメモ。

【Elixir】Phoenix LiveViewのライブナビゲーションイベント

こぴぺたん — Mon, 17 Jun 2024 20:00:00 +0900

Phoenix LiveViewのライブナビゲーションイベント

Phoenix LiveViewを活用することで、リアルタイムのページナビゲーションを実現できます。ライブナビゲーションイベントの仕組みとその実装方法について詳しく解説します。

【Elixir】Ectoでのカスタム列の定義方法

こぴぺたん — Sat, 01 Jun 2024 03:30:00 +0900

【Elixir】Ectoでのカスタム列の定義方法

Elixir の Ecto でカスタム列を定義する方法について解説します。特定の要件に応じたデータのキャスト、ロード、ダンプを行うことができます。

Ectoのカスタムタイプ

Ectoのカスタムタイプは、Ectoスキーマで扱うデータ型を拡張するためのものです。デフォルトで提供される型に加え、独自の型を定義することで、特定のバリデーションや変換を適用できます。

【Elixir】EctoでSELECT句のクエリを柔軟に扱う：select_merge関数の効果的な使い方

こぴぺたん — Wed, 01 May 2024 20:00:00 +0900

【Elixir】EctoでSELECT句のクエリを柔軟に扱う：select_merge関数の効果的な使い方

ElixirのEctoライブラリのselect_merge/3関数を使ったクエリの動的な構築方法を、具体例を交えて詳しく解説します。動的クエリがアプリケーションの柔軟性をどのように向上させるかを学び、実用的な利用シナリオを掘り下げます。

【Elixir】Ecto で名前付きバインドを利用する方法

こぴぺたん — Wed, 24 Apr 2024 01:00:00 +0900

【Elixir】Ecto で名前付きバインドを利用する方法

Elixir の Ecto ライブラリを使用するとき、クエリの組み立てに柔軟性を持たせる方法の1つとして、名前付きバインドがあります。この記事では、Ecto で名前付きバインドをどのように使用するかを解説します。

【Elixir】the underscored variable "_variable" is used after being set.の対処法

こぴぺたん — Wed, 20 Mar 2024 19:00:00 +0900

【Elixir】warning: the underscored variable “_variable” is used after being set.の対処法

warning: the underscored variable "_variable" is used after being set.の対処法。

警告の背景

Elixirでは、変数名の前にアンダースコア(_)を付けることで、「この変数は使用されない」という意図を示します。これはElixirのみならず、Erlangや他の関数型言語においても見られる慣習です。しかし、アンダースコアで始まる変数に値を割り当てた後で、その変数をコード内で使用すると、Elixirコンパイラは開発者に対して警告を発します。これは、「本来使用されるべきでない変数が使用されている」という状況を指摘するためです。

【Elixir】CLIで入力を受け取る

こぴぺたん — Wed, 20 Mar 2024 01:00:00 +0900

【Elixir】CLIで入力を受け取る

mix コマンドなどを作成した際に引数以外にも入力値を受け取って処理を行いたい際に使える方法。

コマンドライン入力の受け取り方

IO.gets/2 を使用します。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11


# 名前の入力を促すメッセージを表示
IO.puts("あなたの名前は何ですか？")

# コマンドラインからの入力を受け取る
name = IO.gets("What is your name?\n")

# 受け取った入力を変数に格納し、トリム（改行文字を削除）
name = String.trim(name)

# 挨拶と共に入力された名前を表示
IO.puts("こんにちは、#{name}さん！")

IO.gets 関数は、引数としてプロンプトに表示する文字列を取ります。この例では空文字列 "" を使用していますが、必要に応じてプロンプトメッセージを指定できます。
受け取った入力には改行文字が含まれているため、String.trim 関数を使用して改行文字を削除します。これにより、扱いやすい形式の文字列を得ることができます。
この例では、受け取った入力をそのまま画面に表示していますが、この値を使ってさらに複雑な処理を行うことも可能です。

【Elixir】clauses with the same name and arity の意味と対処方法

こぴぺたん — Wed, 20 Mar 2024 00:30:00 +0900

【Elixir】clauses with the same name and arity の意味と対処方法

warning: clauses with the same name and arity (number of arguments) should be grouped together が出た際の対処方法。

エラーメッセージ

warning: clauses with the same name and arity (number of arguments) should be grouped together, "def handle_event/3" was previously defined

このメッセージは、handle_event/3関数がまとめられていないという意味になります。

【Elixir】mixコマンドを自作する

こぴぺたん — Wed, 20 Mar 2024 00:30:00 +0900

【Elixir】clauses with the same name and arity の意味と対処方法

Elixirのプロジェクト管理ツールであるmixは、プロジェクトのコンパイル、テスト、依存関係の管理など、多くのタスクを簡単に実行できます。Elixirのプロジェクトでカスタムmixコマンドを作成する方法についてご紹介いたします。

Google ColabでElixirプログラミングを始める方法

こぴぺたん — Fri, 15 Mar 2024 02:30:00 +0900

Google ColabでElixirプログラミングを始める方法

Google Colabは、ブラウザ上でPythonコードを簡単に実行できる環境です。しかしPython以外のプログラミング言語、たとえばElixirを動かすことも可能です。

【Elixir】Ectoで個別にエラーを追加する方法

こぴぺたん — Wed, 13 Mar 2024 19:00:00 +0900

【Elixir】Ectoで個別にエラーを追加する方法

ElixirのEctoで個別にエラーを追加する方法。
ちょっと面倒な時にやる僕が個人的にやっている方法。

確認環境

Elixir 1.14.2
Phoenix 1.6.3

Ectoスキーマの準備

まず、Ectoスキーマを定義します。この例では具体的なフィールドは定義しませんが、必要に応じて追加してください。

【Elixir】EctoでChangesetからデータを取得する方法

こぴぺたん — Mon, 11 Mar 2024 12:30:00 +0900

【Elixir】EctoでChangesetからデータを効率的に取得する方法

Ectoのchangesetの各フィールドからデータを取得したい時の対応。

get_field 関数による特定フィールドのデータ取得

get_field関数は、changesetから特定のフィールドの現在の値を取得する際に使用します。この関数は、変更された値が存在する場合はその値を、そうでない場合は元の値を返します。

【Elixir】Phoenix Liveview のファイルアップロードのテスト方法

こぴぺたん — Tue, 28 Nov 2023 01:00:00 +0900

【Elixir】Phoenix Liveview のファイルアップロードのテスト方法

Elixir Phoenix の Liveview のファイルアップロードのテスト方法

環境

Elixir 1.14.2
Phoenix 1.6.3

対象のコード

テストをする対象のコードはこちらになります。

Elixirファイル

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41


defmodule DemoWeb.FileUploadLive.Index do
 use DemoWeb, :live_view

 @impl true
 def mount(_params, _session, socket) do
 {
 :ok,
 socket
 # アップロード設定
 |> allow_upload(:image, accept: ~w(.jpg .jpeg .png))
 }
 end

 @impl true
 def handle_event("validate", _params, socket) do
 {:noreply, socket}
 end

 @impl true
 def handle_event("cancel-entry", %{"ref" => ref}, socket) do
 # アップロードキャンセル
 {:noreply, cancel_upload(socket, :image, ref)}
 end

 @impl true
 def handle_event("save", _params, socket) do
 uploaded_file =
 consume_uploaded_entries(socket, :image, fn %{path: path}, entry ->
 # ファイルアップロード処理
 # path はファイルがアップロードされた場所
 # entry はアップされたファイル情報
 File.cp!(path, entry.client_name)
 entry.client_name
 end)

 {:noreply,
 socket
 |> put_flash(:info, "ファイルアップロード完了")
 |> redirect(to: "/")}
 end
end

テンプレートファイル

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34


<form id="post-form" phx-change="validate" phx-submit="save">
 <!-- アップロードされたらファイルアップ箇所は非表示 -->
 <div class="columns is-centered" style={ if @uploads.image.entries != [], do: "display:none" }>
 <!-- ファイルをドラッグ & ドロップでもアップロードすることが可能 -->
 <div class="file is-boxed" phx-drop-target={ @uploads.image.ref }>
 <label class="file-label">
 <%= live_file_input @uploads.image, class: "file-input" %>
 <span class="file-cta">
 <span class="file-label p-6">
 Choose a file…
 </span>
 </span>
 </label>
 </div>
 </div>
 <%=
 # アップロードされたら表示
 for entry <- @uploads.image.entries do %>
 <figure>
 <%= live_img_preview entry %>
 <figcaption><%= entry.client_name %></figcaption>
 </figure>
 <%=
 # アップロードキャンセルボタン
 submit gettext("Cancel"), type: "button", phx_click: "cancel-entry", phx_value_ref: entry.ref %>

 <%=
 # エラー表示
 for err <- upload_errors(@uploads.image, entry) do %>
 <p class="alert alert-danger"><%= err %></p>
 <% end %>
 <% end %>
 <%= submit gettext("Save"), phx_disable_with: gettext("Saving...") %>
</form>

テスト

実際のテスト処理を書きます。

【Elixir】Phoenix 1.6 → 1.7 へのアップデートのメモ

こぴぺたん — Sun, 26 Nov 2023 01:20:00 +0900

【Elixir】Phoenix 1.6 → 1.7 へのアップデートのメモ

Elixir Phoenix 1.6 → 1.7 へのアップデートしようとした際のメモ。

なおアップデートはしていない。

アップデート方法は3種類

色々と試行錯誤を行った結果、以下の3種類のものをすべて試しました。それらを試した結果、僕はアップデートを諦めました。

【Elixir】Elixir KoansでElixirを学ぼう

こぴぺたん — Mon, 06 Nov 2023 12:30:00 +0900

【Elixir】Elixir KoansでElixirを学ぼう

Elixir Koansを使ってElixirの問題を解く方法を紹介します。

elixirkoans/elixir-koans: Elixir learning exercises

実行環境

Elixir 1.15.6

Elixir Koansとは？

Elixir Koansは、Elixirの使用法を体験するための一連の練習問題です。

【Elixir】EctoクエリをSQLにして取得する方法

こぴぺたん — Thu, 28 Sep 2023 02:40:00 +0900

【Elixir】EctoクエリをSQLにして取得する方法

ElixirでEctoを使用している際に、EctoクエリからSQLを取得する方法メモ。
このテクニックはデバッグやパフォーマンスチューニングに非常に役立ちます。

【Elixir】Ectoのプライマリーキーについて

こぴぺたん — Thu, 28 Sep 2023 02:30:00 +0900

【Elixir】Ectoのプライマリーキーについて

今回はEctoでプライマリーキーを扱うさまざまな方法についてのまとめです。

デフォルトのプライマリーキー
カスタムプライマリーキー
プライマリーキーなし
複合プライマリーキー

デフォルトのプライマリーキー

デフォルトでは、Ectoは各スキーマに：idフィールドをプライマリーキーとして作成します。これは自動インクリメントの整数です。

【Elixir】Ecto で色々な関係の設定

こぴぺたん — Sat, 23 Sep 2023 18:40:00 +0900

【Elixir】Ecto で色々な関係の設定

Elixir の Ecto で色々な関連設定について詳しく解説します。
has_one, has_many, belongs_to, throughオプションに焦点を当てます。

その他のオプションについても以下のページで確認できますのでご参考にどうぞ
Ecto.Schema

【Elixir】Ecto で Preload の色々

こぴぺたん — Sat, 23 Sep 2023 17:30:00 +0900

【Elixir】Ecto で Preload の色々

Ecto の preload 機能に焦点を当て、その使い方を色々と解説します。

preload/3

単一の関連付けを Preload

もっとも基本的な使い方です。ユーザーとそのプロフィールを一緒に取得する例を見てみましょう。

【Elixir】 PhoenixでバックグラウンドでルーティングのURLを取得する方法

こぴぺたん — Fri, 15 Sep 2023 01:30:00 +0900

【Elixir】 PhoenixでバックグラウンドでルーティングのURLを取得する方法

ElixirのPhoenixフレームワークでWebアプリケーションを開発する際、バックグラウンドでルーティングのURLを取得するケースがあります。
connを使うパターンと使わないパターンについて説明します。

【Elixir】Ecto.Repoを拡張してSoft Deleteされていないレコードだけを取得する方法

こぴぺたん — Thu, 14 Sep 2023 13:00:00 +0900

【Elixir】Ecto.Repoを拡張してSoft Deleteされていないレコードだけを取得する方法

ElixirのEcto.Repoを拡張して、Soft Delete（deleted_at is nil）されていないレコードだけを効率的に取得する方法について解説します。

【Elixir】サーバーから特定要素のイベントを実行する

こぴぺたん — Mon, 11 Sep 2023 19:00:00 +0900

【Elixir】Phoenix 独自に定義したイベントを実行する方法

Elixir Phoenix でサーバーから特定の要素のイベントを実行する方法のメモ。

push_event と組み合わせて特定の要素に設定されたイベントを実行します。
Phoenix.LiveView.html#push_event/3

【Elixir】Phoenix 独自に定義したJavaScriptを実行する方法

こぴぺたん — Fri, 08 Sep 2023 01:40:00 +0900

【Elixir】Phoenix 独自に定義したJavaScriptを実行する方法

Elixir Phoenixで独自に定義したJavaScriptを実行する方法メモ。
なぜか僕の環境ではちょっと面倒だったのでメモしました。

【Elixir】Phoenix のテンプレートエラー「expected closing `"` for attribute value」の解決方法

こぴぺたん — Fri, 01 Sep 2023 01:20:00 +0900

Elixir PhoenixでのHTMLエラー「expected closing `"` for attribute value」の解決方法

Elixir Phoenix のテンプレートエラー「expected closing " for attribute value」が出てしまった時の解決方法。

【Elixir】LiveView の render が発火しない時の対処方法

こぴぺたん — Thu, 31 Aug 2023 03:00:00 +0900

【Elixir】LiveView の render が発火しない時の対処方法

Elixir LiveView の render が発火しないという現象が発生してちょっと泣きを見たのでメモ。
render で使用するテンプレートの切り替えを行っていたのですが発火してくれなくて画面が更新されなくて数時間奮闘するハメに…

【Elixir】コードの効率と可読性を高める Null合体演算子

こぴぺたん — Wed, 30 Aug 2023 00:30:00 +0900

【Elixir】コードの効率と可読性を高める Null合体演算子

ElixirのNull合体演算子の使い方を解説します。

Null合体演算子

ElixirのNull合体演算子（||）は、一見すると単なる論理演算子（or）に見えます。
この演算子は、nilやfalseといった「偽」と評価される値に対して、デフォルト値を簡単に設定できます。

【Elixir】Phoenix PubSub を使ってリアルタイムデータ共有の方法

こぴぺたん — Tue, 22 Aug 2023 13:00:00 +0900

【Elixir】Phoenix PubSub を使ってリアルタイムデータ共有の方法

Phoenix PubSubは、Elixirを使用したリアルタイムデータ共有の鍵となる機能です。
リアルタイムに他のユーザなどにデータ共有が可能です。
Phoenix PubSubの基本的な使用方法からサブスクライブの停止までの詳細なプロセスを紹介しています。

【Elixir】リストの先頭と末尾のデータを取得する

こぴぺたん — Fri, 04 Aug 2023 12:30:00 +0900

【Elixir】リストの先頭と末尾のデータを取得する

Elixirでリストの先頭と末尾のデータを取得する方法を解説します。

確認環境

Elixir 1.14.2

リストの先頭データの取得

Elixirでリストの最初の要素を取得するには、List.first/1 関数や hd/1 関数を使用します。

【Elixir】LiveView で使用するテンプレートファイルを変更する方法

こぴぺたん — Sat, 22 Jul 2023 15:00:00 +0900

Elixir LiveView で使用するテンプレートファイルを変更する方法

Elixir の LiveView でテンプレートファイルを変更したい場合があります。
今回は対処方法についてまとめました。

【Elixir】Phoenix LiveComponentの簡単なサンプル実装

こぴぺたん — Mon, 10 Jul 2023 10:00:00 +0900

【Elixir】Phoenix LiveComponentの簡単なサンプル実装

LiveComponentのクリックするたびに数値が増減するというシンプルなアプリケーションの作り方について解説します。

【Elixir】Phoenix サーバーサイドからリアルタイム通知する

こぴぺたん — Thu, 06 Jul 2023 19:20:00 +0900

【Elixir】Phoenix サーバーサイドからユーザーにリアルタイム通知する

Elixir Phoenix サーバーサイドからユーザーに簡単にリアルタイム通知することが可能です。

確認環境

Elixir 1.14.2
Phoenix 1.6.3

Elixir Phoenixでの通知システムの作成

ElixirとPhoenixを使用して、リアルタイムの通知システムを作成する方法を探求します。このシステムは、特定のユーザーに対してメッセージの通知を送ることができ、ログイン中の全画面に適用されます。さらに、サーバーから特定のユーザーに通知を送ることも可能です。

【Elixir】Ectoでの配列フィールドの定義とバリデーション方法

こぴぺたん — Sat, 01 Jul 2023 00:45:00 +0900

【Elixir】Ectoでの配列フィールドの定義とバリデーション方法

ElixirのEctoを使って、配列フィールドの定義とバリデーション方法についてやっていきます。

PostgreSQLの場合は配列方があるので使用するらしいです。
僕の場合は画面からのバリデーションチェックに使用する目的で使用しています。

【Elixir】Phoenix push_event を活用してJavaScriptを実行する

こぴぺたん — Mon, 26 Jun 2023 18:50:00 +0900

【Elixir】Phoenix push_event を活用してJavaScriptを実行する

ElixirのPhoenixフレームワークでは、サーバーからクライアントへのイベントをプッシュするためのpush_eventという機能が提供されています。
これを利用することで、サーバー側からクライント側のJavaScriptに対してイベントを発行し、特定の操作を行うことが可能になります。
push_event を活用してJavaScriptを実行してみます。

【Elixir】Phoenixでのレイアウトテンプレート設定方法

こぴぺたん — Sun, 25 Jun 2023 19:00:00 +0900

【Elixir】Phoenixでのレイアウトテンプレート設定方法

Elixir Phoenixでのレイアウトテンプレート設定方法。

確認環境

Elixir 1.14.2
Phoenix 1.6.3

アクションの設定

put_layout を利用することでテンプレートを変更することが可能です。
基本的な使い方は以下のようになります。

【Elixir】タイムゾーンエラーの解決策

こぴぺたん — Fri, 16 Jun 2023 01:30:00 +0900

【Elixir】タイムゾーンエラーの解決策

Elixirで日付と時間を扱う際には、DateTimeモジュールが一般的に使用されます。
しかし、特定のタイムゾーンを指定して現在の日時を取得しようとすると、cannot get current datetime in "Japan" time zone, reason: :utc_only_time_zone_databaseというエラーが発生することがあります。
このエラーの原因と解決策について詳しく説明します。

【Elixir】Phoenixでのエラー解決: Stateful ComponentsのHTML Root Tag

こぴぺたん — Fri, 16 Jun 2023 01:20:00 +0900

【Elixir】Phoenixでのエラー解決: Stateful ComponentsのHTML Root Tag

ライブコンポーネント作成時に出たエラーの解決方法について調べてみました。

error on render/1 with id of "demo". Stateful components must have a single static HTML tag at the root

このエラーは、Stateful component (状態を保持するコンポーネント) が一つの静的なHTMLタグをルート（最上位）に持たなければならないという規則に違反している時に発生します。
これは、LiveViewでstatefulコンポーネントを扱う際の基本的なルールです。
これにより、Phoenixはコンポーネントのライフサイクルを正しく管理し、必要な更新を適切に行うことができます。

【Elixir】Mnesiaで分散データベースを構築し、クラスタ同期を行う

こぴぺたん — Sun, 28 May 2023 02:20:00 +0900

【Elixir】Mnesiaで分散データベースを構築し、クラスタ同期を行う

ElixirとErlangの分散データベースであるMnesiaを利用することで、分散システムにおけるデータの管理が格段に簡単になります。
今回の記事では、Mnesiaのセットアップとクラスタ同期について詳しく説明します。

【Elixir】Phoenixでカスタムセッションストアを作る

こぴぺたん — Fri, 26 May 2023 01:40:00 +0900

【Elixir】Phoenixでカスタムセッションストアを作る

Elixir Phoenixで自作のセッションストアを作る方法についてやっていきます。
今回はセッション情報を各セッションID名のJSONに保存するというセッションストアを作っていきます。

【Elixir】クラスタ内のノードの起動、停止を感知する方法

こぴぺたん — Wed, 24 May 2023 01:20:00 +0900

【Elixir】クラスタ内のノードの起動、停止を感知する方法

Elixir でクラスタ構成でクラスタ内のノードの起動、停止を感知する方法

環境

Elixir 1.14.2

ノード起動・停止の感知するコード

ノードの起動、停止を実際に感知するコードは以下のようになります。
net_kernel.monitor_nodes/1 を使用してすべてのノードの起動、停止を感知します。

【Elixir】libclusterを使用して簡単にクラスタ化する

こぴぺたん — Sat, 20 May 2023 20:00:00 +0900

【Elixir】libclusterを使用して簡単にクラスタ化する

libclusterというElixirのライブラリを使用することで、簡単にクラスタ構成を作ることができます。
Elixirとlibclusterを使用してクラスタ構成を作ってみます。

【Elixir】Ecto V3以上でTelemetryを使ってSQLログを出力する方法

こぴぺたん — Wed, 26 Apr 2023 12:30:00 +0900

【Elixir】Ecto V3以上でTelemetryを使ってSQLログを出力する方法

ElixirのEcto V3以上でTelemetryを使用してSQLログを出力する方法について説明します。
Telemetryは、ErlangおよびElixirアプリケーションのメトリック、トレース、およびログを収集するためのライブラリです。
これにより、アプリケーションのパフォーマンスを監視し、問題の特定やデバッグが容易になります。

【Elixir】LiveView でファイルをアップロードする

こぴぺたん — Sun, 23 Apr 2023 12:00:00 +0900

【Elixir】LiveView でファイルをアップロードする

Elixir で LiveView で簡単にファイルをアップロードする方法メモ

環境

Elixir 1.14.2
Phoenix 1.6.3

サンプルコード

サンプルコードでは以下のことをできるようになっています。

【Elixir】LiveView でボタンクリック時に確認ダイアログを簡単に出す方法

こぴぺたん — Fri, 21 Apr 2023 01:30:00 +0900

【Elixir】LiveView でボタンクリック時に確認ダイアログを簡単に出す方法

Elixir で LiveView でボタンクリック時に確認ダイアログを簡単に出す方法

環境

Elixir 1.14.2
Phoenix 1.6.3

サンプルコード

data_confirm の属性をつければ良いだけで簡単に確認ダイアログが出力されます。

【Elixir】PhoenixLiveSession 使用時にテストでエラーが出る対処方法

こぴぺたん — Sat, 08 Apr 2023 01:00:00 +0900

【Elixir】PhoenixLiveSession 使用時にテストでエラーが出る対処方法

PhoenixLiveSession 使用時にテストする際、エラーが出てしまいます。
今回はその対処方法をメモです。

環境

Elixir 1.14.2
Phoenix 1.6.3
PhoenixLiveSession 0.1.3

エラー

LiveViewSessionを使用した箇所で以下のエラーが発生しました。

【Elixir】SlackLog を使って Slack にログを送る方法

こぴぺたん — Sat, 08 Apr 2023 00:50:00 +0900

【Elixir】LiveView でパスワードが消えてしまう現象の解決方法

Elixir で開発されたアプリケーションからSlackにログを送信する方法を紹介します。

環境

Elixir 1.14.2

SlackLog

SlackLog を入れることにより開発チームはSlackでアプリケーションのログをリアルタイムで確認でき、問題の検出や解決がスムーズになります。

【Elixir】logger_file_backend を使用してログをファイルに出力する方法

こぴぺたん — Sat, 08 Apr 2023 00:40:00 +0900

【Elixir】logger_file_backend を使用してログをファイルに出力する方法

Elixir で logger_file_backend を使用してログをファイルに出力する方法を紹介します。

環境

Elixir 1.14.2

logger_file_backend

Elixir では、標準で Logger モジュールが提供されており、これを利用して簡単にログを取得できます。
ただし、デフォルトでは標準出力にログが出力されるため、ファイルに出力するには logger_file_backend というライブラリを使うことで実現できます。

【Elixir】LiveView でパスワードが消えてしまう現象の解決方法

こぴぺたん — Fri, 31 Mar 2023 13:30:00 +0900

【Elixir】LiveView でパスワードが消えてしまう現象の解決方法

Elixir で LiveView でパスワードが消えてしまう現象がありました。
その解決方法メモ。

環境

Elixir 1.14.2
Phoenix 1.6.3

現象

以下のような LiveView を使用してログインフォームを作ったところ、パスワード欄に入力した値が消える現象が時折発生。

【Elixir】if 文からの返り値をもらう方法

こぴぺたん — Fri, 31 Mar 2023 12:40:00 +0900

【Elixir】if 文からの返り値をもらう方法

Elixir で if 文からの返り値をもらう方法メモ。
Elixir は if 文内の変更を if 文外に作用させないため if文内での処理結果をもらう時に使い方です。

【Elixir】ヒアドキュメントで制御構文を使用する方法

こぴぺたん — Wed, 29 Mar 2023 00:40:00 +0900

【Elixir】ヒアドキュメントで制御構文を使用する方法

Elixir のヒアドキュメントで制御構文を使用する方法。
これにより、動的な文字列を生成する際に、より簡潔で読みやすいコードを書くことができます。

【Elixir】Bambooを使って簡単にメール送信する方法

こぴぺたん — Mon, 27 Mar 2023 18:20:00 +0900

【Elixir】Bambooを使って簡単にメール送信する方法

Elixir で Bamboo を使って簡単にメール送信する方法。

メール送信を行う Bamboo のドキュメントはこちらです。

Bamboo はさまざまなアダプターが用意されていていますが、今回はSMTPでの送信方法のサンプルをご紹介します。

【Elixir】キャッシュを簡単に扱う Cachex の紹介

こぴぺたん — Fri, 24 Mar 2023 01:00:00 +0900

【Elixir】キャッシュを簡単に扱う方法: Cachex の紹介

Elixir では、Cachex という強力なキャッシュライブラリを使用することで、簡単にキャッシュを扱うことができます。
この記事では、Cachex のインストール方法と基本的な使い方を紹介します。

【Elixir】Ecto.Schema.embedded_schema を使ってリクエストを処理する方法

こぴぺたん — Tue, 21 Mar 2023 12:40:00 +0900

【Elixir】Ecto.Schema.embedded_schema を複雑な使ってリクエストに対してのリクエストを処理する方法のメモ

Elixir で LiveView に対する認証・認可を自作する

以下のドキュメントを参考にしています。
Ecto.Schema — Ecto v3.9.4 - HexDocs # embedded_schema

【Elixir】LiveView に対する認証・認可を自作する

こぴぺたん — Sun, 19 Mar 2023 09:00:00 +0900

【Elixir】LiveView に対する認証・認可を自作する

Elixir で LiveView に対する認証・認可を自作する

以下のドキュメントを参考にしています。
Security considerations of the LiveView model — Phoenix LiveView v0.18.18

環境

Elixir 1.14.2
Phoenix 1.6.3

LiveView 認証・認可モジュールの作成

LiveView 用の認証・認可モジュールを作成します。

【Elixir】URIクエリパラメータを作る

こぴぺたん — Sat, 18 Mar 2023 18:00:00 +0900

【Elixir】URIクエリパラメータを作る

Elixir でURIクエリパラメータを作るメモ

環境

Elixir 1.14.2

Elixir の URI.encode_query

ElixirにはURIモジュールがあり、URLを操作するための機能を提供しています。その中でも、URI.encode_query/1は、クエリパラメータをエンコードするために便利なメソッドです。
URI.encode_query とは URI.encode_query/1は、キーと値のペアから構成されるマップを受け取り、URLエンコードされた文字列を返します。
このエンコードは、クエリストリングの形式でURLに付与するために使用されます。

【Elixir】HTTPoison を使って API などの通信を行ってみる

こぴぺたん — Sat, 18 Mar 2023 17:40:00 +0900

【Elixir】HTTPoison を使って API などの通信を行ってみる

Elixir で HTTP通信ができる HTTPoison を使って API などの通信を行ってみる

環境

Elixir 1.14.2

HTTPoisonのインストール

mix.exs ファイルのdeps関数にHTTPoisonを追加し、アプリケーションの依存関係を更新します。

【Elixir】XMLを簡単に Map にしてくれる XmlToMap を使う

こぴぺたん — Fri, 17 Mar 2023 12:30:00 +0900

【Elixir】XMLを簡単に Map にしてくれる XmlToMap を使う

Elixir で標準で用意されてるXMLの読み込みのクセが強いので簡単に Map にしてくれる XmlToMap を使ってみました。

環境

Elixir 1.14.2

XMLを普通に読み込んで見る

比較するためにいったん普通にXMLを読み込んでみます。

【Elixir】Phoenix LiveView でJSを書かずにアニメーションなどを実装する

こぴぺたん — Wed, 15 Mar 2023 18:30:00 +0900

【Elixir】Phoenix LiveView でJSを書かずにアニメーションなどを実装する方法

Elixir の Phoenix LiveView でJSを書かずにアニメーションなどを実装する方法。
折角 LiveView を使っているのに一々画面項目の表示/非表示などの簡単なJSを一々書きたくないなって考えたら実装方法がありましたのでメモ。

【Elixir】Phoenix で PhoenixLiveSession を使用して LiveView で Session を使用する

こぴぺたん — Tue, 14 Mar 2023 12:30:00 +0900

【Elixir】Phoenix で PhoenixLiveSession を使用して LiveView で Session を使用する

Elixir Phoenix で PhoenixLiveSession を使用して LiveView で Session を使用する方法。
通常 LiveView 上では Session を扱えません。
Session を扱えるように PhoenixLiveSession を導入する必要があります。

【Elixir】Phoenix で静的ファイルを追加する

こぴぺたん — Thu, 09 Mar 2023 12:30:00 +0900

【Elixir】Phoenix で静的ファイルを追加する

Elixir Phoenix の環境で静的ファイルを追加する方法

環境

Elixir 1.14.2
Phoenix 1.6.3

静的ファイルを追加する

priv/static/ にフォルダを追加します。
lib/demo_web/endpoint.ex に追加したフォルダ名を追加

only の箇所に hoge 追加

1
2
3
4
5


 plug Plug.Static,
 at: "/",
 from: :sdm,
 gzip: false,
 only: ~w(assets fonts images favicon.ico robots.txt hoge)

Routes.static_path を使用してテンプレート側で使用する。

1

 <img src={Routes.static_path(@conn, "/hoge/hoge.png")} alt="hoge"/>

これにより画像などの静的ファイルの呼び出しが可能になります。

【Elixir】データ取得時に複数のChangesetを返すようにする

こぴぺたん — Sat, 04 Mar 2023 16:00:00 +0900

【Elixir】データ取得時に複数のChangesetを返すようにする

Elixir でRepoを使用したデータ取得時に複数のChangesetを返すようにする方法。

環境

Elixir 1.14.2

通常通りにJOINしてデータを取得する

JOINして複数のテーブルからデータを取得します。

1
2
3
4
5
6
7
8


query =
 from(
 user in Demo.Models.User,
 join: post in Demo.Models.Post,
 on: user.id == post.user_id
 )

IO.inspect(Repo.all(query))

実行すると users テーブルのデータしか取得していません。
これでは困ります。

【Elixir】ログイン制御セッションでアクセス制限を実現する

こぴぺたん — Thu, 02 Mar 2023 18:30:00 +0900

【Elixir】ログイン制御セッションでアクセス制限を実現する

Elixir でログイン制御セッションでアクセス制限を実現する

環境

Elixir 1.14.2
Phoenix 1.6.3

セッション制御

特定のセッション（ログインなど）がない場合にアクセスが出来ないようにします。

【Elixir】gettext で日本語化をする（多言語対応

こぴぺたん — Fri, 24 Feb 2023 02:00:00 +0900

【Elixir】gettext で日本語化をする（多言語対応

Elixir gettext で日本語化をする方法

環境

Elixir 1.14.2
Phoenix 1.6.3

インストール

まずはプロジェクト作成を行います。

mix phx.new my_app --no-ecto

パッケージ追加

※Phoenix ではデフォルトでインストールされているようなので不要です。

【Elixir】DB検索時などの際に動的に列を指定する方法

こぴぺたん — Wed, 15 Feb 2023 18:30:00 +0900

【Elixir】DB検索時などの際に動的に列を指定する方法

Elixir DBの検索を行う際など汎用的に列を変数化したりして検索したい時があります。その実装方法のメモです。

実装

Ecto.Query.API の filed/2 の関数を使用します。
Ecto.Query.API — Ecto v3.9.4 #field/2
この関数は指定されたテーブルの列をAtom型で渡すと、その列を使用してくれます。

【Elixir】カスタムバリデーションを作ってみる

こぴぺたん — Wed, 15 Feb 2023 18:30:00 +0900

【Elixir】カスタムバリデーションを作ってみる

Elixir 独自のバリデーション、カスタムバリデーションを作ってみる

カスタムバリデーション

バリデーション用ファイルの作成
changeset の :username が4文字未満もしくは15文字以上でエラーにしています。

【Elixir】ループの癖が強かった

こぴぺたん — Sun, 05 Feb 2023 17:30:00 +0900

【Elixir】ループの癖が強いかった

Elixir 初心者の僕がループを使用してハマったことをメモしておきます

ハマったこと

Elixer で勉強用にコードを書いていて「渡された数値の回数 1～X までループして 1～X までの合計を出す」という単純な問題をやっていたのですが、これがハマった。

【Elixir】Phoenix 5分でCRUDを作ってみます！

こぴぺたん — Sun, 29 Jan 2023 15:20:00 +0900

【Elixir】Phoenix 5分でCRUDを作ってみます！

Elixir Phoenix で5分でCRUDをやってみます！

インストール関係は省きます。
今回 demo という名前でプロジェクトを作っています。

【Elixir】Ecto.dump load でデータのエクスポート、インポートを行う

こぴぺたん — Mon, 23 Jan 2023 18:30:00 +0900

【Elixir】Ecto.dump load でデータのエクスポート、インポートを行う

Ecto.dump load でデータのエクスポート、インポートを行う。

今回使用する2つの機能は以下です。
mix ecto.dump — Ecto SQL v3.9.2
mix ecto.load — Ecto SQL v3.9.2

【Elixir】Livebook でサクッと遊ぼう！

こぴぺたん — Sat, 07 Jan 2023 14:30:00 +0900

【Elixir】Livebook でサクッと遊ぼう！

動かす方法

動かす方法は色々ある模様です。
（僕はDockerで動かしています。

公式サイト Livebook.dev

Livebook アプリをインストール

Livebook.dev #install の左側からアプリをダウンロードしてインストールする。

【Elixir】Phoenix で Quantum を使用してプログラム定期実行する方法

こぴぺたん — Fri, 30 Dec 2022 16:00:00 +0900

【Elixir】Phoenix で Quantum を使用してプログラム定期実行する方法

Elixir Phoenix 環境で Quantum を使用してプログラム定期実行する方法

Quantum のドキュメントはこちら

環境

Elixir 1.14.2
Phoenix 1.6.3
Quantum 3.5.0

サンプル

GitHub を見つつ進めていきます。

【Elixir】 Phoenix で LiveView を使ってみる

こぴぺたん — Tue, 27 Dec 2022 02:40:00 +0900

【Elixir】 Phoenix で LiveView を使ってみる

今回はLiveViewを使ってバックエンドだけでリッチなフロントエンドを作成してみます。
Phoenix.LiveView — Phoenix LiveView v0.17.5

環境

Elixir 1.14.2
Phoenix 1.6.3
LiveView 0.17.5

サンプル

こちらの参考ページを元に進めていきます。
Phoenix LiveView Basics :: Phoenix Beginner’s Guide

【Docker】Elixir Phoenix の環境を作る

こぴぺたん — Tue, 27 Dec 2022 01:40:00 +0900

【Docker】Elixir Phoenix の環境を作る

Docker で Elixir Phoenix の環境を作る

作成する環境

Elixir 1.14.2
Phoenix 1.6.3

Docker Compose ファイル作成

docker-compose.yml を用意します。
作るのは Elixir Phoenix の環境です。
Postgresも入っています。

Elixir on こぴぺたん ログ

【Elixir】OptionParser.parse! でCLIオプションをパースする方法：Mixタスクでの実用例

【Elixir】OptionParser.parse! でCLIオプションをパースする方法：Mixタスクでの実用例

【Elixir】Phoenix LiveView live_redirect内にlive_componentを配置する方法：aタグでシンプルに対応する

【Elixir】Phoenix LiveView live_redirect内にlive_componentを配置する方法：aタグでシンプルに対応する

【Elixir】AWS RDSへの接続方法

【Elixir】AWS RDSへの接続方法

【Elixir】MixプロジェクトでJasonを導入し、config.exsで使用する方法

【Elixir】MixプロジェクトでJasonを導入し、config.exsで使用する方法

【Elixir】ガード節について

【Elixir】ガード節について

【Elixir】Phoenix LiveViewのライブナビゲーションイベント

Phoenix LiveViewのライブナビゲーションイベント

【Elixir】Ectoでのカスタム列の定義方法

【Elixir】Ectoでのカスタム列の定義方法

Ectoのカスタムタイプ

【Elixir】EctoでSELECT句のクエリを柔軟に扱う：select_merge関数の効果的な使い方

【Elixir】EctoでSELECT句のクエリを柔軟に扱う：select_merge関数の効果的な使い方

【Elixir】Ecto で名前付きバインドを利用する方法

【Elixir】Ecto で名前付きバインドを利用する方法

【Elixir】the underscored variable "_variable" is used after being set.の対処法

【Elixir】warning: the underscored variable “_variable” is used after being set.の対処法

警告の背景

【Elixir】CLIで入力を受け取る

【Elixir】CLIで入力を受け取る

コマンドライン入力の受け取り方

【Elixir】clauses with the same name and arity の意味と対処方法

【Elixir】clauses with the same name and arity の意味と対処方法

エラーメッセージ

【Elixir】mixコマンドを自作する

【Elixir】clauses with the same name and arity の意味と対処方法

Google ColabでElixirプログラミングを始める方法

Google ColabでElixirプログラミングを始める方法

【Elixir】Ectoで個別にエラーを追加する方法

【Elixir】Ectoで個別にエラーを追加する方法

確認環境

Ectoスキーマの準備

【Elixir】EctoでChangesetからデータを取得する方法

【Elixir】EctoでChangesetからデータを効率的に取得する方法

get_field 関数による特定フィールドのデータ取得

【Elixir】Phoenix Liveview のファイルアップロードのテスト方法

【Elixir】Phoenix Liveview のファイルアップロードのテスト方法

環境

対象のコード

Elixirファイル

テンプレートファイル

テスト

【Elixir】Phoenix 1.6 → 1.7 へのアップデートのメモ

【Elixir】Phoenix 1.6 → 1.7 へのアップデートのメモ

アップデート方法は3種類

【Elixir】Elixir KoansでElixirを学ぼう

【Elixir】Elixir KoansでElixirを学ぼう

実行環境

Elixir Koansとは？

【Elixir】EctoクエリをSQLにして取得する方法

【Elixir】EctoクエリをSQLにして取得する方法

【Elixir】Ectoのプライマリーキーについて

【Elixir】Ectoのプライマリーキーについて

デフォルトのプライマリーキー

【Elixir】Ecto で色々な関係の設定

【Elixir】Ecto で色々な関係の設定

【Elixir】Ecto で Preload の色々

【Elixir】Ecto で Preload の色々

単一の関連付けを Preload

【Elixir】 PhoenixでバックグラウンドでルーティングのURLを取得する方法

【Elixir】 PhoenixでバックグラウンドでルーティングのURLを取得する方法

【Elixir】Ecto.Repoを拡張してSoft Deleteされていないレコードだけを取得する方法

【Elixir】Ecto.Repoを拡張してSoft Deleteされていないレコードだけを取得する方法

【Elixir】サーバーから特定要素のイベントを実行する

【Elixir】Phoenix 独自に定義したイベントを実行する方法

【Elixir】Phoenix 独自に定義したJavaScriptを実行する方法

【Elixir】Phoenix 独自に定義したJavaScriptを実行する方法

【Elixir】Phoenix のテンプレートエラー「expected closing `"` for attribute value」の解決方法

Elixir PhoenixでのHTMLエラー「expected closing " for attribute value」の解決方法

【Elixir】LiveView の render が発火しない時の対処方法

【Elixir】LiveView の render が発火しない時の対処方法

【Elixir】コードの効率と可読性を高める Null合体演算子

【Elixir】コードの効率と可読性を高める Null合体演算子

Null合体演算子

【Elixir】Phoenix PubSub を使ってリアルタイムデータ共有の方法

Elixir on こぴぺたんログ

Elixir PhoenixでのHTMLエラー「expected closing `"` for attribute value」の解決方法