はてなブックマーク

巷で chatGPT の便利な使い方のエントリは溢れているため、何番煎じかという感じではありますが、個人的に便利(かつ他の手段で代替が効きづらい)と思ってる用法を 3 つほど紹介します。 リストのぬけもれ探し チェックリストやソフトウェアの要件など、リストを網羅的に作ろうとする作業はしばしば発生します。こういった手動作成しているリストに対し｢完全であるか = 抜けがないか｣を自信を持って言えることは少なく、悪魔の証明的であると思います。 何かを手動でリストアップしているときに、リストに抜けがないかを chatGPT にチェックしてもらいます。ポイントとしては、人間がある程度リストアップしておき、それをそのまま伝えて｢この方向性で洗い出してるこのリストの抜けを教えて｣というふうに聞くことで、自分が想定しているリストアップの方向性を伝えるところだと思います。こうすることで違う方向のリストアップ

実は最近StableDiffusionで画像生成を楽しんでいます。 おそらく多くの人とは違い、自分はtxt2imgでプロンプトを頑張ることはせず、img2imgメインでイラスト生成をしています。覚書の意味も含めてイラスト生成の手順を紹介します。 今回は｢商店街のど真ん中でダイソンのコードレス掃除機を自慢する緑髪の魔女の女の子｣を生成します。 利用しているのは AUTOMATIC1111/stable-diffusion-webui 、モデルは Delcos/Hentai-Diffusion です。HentaiDiffusionは名前はいかがわしいですが、かわいいイラストを出しやすいです。 完成形 ｢商店街のど真ん中でダイソンのコードレス掃除機を自慢する緑髪の魔女の女の子｣です。 0. 元絵の準備 素材の用意 構図を大雑把に脳内でイメージし、必要な素材を集めます。 魔女の女の子のポーズを取ら

このエントリの内容 このエントリは、javascriptの型チェックをすることができるtypescriptの機能 @ts-check について紹介し、個人的に感じた便利なところや使い所を紹介していきます。 このエントリの読者は以下のような人を想定しています。 レガシーな環境でTypeScriptを導入しづらいが、複雑化するコードベースを少しでも楽に保守したい人 TypeScriptに興味があるが、昨今のjsのツールチェインについていけず、とりあえず試してみたい人 @ts-checkとは @ts-checkとは、JavaScriptファイルの先頭に //@ts-check というコメントをすることで、TypeScriptコンパイラや、TypeScriptを標準で型チェックできる VSCode により、JavaScriptファイルに対してTypeScript相当の型チェックを行う事ができる仕組

このエントリは ドワンゴ Advent Calendar 2021 2日目の記事です(夜が明けるまでは2日目！)。 はじめに TypeScriptには Conditional Types や Template Literal Types といったクッソ強力な型機能があります。 これらを用いて、今回は 2p3p4p2m3m4m2s3s4s4s5s6s8s8s のような天鳳牌譜形式の文字列を型引数に渡すと、麻雀の役判定をする型(あくまで型です、関数ではありません)を作ってみようとおもいます。 (ただし時間がなかったため断么九と平和のみです)。 Conditional Types, Template Literal Types って何？ それぞれ具体的にどんなものか、マニュアルの例を用いて示すと、以下のような感じです。 // Conditional Types の例 interface Anim

fitbit versa を購入したので、お試しでドット絵で文字盤を作ってみました。 出来が中途半端なのでfitbitアプリとしてリリースはしていませんが、githubにソースコードは公開してあります。 リポジトリ: manaten/fitbit-pixelart-knight-clock このエントリでは、上記文字盤を作る際のメモと、fitbitを購入してよかったことについて書きます。 制作時のメモ 以下箇条書きです。 Fitbit Studioについて Fitbit Studio というWeb上のIDEを用いてコーディングから実機テストまで行える。 実機テストに関しては同一のfitbitアカウントで認証している端末が 「Developer Bridge」 でサーバー接続状態になっている場合に、IDEのプルダウンから選択して「Run」で動作確認できる アプリのリリースが面倒なので開発終わ

かなり昔に こちらの記事 でgitのpre-commitを紹介しました。今回は、pre-commitにまつわる便利なnpm package typicode/husky、 okonet/lint-staged を利用し、画像ファイルのコミット時に imagemin/imagemin を使い自動で画像ファイルのminifyを行う方法を紹介します。 目的 imagemin/imagemin を利用すると、画像ファイルのminifyを行うことができます。 画像のminifyはいうまでもなくwebで重要であり、可能な限りこういったツールを利用したいです。 画像を作成するたびに都度imageminを実行するのは手間ですので、こうった作業はできるだけ自動化したいです。 ビルド時の自動minifyであれば、grunt、gulp、webpackのそれぞれで gruntjs/grunt-contrib-im

