例えばremote stateとかから引っ張ってきた何かのリストがあったとして

hoge = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"]

それを10個ずつとかの配列に分割したい場合 ...

最近作り始めたツールで、OpenTelemetryのテレメトリをターミナル上で閲覧できるツールを作っているのでそのご紹介です。

https://github.com/ymtdzzz/otel-tui ...

Table of Contents

はじめに

Lambdaで色々なイベントソース（SQS, SNS, EventBridge etc.）からのデータをハンドリングする必要があり、各サービス固有の差分を吸収して欲しいデータを取得する処理を実装する機会があったのでメモしておきます。

ベースはこちらの記事を参考にしています。 ...

例えばこの辺のリソースで、変数によって特定のruleの出し分けをしたい場合。

https://registry.terraform.io/providers/hashicorp/google/latest/docs/resources/compute_security_polic ...

既存のPHPアプリをマイクロサービス化なりでリアーキテクティングする際、該当クラスがどこに使われているのか知りたいので依存グラフ（dependency graph）をサクッと作れる方法を考えてみました。

PHPの静的コード解析ツールは色々あるのですが、どうしても特定のクラスに絞った依存関係を抽出してくれるところまでやってくれるツールがありませんでしたので、自作のスクリプトで痒いところになんとか手を届かせる方針で行きました。 ...

先日、Notionから自動的に自ブログの記事更新分を自動commit&pushしてpull requestを作成してくれるツールを作りました。

https://github.com/ymtdzzz/notion-blog-converter ...

ブログ更新サボってる間に色々ネタがたまってしまったのでちょこちょこ放出していきます。

いくつか作ったツールなどありますので、しばらくはそのあたりの紹介だったり、最近開発リーダー（PLじゃないよ）周りの仕事でアプリ設計だったり新しめのFWを使ったりしてるのでその辺の知見等も書けたらと思います。 ...

cannot borrow data in a `&` reference as mutable

共通鍵関連で、DES暗号化をRustで実装しているんですが、そのときにちょっとハマりかけたのでメモ。

fn main() {
    let mut src = "abc".to_string();
    let mut s = src.as_bytes();

    println!("{:08b}", &s[0]);
    set_bit(&mut s, 0);
    println!("↓");
    println!("{:08b}", &s[0]);
}

fn set_bit(bytes: &mut [u8], bit: usize) {
    bytes[bit / 8 as usize] |= 0x80 >> (bit % 8);
}

処理自体は単純で、文字列をbyte配列に変換後、指定されたビットを立てるような感じです。

Axiosでエラー

Axiosで外部APIを叩いてデータを取得したいと思い、下記のコードを書いたとします。

import axios, { AxiosPromise } from "axios";

interface CatApiResponse {
  name: string;
  age: number;
  parents: string[];
}

const client = axios.create({
  baseURL: "https://example.com/api/v2/",
  headers: {
    "Content-Type": "application/json"
  }
});

const fetchAllCat = (): AxiosPromise<CatApiResponse> => client.get("cat");

const hoge = () => {
  const data = fetchAllCat();
  data.then((data) => {
    data.data.parents.map((parent) => {
      console.log(parent);
      return "hoge";
    });
  });
};

IDEで型推定を確認すると、確かに CatApiResponse になっている。

Goでhot reloading

作っているアプリのサーバサイドをGOで書いているので、Realizeでhot reloadを実現しようと思ったのですが、 GO111MODULE=off にしないとgo getできなかったり、いざdocker-composeで realize start --run しようとすると下記のようなエラーが出たりと色々あれだったので、他に使えそうなパッケージが無いか探してみました。

...
[01:09:01][SRC] : Running..
panic: runtime error: invalid memory address or nil pointer dereference
[signal SIGSEGV: segmentation violation code=0x1 addr=0x0 pc=0x4cf2fb]

goroutine 8768 [running]:
os.(*Process).signal(0x0, 0xad7a20, 0xe34878, 0x0, 0x0)
      /usr/local/go/src/os/exec_unix.go:56 +0x3b
os.(*Process).Signal(...)
      /usr/local/go/src/os/exec.go:131
github.com/oxequa/realize/realize.(*Project).run.func1(0xc000175698)
      /go/src/github.com/oxequa/realize/realize/projects.go:581 +0x5c
github.com/oxequa/realize/realize.(*Project).run(0xc0001fa000, 0xc000133ab8, 0x7, 0xc000342300, 0xc000110540, 0xad2c20, 0xc00011c8d0)
      /go/src/github.com/oxequa/realize/realize/projects.go:646 +0xc2d
github.com/oxequa/realize/realize.(*Project).Reload.func3(0xc0001fa000, 0xc000342300, 0xc000110540)
      /go/src/github.com/oxequa/realize/realize/projects.go:262 +0x147
