はてなブックマーク

年末年始の自由研究として、CSSだけでLive2Dを動かすことができないかを試していました。紆余曲折あったものの、なんとか動きそうということが分かったのでひとまず情報共有。 Live2Dとは Live2Dは、2Dのイラストをモーフィング技術を使ってアニメーションさせるソフトウェアです。あのアプリゲームのキャラクターや、あのVTuberを動かすために使われています。 かわいい！！！ モデルデータを表示させる Source: CSSLive2D/src/01_parse at master · spring-raining/CSSLive2D · GitHub まず、Live2D公式サイトにあるサンプルデータのキャラクターを画面に表示させることを目標としてみます。各キャラクターはそれぞれモデルデータ (Haru.moc3)、テクスチャ画像 (*.png)、表情データ (*.exp3.json)

先日，印刷・出版のためのオンラインエディタ「Viola」をリリースしました． viola.pub 使い方 ViolaはAdobe製エディタBracketsをベースにしたオンラインエディタです1．プレビューワにVivliostyle.jsを組み込むことで，最新のCSS組版技術を使ったレイアウトが実現できます． 右側領域はプレビューになっており，上部のスイッチでモバイルプレビュー，デスクトッププレビュー，印刷プレビューに切り替えることができます．印刷プレビューは反映に若干タイムラグが生じるので，執筆時はデスクトッププレビューがおすすめです． HTMLを直接書くのは正直だるい作業ですが，Violaに備わるMarkdownトランスパイラがある程度この作業を緩和してくれます．Markdownファイルを作成すると，自動でHTMLファイルが作成され，Markdownファイルの内容が反映されます．基本的な

こんにちは．ところで今は研究もそこそこにMastodonのクライアントアプリ「colonium」作りに励んでいます． 本当はゴールデンウィーク中に出す所までいきたかったですが，手が遅いのでまだまだ道半ばです． 顧客が説明した要件 同時投稿・リモートフォローなどへの完全なマルチアカウント対応 Androidでもいい感じに表示される絵文字 カスタマイズ可能なカラム・豊富なカスタマイズ機能 もちろんiOS・Android両対応 などの機能が追加される予定です． 現状の機能としては， 各種タイムラインや通知リスト， アカウント表示画面， トゥート投稿画面， あたりは完成してきました．アプリを作り始めてからPawooやfriends.nicoがクライアントアプリを発表するなど， モチベーションが打ち崩されそうな出来事もありましたが， Pixivやドワンゴなどのベンダーにロックインされない自由なアレを

4月9日に開かれた技術書典2にて，弊サークルpentapodは「チートシート・チートシート」という同人誌を頒布していました(またもや事後報告になりすみません…次こそはブログでも告知したい)． 今回は私の他にも4人の方が執筆する合同誌という形になり，寄稿者の知名度にもあやかって(？)13時半には完売することができました． ここで，前回の記事と同じくこの本の制作過程を紹介しようと思います． 独自エディタ 複数の執筆者が別々に記事を書く時の問題点の一つに，最終的に記事をまとめた際のページ数の把握が難しいという問題があります． LaTeX等の場合，記事の執筆者がページ数を確認したい場合ビルド環境を用意してもらう必要があります． 今回の本は中綴じのためページ数を4の倍数にする必要があり，余計にページ数に注意を払う必要がありました． そこで，今回は記事を執筆する際のページ数確認の参考になるよう，簡易な

ゴールデンウィーク暇すぎて，以前衝動買いしたArduinoで何か作れないかと思い立ち， 部屋の温湿度を見られるようにしようということになりました． TL;DR github.com Arduino→PC 使用した部品は以下の通りです．見た限りDHT11以外はArduinoをはじめようキットに含まれているようなので，そっちを買うのが手っ取り早いです． （なお，僕はこのキットを日本橋にて9000円で買ったのですが，同等品がAmazonにて4000円以下で売られていることをTwitterで教えられめっちゃ不機嫌になったのでAmazonで買うことをおすすめします） Arduino Leonardo USBケーブル 温湿度センサ DHT11 カーボン抵抗 10kΩ ブレッドボード ジャンプワイヤ 4本くらい Arduinoと部品を以下のような感じで繋いでいきます． https://www.ardui

