DEV Community: aKuad

PlatformIO on GitHub Actions with cache accelerate

aKuad — Tue, 30 Dec 2025 13:56:50 +0000

Sample on official doc available

Official documentation suggests example workflow of using PlatformIO on GitHub Actions.

docs.platformio.org

name: PlatformIO CI

on: [push]

jobs:
  build:
    runs-on: ubuntu-latest

    steps:
      - uses: actions/checkout@v4
      - uses: actions/cache@v4
        with:
          path: |
            ~/.cache/pip
            ~/.platformio/.cache
          key: ${{ runner.os }}-pio
      - uses: actions/setup-python@v5
        with:
          python-version: '3.11'
      - name: Install PlatformIO Core
        run: pip install --upgrade platformio

      - name: Build PlatformIO Project
        run: pio run

Setup PlatformIO CLI pio, then run build by pio run. PlatformIO CLI is made with Python. So, it setups Python at first.

Additionally, Python and PlatformIO caching is there. Sometimes downloading speed will be unstable, and PlatformIO package size is a little heavy. So, caching them makes short workflow duration.

Improve more

That workflow has unpacking step, and it takes some time. So, caching unpacked filed, you can cut step of unpacking.

.platformio/ on home directory including download cache files and unpacked packages.

      - uses: actions/cache@v4
        with:
          path: |
            ~/.cache/pip
-           ~/.platformio/.cache
+           ~/.platformio/
          key: ${{ runner.os }}-pio

Note: But the packages will not be updated until same cache using.

Experiment

Let's check difference of duration of 3 pattern workflows: 'No cache', 'Download cached' and 'Unpack cached'

Target steps to measure: Cache restoring, PlatformIO installing and building
Take average of 5 times attempt
Ignore first attempt due to cache won't be hit
Target task: build (not unit-test)
- ソースは int main() に while(1) と return 0; のみでほぼ空
- 実質 NUCLEO-F303K8 の HAL ライブラリのビルドだけ
- それ以外の設定などはデフォルト値のまま

Source on GitHub repository:

aKuad / pio-actions-exp

Experiment of PlatformIO on GitHub Actions

PlatformIO on Actions Experiment

Here is experiment place of PlatformIO on GitHub Actions. I researched effect of CI duration by PlatformIO files caching.

ここは PlatformIO を GitHub Actions 上で動かす実験をした場所です。 PlatformIO のファイルのキャッシュによる効果を調べました。

Report is here | 記事はこちら:

Dev Community (en) - PlatformIO on GitHub Actions with cache acceleration

Qiita (ja) - GitHub Actions 上で PlatformIO を素早くセットアップしてビルドチェックする

View on GitHub

Result:

#	No cache	Download cached	Unpack cached
1	32	18	12
2	34	22	13
3	32	17	11
4	35	17	12
5	31	19	10
Ave.	32.8	18.6	11.6

Download caching cuts 14 sec、unpack caching cuts more 7 sec duration.

GitHub Pages official supported Jekyll themes screenshot

aKuad — Sat, 27 Sep 2025 03:35:11 +0000

About

(No detail of GitHub Pages deployment here.)

GitHub Pages official supported themes are here.

https://github.com/orgs/pages-themes/repositories

Just only 1 line config to apply a theme on them.

Preview site is available. But no screenshots here. So, I wrote this article for compare themes by screenshots.

Screenshots

Architect

theme: jekyll-theme-architect

Cayman

theme: jekyll-theme-cayman

Dinky

theme: jekyll-theme-dinky

Hacker

theme: jekyll-theme-hacker

Leap day

theme: jekyll-theme-leap-day

Merlot

theme: jekyll-theme-merlot

Midnight

theme: jekyll-theme-midnight

Minima

remote_theme: "jekyll/minima"

Others are CC0 license, but only it is MIT license.

The MIT License (MIT)

Copyright (c) 2016-present Parker Moore and the minima contributors

Minimal

theme: jekyll-theme-minimal

Modernist

theme: jekyll-theme-modernist

Slate

theme: jekyll-theme-slate

Tactile

theme: jekyll-theme-tactile

Time machine

theme: jekyll-theme-time-machine

More themes

Official supported themes are over. But you can find more themes on Jekyll pick up sites.

https://jekyllrb.com/docs/themes/

3 (+1) ways of Deploy to Deno Deploy

aKuad — Fri, 04 Jul 2025 14:01:51 +0000

What is Deno Deploy?

Deno Deploy is a hosting service for Deno by Deno Land Inc..

It requires only GitHub account. For free plan, no additional registers, credit-cards and payments are required.

Deploy methods

0. Playground

You can try it on a browser.

After login to Deno Deploy, then on Deploy dashboard, click 'New Playgroung'.

Now code editor is here.

Write code here and save, then deployed soon. It live at the deno.dev URL what you can see upper right of the code editor.