先日Node.js8 がリリースされました (参考) 。 追加機能の中に util.promisify というものがあります。これは、すでに bluebird や es6-promisify といったパッケージで提供されていた、 コールバック関数を伴う非同期関数を、Promiseを返す関数化するユーティリティ関数ですが、今回のリリースでNode本体に含まれるようになったようです。 何に使うのか コールバック関数を伴う非同期関数、たとえば fs.readdir は次のように使います。 fs.readdir(__dirname, (err, result) => { console.log(result); }); しかし、現状JavaScriptでの非同期処理関数は、コールバックスタイルよりもPromiseを返す関数のほうがメジャーであり、 他の関数と合わせて使う上で不便です。また、ネストし

先日、slackで 名前の横に自分のステータスを表示する機能 がリリースされました。 これはDMを送ろうとしたときの入力欄などにも表示されるため、適切に設定すれば「まだ出社してないのにメンション飛ばされた」「有給休暇中なのにDM送られた」みたいな気まずい悲劇を回避するのに役立ちそうです。 ただ、有給休暇などの特別なイベントならともかく、毎日出社時・退社時にslackのstatusをマメに変更するのは少々面倒です。そこで、Androidアプリの Tasker を使い、Android端末の位置情報から自動でslackのstatusを更新できるようにしてみました。 Taskerとは スマートフォンの様々なイベントの発生時に予め指定したタスクを実行してくれるAndroidアプリです。 イベントは時間指定やディスプレイのオンオフといったベーシックなものから、位置情報や各種センサーなど様々なものが利用

