2024-04-11

中古のMacBook Air(2014)にUbuntuをインストールした

macOS お役立ち Linux

自宅に眠っていた中古MacBookをどうにか有効活用したい… そう思ってネットの海をさまよっているとUbuntuをぶち込むことができるようなので実際にやってみたことを備忘録として残そうと思います。

使ったもの
Macbookを初期化する
isoファイルをDLする
isoファイルをUSBに焼く
MacBookにUbuntuをインストールする
AndroidのUSBテザリングでネットに一時接続し、Wifiを有効化する
英数・かなキーでIME有効/無効の切り替えができるようにする

使ったもの

ハードウェア: MacBook Air 13.3-inch Early 2014 MD760J／B Core_i5 1.4GHz 4GB SSD128GB
インストールするOS: Ubuntu 22.04 LTS(Ubuntu Desktop 日本語 Remix)
適当なUSB（isoファイルを焼くので5GBくらいあると安心）
USBテザリング用Android端末 ※MacBookにUbuntuをインストールしてもWifiが有効化されなかった為必要でした

Macbookを初期化する

初期化方法はOSのバージョンにより異なってきますが、今回は↓の方法で実施できました。

www.e-tamaya.co.jp

isoファイルをDLする

Ubuntu Desktop 日本語 Remixのダウンロード | Ubuntu Japanese Team からDLしましょう。

isoファイルをUSBに焼く

焼くために「Universal-USB-Installer」を使います。

具体的な手順は rtc-fukushima.jp を参照。

MacBookにUbuntuをインストールする

以下の手順でインストールしていきます。

isoを焼いたUSBをMacBookに挿した状態で電源をONにし、option ボタンを押し続ける
EFI Boot を選択
画面表示に従って初期設定を入力する
デスクトップ画面にインストール用のアイコンが配置されているので実行する
画面表示に従って初期設定を入力するとインストールが始まる

AndroidのUSBテザリングでネットに一時接続し、Wifiを有効化する

今回の環境だと何故かUbuntuでWifiが有効化されておらず、設定することすらできませんでした。

その為、apt installでいくつかパッケージを入れる必要があるのですが、まずはネット接続が必要なのでUSBテザリングを使います。（有線接続が可能ならそれでもアリ）

ちょっと古い情報ですが大体やることは↓の通り。

bluearth.cocolog-nifty.com

AndroidをMacBookをUSB接続した状態で、AndroidのUSBテザリングをONにすれば自動的にネット接続が可能になるはず。

接続ができたら以下をターミナルから実行します。

sudo apt-get update
sudo apt-get purge bcmwl-kernel-source
sudo apt-get install broadcom-sta-source broadcom-sta-dkms broadcom-sta-common

qiita.com

その後、OSを再起動すればWifi設定が有効化されていると思います。

もし、ダメだったら以下を試すと良いかもしれない。

pslabo.hatenablog.com

英数・かなキーでIME有効/無効の切り替えができるようにする

日本語入力ができないと日本人としてはツラいと思うので、設定していきます。

↓で丁寧に説明されているので手順に沿ってやればOK。

www.maclab.tokyo

2023-12-08

BunからFirestoreにDocumentを追加しようと思ったらうまく動かなかった

GCP バックエンド Node.js

ちょっとハマってしまったのでメモがてらに書きます。。

やりたかったこと

以下のようなFirestoreのあるCollectionにDocumentを追加するような処理を書いてました。

import { cert, initializeApp } from "firebase-admin/app";
import { getFirestore } from "firebase-admin/firestore";
...

const firebaseInit = () => {
  const app = initializeApp({
    credential: cert(process.env.GOOGLE_APPLICATION_CREDENTIALS!),
    databaseURL: "https://*************.firebaseio.com",
  });

  return getFirestore(app);
};

export const generateTokenAsync = async () => {
  const db = firebaseInit();

  ...

  await db.collection("hoge_fuga_collection").add(record);

このファイルをbun ****.tsで実行しようとすると以下のようなエラーが出てしまった。

$ bun ****.ts

29 | const CALL_INVOCATION_TRANSFORMER_SYMBOL = Symbol();
30 | function isFunction(arg) {
31 |     return typeof arg === 'function';
32 | }
33 | function getErrorStackString(error) {
34 |     return error.stack.split('\n').slice(1).join('\n');
                ^
TypeError: undefined is not an object (evaluating 'error.stack.split')
      at getErrorStackString (/mnt/d/*******/node_modules/@grpc/grpc-js/build/src/client.js:34:12)
      at onReceiveStatus (/mnt/d/*******/node_modules/@grpc/grpc-js/build/src/client.js:191:41)
      at onReceiveStatus (/mnt/d/*******/node_modules/@grpc/grpc-js/build/src/client-interceptors.js:360:138)
      at onReceiveStatus (/mnt/d/*******/node_modules/@grpc/grpc-js/build/src/client-interceptors.js:323:178)
      at /mnt/d/*******/node_modules/@grpc/grpc-js/build/src/resolving-call.js:94:75
      at processTicksAndRejections (:61:77)

動作環境

$ bun --version
1.0.15

package.json

  "dependencies": {
    "firebase-admin": "^11.11.1",
    ...
  }

Bun側の問題らしい

github.com

↑ら辺のIssueにそれらしい記載があり、Bun側で対応中みたい。公式では"Bun aims for complete Node.js API compatibility."ということなので、対応に期待したいですね。

2023-11-05

ポートフォリオサイトをNext.jsからReact.jsに置き換えました

React AWS インフラ設計

最近ずっと放置していたポートフォリオサイトをアプデしました。

My Portfolio

元々はNext.jsで構成していたのですが、今回React.jsに置き換えをしました。

何で置き換えたの？

ビルド、デプロイはGitHub Actionsで実行されるようにしていたのですが、その際に使っていたserverless-next.jsが謎のエラーで動作しなくなった為です。

以前からNext.jsのバージョンを上げたりすることですぐエラーを吐く状況ではあり、かなり動作が不安定でした。自前でNext.jsのデプロイ用の機構を用意するのも１つの手ですが、SSRの為の対応が面倒かつポートフォリオサイトのためにそこまで労力をかけたくなかった為、思い切ってReact.jsに置き換えることにしました。