<h1 id="%E7%92%B0%E5%A2%83">
<a class="header-anchor-link" href="#%E7%92%B0%E5%A2%83" aria-hidden="true"></a> 環境</h1>
<ul>
<li>macOS Ventura 13.4.1</li>
<li><a href="https://github.com/getredash/redash/commit/36482f6717140dd93578aed55ad100721c5dcd2b" target="_blank" rel="nofollow noopener noreferrer">当時のHEAD</a></li>
</ul>
<h1 id="%E3%82%AF%E3%83%AD%E3%83%BC%E3%83%B3%E3%80%81%E3%83%93%E3%83%AB%E3%83%89">
<a class="header-anchor-link" href="#%E3%82%AF%E3%83%AD%E3%83%BC%E3%83%B3%E3%80%81%E3%83%93%E3%83%AB%E3%83%89" aria-hidden="true"></a> クローン、ビルド</h1>
<p>まずは公式レポジトリをクローン。</p>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash">% <span class="token function">git</span> clone https://github.com/getredash/redash.git
</code></pre></div><p>環境変数を設定するため <code>.env</code> ファイルを作成します。</p>
<p>以下の値だけは必須らしく、未設定だとコンテナのビルド・立ち上げが失敗してしまいます。</p>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash">% <span class="token assign-left variable">REDASH_COOKIE_SECRET</span><span class="token operator">=</span><span class="token string">'my_redash_dashboard'</span> <span class="token comment"># change for production</span>
</code></pre></div><p>イメージをビルドしてコンテナを立ち上げます。</p>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash">% <span class="token function">docker-compose</span> up <span class="token parameter variable">-d</span>
</code></pre></div><h1 id="node%E3%83%91%E3%83%83%E3%82%B1%E3%83%BC%E3%82%B8%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB">
<a class="header-anchor-link" href="#node%E3%83%91%E3%83%83%E3%82%B1%E3%83%BC%E3%82%B8%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB" aria-hidden="true"></a> Nodeパッケージのインストール</h1>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash">% <span class="token function">yarn</span> --frozen-lockfile
</code></pre></div><p>ここで以下のエラーが発生。</p>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash">error redash-client@23.9.0-dev: The engine <span class="token string">"node"</span> is incompatible with this module. Expected version <span class="token string">"&gt;14.16.0 &lt;17.0.0"</span><span class="token builtin class-name">.</span> Got <span class="token string">"17.3.0"</span>
error Found incompatible module.
</code></pre></div><p>Node.jsのバージョンが一致していないので、適当なバージョンをインストールしてやる。ver.17未満の最新版当たりが良さそうです。</p>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash">$ nodenv <span class="token function">install</span> <span class="token parameter variable">--list</span> <span class="token operator">|</span> <span class="token function">grep</span> <span class="token number">16</span>. <span class="token operator">|</span> <span class="token function">tail</span>
↓
<span class="token number">16.7</span>.0
<span class="token number">16.8</span>.0
<span class="token number">16.9</span>.0
<span class="token number">16.9</span>.1
<span class="token number">16.10</span>.0
<span class="token number">16.11</span>.0
<span class="token number">16.11</span>.1
<span class="token number">16.12</span>.0
<span class="token number">16.13</span>.0
<span class="token number">16.13</span>.1

$ nodenv <span class="token function">install</span> <span class="token number">16.13</span>.1
</code></pre></div><p>インストールできたら、確認とバージョンの切り替えを行います。</p>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash">monokaai@MacBook-Air redash % nodenv versions
  system
  <span class="token number">16.13</span>.1
* <span class="token number">17.3</span>.0 <span class="token punctuation">(</span>set by /Users/monokaai/.anyenv/envs/nodenv/version<span class="token punctuation">)</span>
monokaai@MacBook-Air redash % nodenv <span class="token builtin class-name">local</span> <span class="token number">16.13</span>.1
monokaai@MacBook-Air redash % nodenv versions     
  system
* <span class="token number">16.13</span>.1 <span class="token punctuation">(</span>set by /Users/monokaai/work/redash/.node-version<span class="token punctuation">)</span>
  <span class="token number">17.3</span>.0