この記事は Slack Advent Calendar 2016 24日目の記事です。 半年ほど前に下のようなエントリを書きました。 Slack上でインタラクティブに倉庫番を遊べるhubot-slack-soukobanを作った - MANA-DOT Slackのリアクション機能と編集機能を活用し、Slack上でインタラクティブにゲームを作るという趣旨の内容でした。 今回は、このようなゲームを汎用的に作るための slack-game-bot というnpmパッケージを (アドベントカレンダーのネタのために)作ったので紹介します。 概要 兎にも角にも、例を見ていただくのが早いです。 const {Game, GameBot} = require('slack-game-bot'); class MyGame extends Game { getButtons() { return ['one'

githubのプルリクエストのコミットをローカルにfetchする方法はよく知らてていますが (知らない人は是非設定をオススメします。特にコードレビューでレビュー相手がfork先からプルリクエストを出している場合でも対象コミットを取得できるため便利です）、 この方法はリポジトリごとに毎回設定する必要があり多少面倒です。 そこでこの設定を、 git config --global --add remote.origin.fetch '+refs/pull/*:refs/remotes/pr/*' としてグローバルに設定してみたところ、普通に動きすべてのローカルリポジトリでプルリクエストをfetchしてくれるようになりました。 便利です。 気になること remoteの設定をglobalに記述するのはあまり聞いたことがなく若干の不安はあります。 この状態でリポジトリの remote.origin.

先日、Slack上でインタラクティブに倉庫番を遊べるhubot-slack-soukobanを作ったにてSlack上で遊べる倉庫番の紹介を行いました。 このhubotスクリプトでは文字列置換による実装を駆使して倉庫番のゲームロジック部分が20行程度で実装されており、今回はその実装について解説をします。 ※このエントリは倉庫番というゲームのルールを知っている前提で書かれていますので、予めご了承ください。 コード全貌 hubot-slack-soukoban のうち、倉庫番の出力用の処理を抜いたロジック部分は以下のようになっています。 Util = strToMatrix: (str) -> str.split(/\n/).map((s) -> s.split('')) matrixToStr: (matrix) -> matrix.map((a) -> a.join('')).join('\

Slack 上でリアクションを操作ボタンとして利用して倉庫番を遊べる、 hubot-slack-soukoban を作りました。 その昔、 Hubot-slack で絵文字でアニメーションする8パズルゲームができるbotを作った という記事を書きました。 この記事では、Slackの編集をbotに叩かせまくり、Slack上で動くパズルゲームを作ったことを紹介しました。 しかしこのパズルゲームには謎のコマンド列をタイプしてbotとやり取りしなければ遊べないという弱点がありました。 そこで今回、Slackのリアクション機能で配置されるボタンを操作ボタンとして利用することで、よりプレイヤーが直感的に遊べるゲームをSlack上に実現しました。 soukoban という文字列に反応してbotがランダムに選ばれた倉庫番のマップと、操作するためのリアクションボタンを表示します。 操作法は上記画像のままです

GW中に上記画像のような見た目と操作感で部屋の証明をコントロールできるWebアプリを作ったので紹介します。 概要 ページを開くと上記アニメgifのような部屋の間取りのUIが表示されます。 青いエリアは照明がOFFのエリア、緑のエリアは照明がONのエリアとなっています。 照明をON/OFFしたいエリアをクリックすると、そこのON/OFFが逆転します。また、全部ONにするボタンと全部OFFにするボタンもあります。 今回部屋のすべての照明をコントロールできましたが、単に照明を操作するボタンを並べるだけだとどのボタンがどこに対応してるのか難しいため、このように部屋の間取りをUIとすることでわかりやすくしてみました。 また、最初はただ地図をクリッカブルにするだけのつもりだったのですが、それだとつまらないので無駄に近未来っぽいかっこいいデザインにしてみました。 Webアプリは自宅内のサーバーで稼働して

hubot-slack でDMを送るスクリプトを書きたかったが、 DMを送る方法が用意されてるにもかかわらず、単純に呼ぶだけでは利用できなかったので呼び方のメモ。 ※ hubot-slackが利用するnode-slack-clientのバージョンが1.2時点での内容です。今後改善されると思います。 コード module.exports = (robot) -> sendDM = (slackUserName , message) -> userId = robot.adapter.client.getUserByName(slackUserName)?.id return unless userId? if robot.adapter.client.getDMByID(userId)? robot.send {room: slackUserName}, message else robot

社内のSlackで後輩がSlackの絵文字にでかい絵を分割して登録し、パズルだとか言っていたので、なんとなく作りたくなってしまいHubot上で8パズルが出来るbotを作ってしまいました。 できること 現在の状態を確認 コマンドなしでbotを呼ぶと現在のパズルの状態を表示します。 パズルをシャッフル shuffle でランダムに10手動かします。 パズルを動かす u, d, l, r (それぞれup, down, left, rightに対応)を並べて打ち込むと、そのとおりにパズルを動かします。 絵柄を選んでパズルをリセット reset の後に絵柄(ここではことりちゃん)を指定すると絵柄をリセットしてくれます。 コード 特に解説はしませんが、hubot-slack からアダプタ経由でAPIを呼び、投稿したメッセージを編集することを async.eachSeries で逐次的に呼ぶことでパズル

知ってる人には今更でしょうけど、タブに今いるリポジトリ名が出るようにしてみた。 precmdでリポジトリ名をtmux rename-windowに渡すだけです。 autoload -Uz vcs_info zstyle ':vcs_info:*' enable git svn zstyle ':vcs_info:*' formats '%r' precmd () { LANG=en_US.UTF-8 vcs_info [[ -n ${vcs_info_msg_0_} ]] && tmux rename-window $vcs_info_msg_0_ } github

PHP5.3からクロージャが利用可能であり、高階関数を積極的に利用して簡潔なコードを心がけたいのですが、一度調べておかないと意外な関数が利用可能であることに気づかなかったりするのでまとめ(個人的によく使う順)。 array_map PHP: array_map - Manual 高階関数で最も代表的と思われるもの。map-reduceのmap。配列の各要素をクロージャを用いたマッピングを行い、別の配列を作ります。 <?php $prices = [100, 200, 300]; $taxInPrices = array_map(function($price) { return $price * 1.08; }, $prices); var_dump($taxInPrices); // array(3) { // [0]=> float(108) // [1]=> float(216) /

いきなりですが問題。次のコードを実行するとどんな出力がされるでしょうか。 (前提知識として、DateTimeクラスのコンストラクタに不正な値を渡すと、Exceptionが投げられます。) <?php namespace Hoge; try { new \DateTime("buggg"); } catch (Exception $e) { echo 'error!!'; } 正解は以下のとおり。 PHP Fatal error: Uncaught exception 'Exception' with message 'DateTime::__construct(): Failed to parse time string (buggg) at position 0 (b): The timezone could not be found in the database' in /home/

序 PHPは糞だ。業務で使っていてたしかにそう思う。同じく業務でScalaを書いている時のほうが2倍効率よくコードが書けていると思うし、3倍安心できるし、5倍楽しい(当人比)。 しかし、PHPは糞だ、糞だとバカの一つ覚えのように言うのではなんの生産性もない。説得力もない。小学生のいじめと同レベルかそれ以下だ。 私は小学生のままで入れるならそうしたいものであるが、そうではなくもう立派な大人であるからして、このPHPは糞だという気持ちを生産的なことに繋げたいと思う。 つまりであるからして、当ブログの｢PHP bad parts｣と称したカテゴリに、PHPの悪いところ、悪い点、なぜ悪いのか、どうすると悪いのか、そういったことをまとめ、出来れば具体的な対策を書いていこうと思う。そうすることにより、私個人や、読者様にとっても次のようなメリットが有ると考えている。 PHPの悪いところを整理できる 私自