この記事は OUCC Advent Calendar 2015 の7日目の記事にかこつけた宣伝記事です🙇🙇 昨日は @domitry さんの Google Summer of Code やろう でした。 spring-raining.hatenablog.com 以前このようなWebアプリを作っていましたが、この度Girafを全面的に書き換えたGiraf 2を公開しました。 新機能 複数の動画/GIF/画像を組み合わせられる Giraf 1では一つだけの動画を変換するだけでしたが、2では複数の動画や画像を組み合わせることができます！ ファイルの読み込みは左上のボタンから行えます。 読み込んだファイルは右下に持っていくと、新しいレイヤーとして追加されます。 レイヤーは左端・右端をつかんでドラッグすると始点・終点を変更できます。一般的な動画編集ソフトと同じですね！ プレビュー再生はスペース

この記事はごちうさ住民 Advent Calendar 2014 22日目の記事です。 こんにちは、@spring_rainingです。これを書いてる時点でアドベントカレンダーの掲載日を過ぎてます。ごめんなさい。 ごちうさ、かわいいですね。ごちうさに登場してくる女の子はみんなかわいいですが、リゼちゃんのふとももとか、最高だと思います。 こんなに素晴らしい曲線美が地球上に存在していいのだろうか まあ、それはともかく、まずはこちらをご覧ください。（ご覧になれない人はhttp://harusamex.com/rizeに行くとご覧になれるかもしれないです） かわいいですね。 上のリゼちゃんはドラッグやタッチで回転できるようになっていますが、実はこれはFlashやWebGLを使わず、CSSだけで実装されています。 追記(12/24)：FirefoxやSafariだとちゃんと表示されないようですね・・

以前の日記に書いたとおり、8月11日から9月5日までの間行われたはてなサマーインターンに参加したので、インターンでの出来事や感想について書きたいと思います。 はてなサマーインターンの内容については、インターンに参加した他の方々が素晴らしいエントリを発表されているので、このエントリでは文章はほどほどに写真多めでお送りいたします。 はてなインターンについて はてなサマーインターン2014 はてなインターンは京都にある本社にて行われるので、インターン生は期間中自宅もしくは近くのホテルから本社に向かいます。 僕の自宅はギリギリ京都まで通える所にありますが、毎日長時間通勤するのは辛かろうとのことで、はてなの方に期間中ホテルを手配していただきました。太っ腹です。 最高の昼食 はてなでは毎日手作りの昼ご飯が振る舞われ、無料で食べることができます。 金曜日はカレーです 毎日健康的な食事を摂ることができ、顔

追記 お恥ずかしい限りですが、この記事はWebpackやBrowserify等、複数のJavaScriptやCoffeeScriptなどのファイルをまとめるツールが世にあることを知らない頃に書いた記事となっています。以前の内容も参考までに掲載しますが、多くのケースではこれらのツールを使って管理をする方が得策でしょう。 今開発しているアプリケーションのCoffeeScriptファイルが500行を越えてしまい、そろそろファイルを分割しておかなければならない気配がしたので、ここ数日でCoffeeScriptファイルをどうやって分割するか方針を考えていました。 ネット上を探すと、おおよそ3つの手法に分かれていたような気がします。 1. クラス名の先頭にwindow.を付けて、htmlからコンパイルしたjsファイルを全て読み込む すぐに分かる CoffeeScript によるクラスの書き方 ｜ De

僕はリブログモンキーです。なので、画像をたくさんリブログします。 しかし、今まで使っていたTumblrテーマではリブログした画像があまり大きく表示されず不満に感じていました。 そこで、これでもかというほど画像を大きく見せることができる新しいTumblrテーマ「Shiki」を作成しました。 http://shikitheme.tumblr.com/ 使い方 「テーマの編集」ページのカスタムHTML欄にこちらのページのhtmlファイルを貼り付けてください。 ライセンスはCC BY 4.0です。 アホほど大きく表示される画像 Shikiでは画像を極限まで大きく見せるため、画面サイズいっぱいまで画像を拡大します。画面からはみ出てしまった部分はパララックススクロールを使ってできるだけ全体像が見えるように工夫しています。 オートページャー オートページャー搭載で無限にスクロールできます。 どうぞご利用