デザインと開発とアートの間でざくざくやってます。https://skawashima.com/blog/https://skawashima.com/blog/2026/07/the-essence-of-personal-task-management/https://skawashima.com/blog/2026/07/the-essence-of-personal-task-management/僕は学生時代から個人でのタスク管理についていろんな手法を試してきた。 雑にまとめてしまうと「個人の生産性」を担保したくてやり始めたわけだが、現時点ではそれ以外の目的も持ってやっている。 以前友人と話していてそこの言語化がまとまっていないことに気づいたのでまとめてみる。Tue, 28 Jul 2026 09:46:11 GMTWorkTask Managementhttps://skawashima.com/blog/2026/06/act-github-actions-local/https://skawashima.com/blog/2026/06/act-github-actions-local/GitHub Actions のワークフローは、push してみるまで本当に動くかわからない。 構文を直しては push し、ログを眺めてはまた直す、という往復が地味につらい。 そんなときに使えるのが act 。 .github/workflows/ の yml を読み、Docker コンテナ上で GitHub ランナーを再現してワークフローを実行してくれる。 push する前に、手元で挙動を確認…Sat, 13 Jun 2026 05:58:49 GMTDevelopmentGitHub ActionsDockerCIhttps://skawashima.com/blog/2026/03/behavioral-principles-for-engineering-managers/https://skawashima.com/blog/2026/03/behavioral-principles-for-engineering-managers/Googleが2008年に始めた「Project Oxygen」という研究がある。 きっかけはある仮説の検証だった。 「マネージャーは実際には重要ではないのではないか」という仮説だ。 20年にわたる研究の結論は正反対だった。 高い効果を発揮するマネージャーを持つチームは、より良い結果を達成し、より幸せで、離職率が低い。 マネージャーは極めて重要な存在だった。 では何をすればいいのか。 研究データと…Sun, 08 Mar 2026 01:44:02 GMTTeam ManagementManagementLeadershipTeamCareerEngineeringhttps://skawashima.com/blog/2023/09/to-occur-by-full-time-attendance/https://skawashima.com/blog/2023/09/to-occur-by-full-time-attendance/来月2023年10月から出社するよう上長から部のメンバー全員に指示があった。 目的は部内のコミュニケーションの強化（と聞いている）。 テレワークでできそうな施策を試すことなくこの決定になっているが、そこはぼくの視座から見えていない色々があるかもしれないということで一旦おいておく。 当然テレワークを3年以上継続してきた身からすると色々考えるが、今回は出社すること自体ではなく出社することによって何がど…Sun, 24 Sep 2023 09:58:50 GMTWorkRemoteWorkAttendancehttps://skawashima.com/blog/2022/11/task-management-due-dates-and-execution-dates/https://skawashima.com/blog/2022/11/task-management-due-dates-and-execution-dates/ほとんどのタスク管理ツールはタスクに対して期日を設定できる。 タスク管理ツールはその期日に応じて特定の日（例えば今日）のタスクを一覧表示してくれるので、プロジェクトを横断してタスクをこなすような仕事や作業、生活をしている人間にとってはとても重要な機能だと思う。 しかし、例えばデザインのような正解がはっきりしない作業は見積もりよりも長い時間がかかることが往々にしてある。 では、その設定した期日に完了…Sat, 12 Nov 2022 10:12:14 GMTWorkTask Managementhttps://skawashima.com/blog/2020/10/figma-color-setting/https://skawashima.com/blog/2020/10/figma-color-setting/Figmaアプリとブラウザで色が異なる表示になってしまうことがあります。 実際にWebで実装する際に表示されるのはブラウザで表示したときの色味になるので、Figmaアプリでデザインしてから実装されたものを見ると「あれ？」となったりします。 この記事ではFigmaアプリとブラウザでの色を統一する方法、なぜそれが起きるのか、Figmaアプリの設定の選びどころについて紹介します。Sat, 31 Oct 2020 11:57:32 GMTDesignFigmahttps://skawashima.com/blog/2020/05/dont-store-to-dos/https://skawashima.com/blog/2020/05/dont-store-to-dos/どうも、sKawashima(@sKawashima)です。 僕は自分の行動管理のための手法を大学生時代から頻繁に検討しつづけています。 そのなかでみえてきた知見をじわじわアウトプットしていこうと思います。 これはその第一弾です。Tue, 19 May 2020 14:27:06 GMTLifeHackToDoTask Managementhttps://skawashima.com/blog/2020/05/research-prices-design/https://skawashima.com/blog/2020/05/research-prices-design/半年くらい前に、利用プラン選択画面を観察する機会がありまして、そのときに調べたものを並べました。 チェックポイントは以下の通り。 プラン数（UIというよりサービス設計だけど、サラッと触れる程度に観察） プラン命名 無料プランとの比較の有無 デザイン分類 デザインから受ける印象 いい感じのまとめは人に見せられるほどまとまってないので、事例集程度にさっくり眺めていってください。Wed, 13 May 2020 14:30:00 GMTDesignUIhttps://skawashima.com/blog/2020/03/github-actions-text-concat/https://skawashima.com/blog/2020/03/github-actions-text-concat/GitHub Actionsが便利すぎて個人開発で重宝してるんですが、そいえば文字列連結ーー変数と特定の文字の連結処理はできるのかな？と思ってやってみたらあっさりできたのでメモ。Mon, 23 Mar 2020 10:13:43 GMTDevelopmentGitHub Actionshttps://skawashima.com/blog/2020/03/first-slack-bot-bolt/https://skawashima.com/blog/2020/03/first-slack-bot-bolt/Slack Botの開発経験は虚無だったんですが、「そういえば作りたいな」と思い至って3連休1日目にいじってみました。 Slack Botの開発は虚無と言っても、Scrapboxとの連携でincomming webhookを使う程度の経験はありました。 では、始めます。Sat, 21 Mar 2020 06:46:58 GMTDevelopmentSlackBotBoltHerokuhttps://skawashima.com/blog/2020/01/svelte-set-props-to-on-function/https://skawashima.com/blog/2020/01/svelte-set-props-to-on-function/ちょいハマってあっさり解決したのでメモです。 公式ドキュメントはちゃんと読もう、と思いました。 でも、読まなくても勝手になんとなく対処法が見つけられるSvelteは好きです。 ただし、 ここに書いてる諸々は一部非推奨な内容を含んでいます 。 理由も添えて書いているので、是非最後まで読んでいただけると幸いです。Thu, 02 Jan 2020 12:29:42 GMTDevelopmentSveltehttps://skawashima.com/blog/2019/12/life-improvement-tool-2019/https://skawashima.com/blog/2019/12/life-improvement-tool-2019/どうも、sKawashimaです。 タイトルの通り、2019年12月31日現在に使っていて、2020年でも確実に使っているであろうツール・サービスを紹介します。 特に、僕が自分の生活を改善しようとしたり、少しでも有用な時間の活用をしたいと思って使っているツールを紹介します。 では、始めます。Tue, 31 Dec 2019 04:00:00 GMTToolTodoistRescueTimeTogglSlackScrapboxPockethttps://skawashima.com/blog/2019/12/svelte-two-way-data-binding/https://skawashima.com/blog/2019/12/svelte-two-way-data-binding/Svelteで双方向のデータバインディングをしようとして若干ハマりました。 つまり、親←→子で常に同じデータを持っておこうとしてうまく行かなかったわけです。 解決したので、そのあたりをさらっと紹介します。 Svelteとは？みたいなところには触れません。Sun, 29 Dec 2019 10:14:50 GMTDevelopmentSveltehttps://skawashima.com/blog/2019/12/github-actions-auto-release/https://skawashima.com/blog/2019/12/github-actions-auto-release/どうも、sKawashimaです。 最近 GitHub Actionsでデプロイやファイル加工を自動化すること がクセになりつつあります。 以前はプライベートリポジトリでも無料で使えるWerckerを使ってましたが、 GitHub Actionsは早くて無料で最高 です！ というわけで、そんな中でも地味にハマった「GitHub ActionsでReleaseを自動化する方法」、やっていきます。 今…Fri, 13 Dec 2019 14:26:43 GMTDevelopmentGitHub ActionsGitGitHubGitHub Releasehttps://skawashima.com/blog/2019/12/designer-develop/https://skawashima.com/blog/2019/12/designer-develop/こんにちは、sKawashima（@sKawashima）です。 最近、たまに「開発とデザインの両方ができる人材は強い/弱い」みたいな記事を見かける気がします。 実際出来ることが増えることは良いことだとは思いますが、特にデザイナーはそれによって失うこともある気がします。 そんなわけで、「デザイナーがエンジニアリングを学ぶメリットとデメリット」を考えてみました。 この記事は「くふうカンパニー Adv…Tue, 03 Dec 2019 00:00:00 GMTDesignCareerDesignerhttps://skawashima.com/blog/2019/07/use-sass-by-nuxt-and-storybook/https://skawashima.com/blog/2019/07/use-sass-by-nuxt-and-storybook/この記事はQiitaに書いていた自身の記事のコピーです。 Parcelばっかり書いていて、久しぶりのWebpackに戸惑った。Wed, 10 Jul 2019 08:45:14 GMTDevelopmentJavaScriptSassSASSwebpackNuxtStorybookhttps://skawashima.com/blog/2019/07/ios-bug-tohu/https://skawashima.com/blog/2019/07/ios-bug-tohu/sKawashimaです。 当ブログの一部の記事において、iOS端末で表示した場合にのみ文章内に豆腐（文字化け文字）が発生するバグを発見し、2019年7月7日に修正しました。 いつも当ブログを読んでいただいている方にはありがとうございます、そして今までご迷惑をおかけしました。 ただ、この文字化けはいわゆる文字コード指定によるものではありません。 その豆腐の発生条件が少々特殊であり、未だ完全な解決に…Tue, 09 Jul 2019 00:00:00 GMTDevelopmentTohuWeb Frontendhttps://skawashima.com/blog/2019/06/spajam2019pre-why-am-i-backend/https://skawashima.com/blog/2019/06/spajam2019pre-why-am-i-backend/sKawashimaです。 以前SPAJAM2018に出場した時に「もう二度と出たくない」とか言ってましたが、知人からの誘いと思想の転換から再度SPAJAMに参加しました。 参加したのは2019/6/8〜9に開催されたSPAJAM2019 東京予選B会場です。 最近このブログの更新はハッカソン出場記録ばかりになってきてますが、次以降はいろいろ別のこと書くので今回はご容赦を。Sat, 29 Jun 2019 01:00:00 GMTHackathonPlanning proposalBackendSPAJAM2019RAISE UPryu-gTypeScriptMongoDB AtlasNow.shhttps://skawashima.com/blog/2019/05/use-simplemde-in-npm/https://skawashima.com/blog/2019/05/use-simplemde-in-npm/この記事はQiitaに書いていた自身の記事のコピーです。 SimpleMDE - Markdown Editor 簡単に組み込めるマークダウンエディタとして紹介されてる記事がいくつか上がってるライブラリ。 便利そうです。Mon, 06 May 2019 08:50:02 GMTDevelopmentJavaScriptnpmsimplemdehttps://skawashima.com/blog/2018/11/electron-used-under-development-to-module-of-version-error-when-of-workaround/https://skawashima.com/blog/2018/11/electron-used-under-development-to-module-of-version-error-when-of-workaround/この記事はQiitaに書いていた自身の記事のコピーです。 これを解決します。Tue, 27 Nov 2018 08:39:13 GMTDevelopmentNode.jsElectronhttps://skawashima.com/blog/2018/10/jphacks2018-hackathon-is-a-sports/https://skawashima.com/blog/2018/10/jphacks2018-hackathon-is-a-sports/研究のテーマがガラッと変更になり、焦りながらも電子工作を楽しんでいます。 さて、そんなドタバタした状態でしたが、またハッカソンの振り返り記事です。 今回参加したのは、"日本最大の学生向けハックイベント"ことJP HACKS 2018、参加は東京会場です。 案の定、前回と同じくコンセプトとアイデアのチーム!kieで参加してきました。 前回は運営に煽られるひどい体験をしましたが、今回は非常に良い体験が…Mon, 29 Oct 2018 00:15:05 GMTHackathonPlanning proposalUI/UX DesignJPHACKS2018'!kie'https://skawashima.com/blog/2018/10/vue-component-within-methods-arrow-function-type-within-by-data-handle/https://skawashima.com/blog/2018/10/vue-component-within-methods-arrow-function-type-within-by-data-handle/この記事はQiitaに書いていた自身の記事のコピーです。 これを解決します。Mon, 15 Oct 2018 08:36:14 GMTDevelopmentJavaScriptVuehttps://skawashima.com/blog/2018/10/nuxt-on-by-front-side-library-use-memo/https://skawashima.com/blog/2018/10/nuxt-on-by-front-side-library-use-memo/この記事はQiitaに書いていた自身の記事のコピーです。 Nuxt上でTone.jsを使いたかった。 window is not definedっておこられた。 ESLintはStandardを使用。 公式ガイドラインにも記述がありますが、一部ハマったりしたのでメモ程度に書いています。Mon, 15 Oct 2018 08:34:09 GMTDevelopmentJavaScriptNuxthttps://skawashima.com/blog/2018/07/process-order-specified-minimum-memo-on-promise/https://skawashima.com/blog/2018/07/process-order-specified-minimum-memo-on-promise/この記事はQiitaに書いていた自身の記事のコピーです。 とにかく最低限。説明も最低限。Fri, 27 Jul 2018 08:23:17 GMTDevelopmentJavaScripthttps://skawashima.com/blog/2018/07/parcel-by-pwa-convert-fastest-of-method/https://skawashima.com/blog/2018/07/parcel-by-pwa-convert-fastest-of-method/この記事はQiitaに書いていた自身の記事のコピーです。 PWAに必要なもの、こと（最低限）は以下の通り。 - PWA化するWebサイト、Webアプリケーション - service-worker設定ファイル（js） - manifest設定ファイル（json） - それらをHTMLファイルから参照するlinkタグの追記Wed, 25 Jul 2018 08:30:50 GMTDevelopmentJavaScriptPWAParcelhttps://skawashima.com/blog/2018/07/parcel-electron-in-js-from-css-module-import-require-unavailable/https://skawashima.com/blog/2018/07/parcel-electron-in-js-from-css-module-import-require-unavailable/この記事はQiitaに書いていた自身の記事のコピーです。 ハマりレポです。半日吹き飛びました。Sun, 15 Jul 2018 08:25:57 GMTDevelopmentNode.jsJavaScriptElectronParcelCSShttps://skawashima.com/blog/2018/05/spajam2018-first-hackathon/https://skawashima.com/blog/2018/05/spajam2018-first-hackathon/この記事は、どこにもリンクを貼らずしれっと公開しています。 めちゃくちゃ読みにくい＆個人的な意見だらけなので、読む方は注意してください。 ハッカソンって、 Hack+Marathon だったんですね。 今回出場したタイミングで初めて知りました。 というわけで、 2018/5/12-13 に開催されたハッカソン「SPAJAM2018札幌予選」に出場してきました。 自分から行こうとしたわけではありませ…Sat, 19 May 2018 10:37:22 GMTHackathonPlanning proposalUI/UX DesignSPAJAM2018'!kie'https://skawashima.com/blog/2018/04/make-markdown-editor-in-parcel-hyperapp/https://skawashima.com/blog/2018/04/make-markdown-editor-in-parcel-hyperapp/この記事はQiitaに書いていた自身の記事のコピーです。 色々と雑ですがお付き合いください。また、解説は自分のリポジトリのものと少し違います（Linter系バッサリ吹き飛んでます）。 こちら、結果リポジトリと公開したものです。Tue, 24 Apr 2018 08:07:59 GMTDevelopmenthyperappMarkedhighlight.jsParcelJavaScripthttps://skawashima.com/blog/2018/04/ruby-on-rails-study-memo-cheat-sheet/https://skawashima.com/blog/2018/04/ruby-on-rails-study-memo-cheat-sheet/この記事はQiitaに書いていた自身の記事のコピーです。 なるほどと思ったことや、メモとして残したいことをじわじわ残していってるので、少しずつ内容は変化してます。あしからず。Wed, 11 Apr 2018 08:14:06 GMTDevelopmentRubyRailshttps://skawashima.com/blog/2018/04/tokt_1-night-development/https://skawashima.com/blog/2018/04/tokt_1-night-development/先日、以前から知り合いで最近交流が活発になった後輩の yamaken 君がワードウルフのiOSアプリを公開しました。 非常にめでたい。ぜひ、DLして遊んであげて下さい。 で、ノリと雰囲気でそのアプリのデザインレビューをやってたんですが、その後輩からふと、 yamaken「あれ？先輩はアプリとか作らないんですか？」 と言われてしまいまして。 スマートフォン用のネイティブアプリ（いわゆる普通のアプリ）…Mon, 09 Apr 2018 15:57:21 GMTDevelopmentPWANuxtVueBulmalocalForageFrontendhttps://skawashima.com/blog/2018/04/research-markdown-blog-system/https://skawashima.com/blog/2018/04/research-markdown-blog-system/コトの発端は、ポートフォリオサイトを作った際に、更新していく内容が無いこと、Markdownを書き慣れすぎてこれまでやってたブログの記事作りが非常に面倒に感じ始めてしまったこと。発端と言いながら２つもあることは一旦置いといて、今回はこのブログを成り立たせている技術と、それに至るまでに触れた技術をざっくり並べようと思う。初めての環境でブログを書いているので、とりあえず口調は自分語り口調で行こうと思う…Thu, 05 Apr 2018 14:08:24 GMTDevelopmentHexoMarkdownBlogWeb Frontendhttps://skawashima.com/blog/2018/04/overlap-factor-by-same-transparency/https://skawashima.com/blog/2018/04/overlap-factor-by-same-transparency/この記事はQiitaに書いていた自身の記事のコピーです。 Webフロントにおいて、例えば青色と赤色のDiv要素を重ねて混色した紫色を作ろうとしたとき、どう Opacity を設定すればいいのか、偶然考える機会があったのでまとめました。Thu, 05 Apr 2018 08:04:00 GMTDevelopmentJavaScriptCSS