created by github.com/oxequa/realize/realize.(*Project).Reload
      /go/src/github.com/oxequa/realize/realize/projects.go:260 +0x297

調べたところ、go-task が中々シンプルで良さそうだったので試してみました。

Electron で CORS エラー

Electron の Render プロセスでクロスオリジンのリクエストを投げた際、通常の Web と同様 CORS エラーでブロックされます。通信先が自前の API サーバだったりした場合にはそちらの設定でAccess-Control-Allow-Originを許可すれば OK です。

この制約はセキュリティ上必要なものですが、どうしてもクロスオリジンのリクエストを投げたい場合もあるかと思います。私の場合は、ある markdow エディタに、貼り付けた URL から自動的にページのタイトルを fetch して挿入する機能を実装するときに遭遇しました。 ...

前提

この記事では、Rust(cargo)と npm は導入済みを前提としています。 知識的にはRust の公式 WebAssembly チュートリアルを一通り読んだくらいで、今回は Wasm と React どう組み合わせるのよってところを重点的に。

必要なモジュール、コマンドの準備

• wasm-pack

Rust で画像の比較画像を生成

個人的に今取り組んでいるプロジェクトで、画像の差分を取得する必要があったのですが、いまいちそれっぽいライブラリが見つかりませんでした。

lcs-image-diffもありましたが、ちょっとイメージと違う。 ...

Storybook に normalize.css を適用する

.storybook/config.jsに下記の通り import 文を記述します。

import '!style-loader!css-loader!sass-loader!../src/styles/normalize.css';

現場からは以上です！！

経緯

ビルドして実機で確認しようとすると、スプラッシュ画面で下記のようなエラーが発生してコケる問題に遭遇した。

dyld: Library not loaded: @rpath/Flutter.framework/Flutter
  Referenced from: /private/var/containers/Bundle/Application/CE491C25-9C7E-4FF6-A3FE-10D8904366B1/Runner.app/Runner
  Reason: no suitable image found.  Did find:
    /private/var/containers/Bundle/Application/CE491C25-9C7E-4FF6-A3FE-10D8904366B1/Runner.app/Frameworks/Flutter.framework/Flutter: code signature invalid for '/private/var/containers/Bundle/Application/CE491C25-9C7E-4FF6-A3FE-10D8904366B1/Runner.app/Frameworks/Flutter.framework/Flutter'

環境

• macOS Catalina 10.15.3
• iPhone 7 iOS13.3.1

$ flutter doctor
[✓] Flutter (Channel stable, v1.12.13+hotfix.8, on Mac OS X 10.15.3 19D76,
    locale ja-JP)

[✓] Android toolchain - develop for Android devices (Android SDK version 29.0.2)
[✓] Xcode - develop for iOS and macOS (Xcode 11.3.1)
[✓] Android Studio (version 3.5)
[✓] VS Code (version 1.42.1)

とりあえず色々やってみたこと

• Flutterのバージョンを上げる

• ビルド設定（Runner.xcodeproj）側の設定見直し

はじめに

モバイルアプリで作りたいものがあり、只今技術選定中。せっかくなのでモダンなフレームワークを使いたいと考えていたところ、Flutterが今盛り上がっているっぽいので色々チュートリアルを読みながら勉強した。

今回は、色々チュートリアル巡りをしていて、業務レベルのアプリを作るときにも使えそうなBLoCパターンをまとめる。 ...

事象

テンプレートエンジンを使用したWebアプリケーションの構築を複数人でやっていると、大体骨組みはリードエンジニアが作成して、そこにincludeするviewを各エンジニアが作成するという流れを採用すると思う。

各開発者が作成するviewも雛形があって、「ここにjavascriptを書いてね」とか「ここにスタイルを書いてね」とか、そういう指定がある。 ...

Vue.jsでwordpressテーマ作成

2019/12/16に、このブログのテーマをリニューアルした。

今回はSPAに挑戦したかったので、Vue.jsを採用してだいたい２週間ほどで完成までこぎつけることができた。 ...

タブをカスタマイズしたい

最近はSwiftでアプリを作っています（プライベートで）。

タブをちょいおしゃれな感じにしたいなーと思って色々ライブラリを漁っていたところ、「ESTabBarController」っていうライブラリがなんだか良さげだったのでテストがてら触ってみました。 ...

Qiitaに投稿した記事になりますので、こちらにも展開しておきます。

railsのActiveAdminを用いたWebアプリケーションを制作した際のトラブルシュートです。

Qiitaに投稿した記事をこちらにも展開します。

VirtualBoxとvagrantで仮想環境を構築した際のトラブルシュートです。vbguest(0.17.1)で起こるっぽいので、同じバージョンのvbguest使っててハマっている人が読んだら幸せになれるかも？