It supports not only TS and JS, also TSX and JSX are.

Note
Project named with random words. On this screen-shot, it was fresh-crown-29.

1. `deployctl` CLI

This method deploys local files via deployctl CLI.

At first, install deployctl.

deno install -gArf jsr:@deno/deployctl

deployctl -h

# Other way to execute
~/.deno/bin/deployctl -h

Next, make any working directory.

mkdir work
cd work

Then write any HTTP server.

// main.ts
Deno.serve((req: Request) => new Response("Hello World"));

At last, deploy it by deployctl. Nothing to do for dashboard.

ls
# main.ts

deployctl deploy --project=akuad-helloworld --entrypoint=main.ts

Note
If specified project name is already in use, it be an error error: APIError: This project name is already in use. Set other project name.

At first time of deploy or few days elapsed deploy (session expired?), authentication page open on a browser. Authorize it.

All done! On dashboard, you can see a created project.

Let's access the URL.

curl https://akuad-helloworld.deno.dev/
# Hello World

To re-deploy with same project name, instance will be added to the project.

# After source editing, type same command
deployctl deploy --project=akuad-helloworld --entrypoint=main.ts

Note
prod badge means Production instance. The instance can be access with <project-name>.deno.dev.

To set production, click 'Promote to Production' in '︙' menu.

Or set production on CLI, add --prod option when deploy.
deployctl deploy --project=akuad-helloworld --> entrypoint=main.ts --prod

2. GitHub repository + dashboard control

This method deploys GitHub repository files on browser control.

Click 'New Project' on dashboard.

Select a GitHub account and a repository.

Note
At first time, no repositories will be shown. Because Deno Deploy has no access permissions for all repositories. Click 'Modify GitHub Permissions' to grant permission.

After selected a repository, project configuration will be shown.

Fill them, then click 'Deploy Project'. All done!

On pushed or merged to specified 'Production Branch', re-deploy automatically.

3. GitHub Actions

This method deploys GitHub repository files via GitHub Actions (CD).

Click 'New Project' on dashboard.

Select a GitHub account, a repository and a production branch. Check 'Just link the repo...', then click 'Create Project'. On this case, project configuration will not be shown.

For next, let's setup GitHub Actions workflow on selected repository.

Sample workflow is on official docs.

name: Deploy
on:
  push:
    branches: main
  pull_request:
    branches: main

jobs:
  deploy:
    name: Deploy
    runs-on: ubuntu-latest

    permissions:
      id-token: write # Needed for auth with Deno Deploy
      contents: read # Needed to clone the repository

    steps:
      - name: Clone repository
        uses: actions/checkout@v4

      - name: Install Deno
        uses: denoland/setup-deno@v2
        with:
          deno-version: v2.x

      - name: Build step
        run: "deno task build"

      - name: Upload to Deno Deploy
        uses: denoland/deployctl@v1
        with:
          project: "<your-project-name>"
          entrypoint: "main.ts"
          root: "."

Note
entrypoint: is related path from root: directory.

Finally, when specified on: event triggered, it will be deployed.

All done! You don't have to manage any access tokens or environment variables.

Conclusion

You can start free deployment for Deno with Deno Deploy. Every ways are easy to start.

Alternative of 'for' in Python

aKuad — Sat, 28 Jun 2025 02:38:26 +0000

JavaScript version:

https://dev.to/akuad/alternative-of-for-in-javascript-3p71/edit

Introduction

There are some cases of processing elements in list. Basically solution is process with for.

Actually, there are other solutions without using for. Them can reduce code and keep code in simple.

Note: In some cases, for can be the best solution.

Tutorial: `lambda` expression

These codes will be take same behavior.

def func(e):
  return e*2

lambda e: e*2

By using lambda:, you can omit def, function name and return.

Make an `Array` what elements processed

E.g. multiplex x2

in_list  = [1, 2, 3, 4]
out_list = []

for e in in_list:
  out_list.append(e * 2)
# out_list: [2, 4, 6, 8]

in_list  = [1, 2, 3, 4]
out_list = map(lambda e: e*2, in_list)
# out_list: [2, 4, 6, 8]

Reference: map()

If you good for list comprehensions, it can be more few code.

in_list  = [1, 2, 3, 4]
out_list = [e*2 for e in in_list]

Extract elements what match to a condition

E.g. Extract even numbers from Array

array      = [1, 2, 3, 4]
array_even = []

for e in array:
  if e % 2 == 0:
    array_even.append(e)
# array_even: [2, 4]

array      = [1, 2, 3, 4]
array_even = filter(lambda e: (e % 2) == 0, array)
# array_even: [2, 4]

Reference: filter()

Check is a value in `Array`

E.g. Check is input string day-name

in_text   = "mon"
day_names = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"]

