タグ

ブックマーク / crieit.net (2)

  • VSCodeのRemote Development機能が革命的な話。 - Crieit

    背景 今月始めにMicrosoftからRemote Development Extension Pack. というのが発表された。簡単に言うと、VSCodeでコードを書くOSとプラグインが実行されるOSを別にすることが出来る。 よくあるパターンで、「MacでNokogiriがビルドできません」「WindowsでESLintを実行するにはどうしたら良いですか」みたいな質問がある。 最終的にサービスを公開するときにはどうせLinux使うのに、開発するときしか使わない別のOSで同じものを動かす苦労って無駄だよなあ、と思っていた。 じゃあ最初からLinuxで開発すればいいかというと、最近の高度化したWeb開発はIDEの支援なしに実行することが困難で、RubyだったらRuboCopJavaScriptだったらPrettierやESLintで文法チェックしてもらわないと人類にはついていけない。これら

    VSCodeのRemote Development機能が革命的な話。 - Crieit
    piro_suke
    piro_suke 2019/05/09
  • Vue.jsとHTMLとCSSで3Dアクアリウムを作ってみた - Crieit

    ブラウザで見ることができる3Dアクアリウムを作ってみました。 この3Dの実装は基的にはHTMLCSSだけで出来ています。canvasも使っていません。Vue.jsも使っていますが、魚を泳がせたり視点を変更するための用途のため、3D描画自体にはあまり関係ありません。 記事の最後に操作できるCodePenを配置してあるので読むのが面倒な方はそちらを見てしまってください(大泣きしながら)。 作り方 HTML HTMLは単にそれぞれの素材を配置しているだけです。 <div id="app" @mousemove="onMouseMoved" @touchmove="onMouseMoved"> <div class="container" :style="rotation"> <img class="bg" src="bg.jpg"> <img class="water front" src=

    Vue.jsとHTMLとCSSで3Dアクアリウムを作ってみた - Crieit
    piro_suke
    piro_suke 2018/07/18
  • 1