タグ

ブックマーク / hashrock.hatenablog.com (5)

  • 自動勉強会をやっている - No Regrets in Bathing

    生きていると「○○の勉強会があったらいいのにな~」とかぼやいてしまうのだけど、自分で主催はしたくないので言いっぱなしになるみたいなことが多い。 alert / prompt / confirm / 自前モーダル勉強会欲しい— hashrock (@hashedrock) 2021年8月3日 ズームイン・ズームアウト・パン操作実装勉強会欲しい— hashrock (@hashedrock) 2019年11月29日 これはかなりみっともないと思っていて、それで最近「自動勉強会」というのを始めた。 自動勉強会の概要としてはこれだけ。 聞きたいネタをみんなでキューに貯めておいて、参加者が3人以上になったら勉強会が開催されるという「自動勉強会」システムをやってた事があるんだけど、それに類することをやりたい— hashrock (@hashedrock) 2021年3月25日 実際のキューは下記のよう

    自動勉強会をやっている - No Regrets in Bathing
  • 「入門GUI」が発売されました - No Regrets in Bathing

    techbookfest.org GUIの薄いです。「入門 監視」ばりに主語デカタイトルです。 著者は私と f_subalさん、daiizさん、miyaokaさんで、座談会パートにはKeima Kaiさんが参加しています。 内容は「ドラッグ&ドロップを始めとする作るのがしんどいGUI」をいちから書いてみようよ、という感じです。 GUIコンポーネントの使い方についてのはよく見かけますが、コンポーネント自作についてのというのはなかなか珍しいんじゃないかと思います。 概ね下記のようなノリの、ゆかいなGUIとして読んでもらえれば、と思います。 私はセレクトボックスを実装してみようという章を書いています。最終的になぜかリングコマンドになりました。 中でも、最後の座談会パートは好評です。STUDIOの二人が参加しているので、先にSTUDIOを触ってみるとより文脈がわかると思います。 サンプル

    「入門GUI」が発売されました - No Regrets in Bathing
  • テキストでタイムラインアニメーションを作れるライブラリを作った - No Regrets in Bathing

    0----1----2--- みたいな形式のテキストでタイムラインアニメーションを作れるライブラリを作りました。 しゅうまいさんと「Webでタイムラインアニメーションを作るのがだるい」的な話をしていて、 AAみたいな発想で楽をできないかなと思ったのが発端になっています。 まずは下記のデモを見てください。 See the Pen TimelineDown Example by hashrock (@hashrock) on CodePen. 下記の文字列を渡すことで、4つの絵文字がそれぞれ個別のアニメーションをします。 const p1 = "--------0----1--2-------"; const p2 = "---------0----1--2------"; const p3 = "----------0----1--2-----"; const p4 = "---------

    テキストでタイムラインアニメーションを作れるライブラリを作った - No Regrets in Bathing
  • VSCodeのガントチャート拡張を作った - No Regrets in Bathing

    去年に引き続きクリスマスイブになんか作ったシリーズです。 下記のような感じで、ガントチャートを雑に作れるVSCode拡張機能を作りました。 テキストを編集してもいいし、プレビューを操作してもいいというのがこのツールの売りです。 変更内容は相互に同期します。 VSCodeなので、当然ながらコピペやマルチカーソル、置換なんかも普通に使えます。 VSCodeの編集機能で、GUI部分の貧弱さを補おうというコンセプトです。 実用性や自由度は低めですが、文法や操作方法を覚える必要も最低限になっているんじゃないかなと思います。 あと、ただのテキストなんで、Git管理もできますね。 2週間程度の短期予定を立てる用途を想定しています(自分はその程度の予定しか立てません)。 要望に答える可能性は低いですが、プルリクを頂ければ割と軽率にマージすると思います。 かんたんな導入方法 まずVSCodeを開き、おもむ

    VSCodeのガントチャート拡張を作った - No Regrets in Bathing
  • Vue + TypeScript + poiで小さいプロジェクトを作る時の手順 - No Regrets in Bathing

    TypeScriptを使いたい、型に守られたいという気持ちが定期的に生まれるのだけど、 ただwebpack.config.jsとtsconfig.jsonが上手く書けなくてしんどいみたいなことがままある。 お仕事的に、TypeScript + Vueでやっていくぞというのは下記のダーシノさんのスライドが良い。 とにかく楽してVue.jsでTypeScriptを使いたい from さくらインターネット株式会社 www.slideshare.net 上記の内容と、webpack-simpleという自分が愛用しているテンプレートと、vue-class-componentのexampleを見ながら書いた雛形が下記に置いてある。 github.com それはそれとして、今日はpoiを調べた。 poi + TypeScript poiは設定より規約感のあるツールで、書捨てのプロジェクトにはwebpac

    Vue + TypeScript + poiで小さいプロジェクトを作る時の手順 - No Regrets in Bathing
  • 1