is_input_true = False
for e in day_names:
  if in_text == e:
    is_input_true = True
    break
# is_input_true: True

in_text   = "mon"
day_names = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"]

is_input_true = in_text in day_names
# is_input_true: true

Reference: Membership test operations

Conclusion

Sometimes let’s see document (language reference, command help and so on).

You can find good functions, methods or options.

Alternative of 'for' in JavaScript

aKuad — Sun, 18 Feb 2024 01:27:51 +0000

Python version:

https://dev.to/akuad/alternative-of-for-in-python-3537

Introduction

There are some cases of processing elements in Array. Basically solution is process with for.

Actually, there are other solutions without using for. Them can reduce code and keep code in simple.

https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array

Note: In some cases, for can be the best solution.

Tutorial - Arrow function expressions

These codes will be take same behavior.

function (e) {
  return e*2;
}

e => { return e*2; }

// if one liner with return, write without return
e => e*2

By using =>, you can omit function, function name, {} and return.

Make an `Array` what elements processed

E.g. multiplex x2

const input  = [1, 2, 3, 4];
const output = [];

for(let i = 0; i < input.length; i++) {
  output.push(input[i] * 2);
}
// output: [2, 4, 6, 8]

const input  = [1, 2, 3, 4];
const output = input.map(e => e*2);
// output: [2, 4, 6, 8]

Reference: Array.prototype.map()

Other example: Extract elements from objects in Array

const files = document.getElementById("any-input-element").files
const files_name = Array.from(files).map(e => e.name)
//                 ~~~~~~~~~~~~~~~~~
// Convert to Array from FileList

Actually, Array.from() also has same feature of .map().

const files_name = Array.from(files, e => e.name);

It can be able to use .map() to array-like object.

Extract elements what match to a condition

E.g. Extract even numbers from Array

const array     = [1, 2, 3, 4];
const array_use = [];

for(let i = 0; i < array.length; i++) {
  if((array[i] % 2) == 0) {
    array_use.push(array[i]);
  }
}

const array     = [1, 2, 3, 4];
const array_use = array.filter(e => (e % 2) == 0);

Reference: Array.prototype.filter()

Check is a value in `Array`

E.g. Check is input string day-name

const input     = "mon";
const day_names = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"];

let is_input_true = false;
for(let i = 0; i < day_names.length; i++) {
  if(input === day_names[i]) {
    is_input_true = true;
    break;
  }
}
// is_input_true: true

const input     = "mon";
const day_names = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"];

let is_input_true = day_names.includes(input);
// is_input_true: true

Reference: Array.prototype.includes()

Conclusion

Sometimes let’s see document (language reference, command help and so on).

You can find good functions, methods or options.

Vimium is awesome - Browsing without mouses

aKuad — Wed, 24 Jan 2024 13:33:29 +0000

What's Vimium?

A chrome extension / firefox add-on what can be able to browsing without mouse.

https://vimium.github.io/

Let's see keyboard shortcuts provided by Vimium.

Minimal tutorial

key	desc
`h`	Scroll left
`j`	Scroll down
`k`	Scroll up
`l`	Scroll right
`H`	Go back in history
`L`	Go forward in history
`J`	Go one tab left
`K`	Go one tab right
`f`	Open a link in the current tab
`F`	Open a link in a new tab
`x`	Close current tab
Esc	Cancel current command

More info, see project page or type ?.

How to open link

Type f or F. Then characters will be shown on links.

Type the character what you want open.

Conclusion

Almost of all controls can be replaced by these keyboard shortcuts. (...without drag and drop)

If you good for key typing, your browsing will be more quickly, and you will like it.

Happy browsing!

DEV Community: aKuad

PlatformIO on GitHub Actions with cache accelerate

Sample on official doc available

Improve more

Experiment

aKuad / pio-actions-exp

Experiment of PlatformIO on GitHub Actions

PlatformIO on Actions Experiment

GitHub Pages official supported Jekyll themes screenshot

About

Screenshots

More themes

3 (+1) ways of Deploy to Deno Deploy

What is Deno Deploy?

Deploy methods

0. Playground

1. deployctl CLI

2. GitHub repository + dashboard control

3. GitHub Actions

Conclusion

Alternative of 'for' in Python

Introduction

Tutorial: lambda expression

Make an Array what elements processed

Extract elements what match to a condition

Check is a value in Array

Conclusion

Alternative of 'for' in JavaScript

Introduction

Tutorial - Arrow function expressions

Make an Array what elements processed

Extract elements what match to a condition

Check is a value in Array

Conclusion

Vimium is awesome - Browsing without mouses

What's Vimium?

Minimal tutorial

How to open link

Conclusion

1. `deployctl` CLI

Tutorial: `lambda` expression

Make an `Array` what elements processed

Check is a value in `Array`

Make an `Array` what elements processed

Check is a value in `Array`