</code></pre></div><p><code>node -v</code>しても16.13.1になっていなかったので、軽くハマりました。これは~/.zshrcにnodenvの初期化処理を書いていないためでした。</p>
<p>以下の処理を追加して <code>source ~/.zshrc</code>で再起動すればOKでした。</p>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash"><span class="token comment"># nodenvの初期化</span>
<span class="token builtin class-name">eval</span> <span class="token string">"<span class="token variable"><span class="token variable">$(</span>nodenv init -<span class="token variable">)</span></span>"</span>
</code></pre></div><h1 id="%E3%83%91%E3%83%83%E3%82%B1%E3%83%BC%E3%82%B8%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%EF%BC%88%E5%86%8D%E3%83%88%E3%83%A9%E3%82%A4%EF%BC%89">
<a class="header-anchor-link" href="#%E3%83%91%E3%83%83%E3%82%B1%E3%83%BC%E3%82%B8%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%EF%BC%88%E5%86%8D%E3%83%88%E3%83%A9%E3%82%A4%EF%BC%89" aria-hidden="true"></a> パッケージのインストール（再トライ）</h1>
<p>yarnインストール&amp;パッケージインストールをリトライ。</p>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash">% <span class="token function">npm</span> <span class="token function">install</span> <span class="token parameter variable">-g</span> <span class="token function">yarn</span>
% <span class="token function">yarn</span> -- frozen <span class="token parameter variable">-lockfile</span>
</code></pre></div><h2 id="apple-silicon-mac%E5%90%91%E3%81%91%E5%AF%BE%E5%BF%9C">
<a class="header-anchor-link" href="#apple-silicon-mac%E5%90%91%E3%81%91%E5%AF%BE%E5%BF%9C" aria-hidden="true"></a> Apple Silicon Mac向け対応</h2>
<p>順調に見えたのですが、<a href="https://pptr.dev/" target="_blank" rel="nofollow noopener noreferrer">Puppeteer</a>インストールの際にARM64向けのChromium-binaryが提供されていないとのこと。</p>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash">error /Users/monokaai/work/redash/node_modules/puppeteer: Command failed.
Exit code: <span class="token number">1</span>
Command: <span class="token function">node</span> install.js
Arguments: 
Directory: /Users/monokaai/work/redash/node_modules/puppeteer
Output:
The chromium binary is not available <span class="token keyword">for</span> arm64: 
If you are on Ubuntu, you can <span class="token function">install</span> with: 

 <span class="token function">apt-get</span> <span class="token function">install</span> chromium-browser
</code></pre></div><p>brewでインストールして、</p>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash">brew <span class="token function">install</span> chromium
↓
monokaai@MacBook-Air redash % <span class="token function">which</span> chromium
/opt/homebrew/bin/chromium
</code></pre></div><p><code>.env</code>ファイルに環境変数を追記して <code>source .env</code>で読込みますが、これだけは動きませんでした。</p>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash"><span class="token assign-left variable">PUPPETEER_EXECUTABLE_PATH</span><span class="token operator">=</span>/usr/bin/chromium
</code></pre></div><p>結局<a href="https://zenn.dev/sjbworks/articles/d5f986a1c409a1" target="_blank">こちらの対応</a>で解決しました。</p>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash">$ <span class="token builtin class-name">export</span> <span class="token assign-left variable">PUPPETEER_SKIP_CHROMIUM_DOWNLOAD</span><span class="token operator">=</span>true
$ <span class="token function">yarn</span> --frozen-lockfile
</code></pre></div><h1 id="%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9%E4%BD%9C%E6%88%90%E3%80%81ui%E3%83%93%E3%83%AB%E3%83%89">
<a class="header-anchor-link" href="#%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9%E4%BD%9C%E6%88%90%E3%80%81ui%E3%83%93%E3%83%AB%E3%83%89" aria-hidden="true"></a> データベース作成、UIビルド</h1>
<p>やっとここまで来ました。</p>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash">$ <span class="token function">docker-compose</span> run <span class="token parameter variable">--rm</span> server create_db
$ <span class="token function">yarn</span> build
</code></pre></div><p>これで環境が構築されたので、<a href="http://localhost:5001/" target="_blank" rel="nofollow noopener noreferrer">http://localhost:5001</a>にアクセスしてみます。</p>
<p>無事に登録画面が表示されました。</p>
<p><img src="https://res.cloudinary.com/zenn/image/fetch/s--XUKAIVDU--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_1200/https://storage.googleapis.com/zenn-user-upload/deployed-images/49399d22758a5394a65f9340.png%3Fsha%3D6534a92abe4bc66b89155755c590fb8233fde6b4" alt="Untitled" loading="lazy" class="md-img"></p>
<p>登録を済ませたら、トップページが表示されました！</p>
<p><img src="https://res.cloudinary.com/zenn/image/fetch/s--Tax1LhI9--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_1200/https://storage.googleapis.com/zenn-user-upload/deployed-images/308b6b3647e2d038b658915e.png%3Fsha%3D90b7dc718ebd1b1f990d172cfa71f32f626de298" alt="Untitled" loading="lazy" class="md-img"></p>
<h1 id="%E5%8F%82%E8%80%83">
<a class="header-anchor-link" href="#%E5%8F%82%E8%80%83" aria-hidden="true"></a> 参考</h1>
<p><a href="https://github.com/getredash/redash" target="_blank" rel="nofollow noopener noreferrer">https://github.com/getredash/redash</a></p>
<p><a href="https://redash.io/help/open-source/dev-guide/docker" target="_blank" rel="nofollow noopener noreferrer">Docker Based Developer Installation Guide</a></p>
<p><a href="https://qiita.com/tsumuchan/items/f50f97f8c4f75953e731" target="_blank" rel="nofollow noopener noreferrer">【2022年1月版】RedashをDocker Desktopで使ってみる - Qiita</a></p>


Redash環境をDocker Composeで構築

パッケージのインストール（再トライ）

Discussion