muunyblue さん プロフィール

  •  
muunyblueさん: もくもくブログ
ハンドル名muunyblue さん
ブログタイトルもくもくブログ
ブログURLhttp://blog.muuny-blue.info
サイト紹介文技術系と、お家と、日記です。
自由文技術系の情報が多めです。
参加カテゴリー
更新頻度(1年)情報提供36回 / 365日(平均0.7回/週) - 参加 2015/10/14 16:31

muunyblue さんのブログ記事

  • Vue.jsで縦横拡張可変グリッド
  • CodePenエディタのような可変グリッドで、拡張可能なグリッドがほしかったので作ってみました。embed.ly詳しい話templateでは可変グリッドのCSS書くのが大変になったのでrenderを使ったりして色々勉強になりました。という話です。可変グリッドロジックは、sparklinlabs/resize-handle: Robust resize handles / splitters for your HTML5 apps and websitesをまるっと参考にしました。CSSはflexboxを使っていて、リサイズイベント [続きを読む]
  • Vue.jsで縦横拡張可変グリッド
  • CodePenエディタのような可変グリッドで、拡張可能なグリッドがほしかったので作ってみました。embed.ly詳しい話templateでは可変グリッドのCSS書くのが大変になったのでrenderを使ったりして色々勉強になりました。という話です。可変グリッドロジックは、sparklinlabs/resize-handle: Robust resize handles / splitters for your HTML5 apps and websitesをまるっと参考にしました。CSSはflexboxを使っていて、リサイズイベント [続きを読む]
  • 艦これ2017冬イベE-1甲 伊26 Mマス掘り
  • 伊26ほしいです。伊26がほしいです。Iマスでも掘れますがIマスまで行くのに時間かかるのでMマスで掘ることにしてみました。401やUが欲しい場合はIマスに行きましょう。編成A勝利時は何も落ちない場合がほとんどなので、S勝利じゃないとドロップしない気がします。戦艦は含めることができないので、ヲ級改flagshipを倒すために雷巡の開幕魚雷と夜戦を使います。後述する基地航空隊とこの編成でS勝利安定しています。制空値は盛り気 [続きを読む]
  • 艦これ2017冬イベE-1甲 伊26 Mマス掘り
  • 伊26ほしいです。伊26がほしいです。Iマスでも掘れますがIマスまで行くのに時間かかるのでMマスで掘ることにしてみました。401やUが欲しい場合はIマスに行きましょう。編成A勝利時は何も落ちない場合がほとんどなので、S勝利じゃないとドロップしない気がします。戦艦は含めることができないので、ヲ級改flagshipを倒すために雷巡の開幕魚雷と夜戦を使います。後述する基地航空隊とこの編成でS勝利安定しています。制空値は盛り気 [続きを読む]
  • Vimで始める型付きPython3開発
  • 型付きPythonは静的型解析ツールであるmypyによる検査と、jediによる補完が効くという開発に役立つ便利な恩恵があります。実行時には(まだ)型の恩恵はないですが始めるには十分な恩恵だと感じたので始めてみました。venvとmypyを使うので、Python3と言ってもPython3.5(現在の最新版)を使います。スタイルチェックにはflake8を使用します。Vim(Neovim)の準備:echo has('python'):echo has('python3')コマンドが1を返すことを確認し [続きを読む]
  • Vimで始める型付きPython3開発
  • 型付きPythonは静的型解析ツールであるmypyによる検査と、jediによる補完が効くという開発に役立つ便利な恩恵があります。実行時には(まだ)型の恩恵はないですが始めるには十分な恩恵だと感じたので始めてみました。venvとmypyを使うので、Python3と言ってもPython3.5(現在の最新版)を使います。スタイルチェックにはflake8を使用します。Vim(Neovim)の準備:echo has('python'):echo has('python3')コマンドが1を返すことを確認し [続きを読む]
  • ErgoDoxを混合軸にした話
  • ErgoDox Advent Calendar 2016の25日目の記事になります。もう1月ですがなぜか25日だけ空いていたので飛び込み参加しました。もともとGREETECH赤軸だったのですが、GATERONの緑軸を購入してまぜまぜしました。経緯MX軸は初めてというのもあって、はじめはこんなもんかーと思って使っていたのですが、半年くらい使うと不満が出てきました。底打ちがつらいErgoDox購入前は軽いほうが疲れないと思っていたのですが、MX軸のキーストロ [続きを読む]
  • Isomorphic Javascript 開発話 in 2016 (Koa + React + Material-UI)
  • 去年(2016年8月頃)、社内で使う電話帳blacklistアプリをIsomorphic Javascriptで作りながらWikiにまとめていた開発話が面白い感じになっていたのでその転載です。GitLab上で開発していたのでJavascript以外にもGitLab CIの話もあります。開発話Reactを使用して楽をしたいので、開発言語はNode.jsを選択。versionは新しいものを使っていこうと思うので、v6.3.0を使っていきます。$ mkdir blacklist$ cd blacklist$ npm init$ git in [続きを読む]
  • ErgoDoxを混合軸にした話
  • もともとGREETECH赤軸だったのですが、GATERONの緑軸を購入してまぜまぜしました。経緯MX軸は初めてというのもあって、はじめはこんなもんかーと思って使っていたのですが、半年くらい使うと不満が出てきました。底打ちがつらいErgoDox購入前は軽いほうが疲れないと思っていたのですが、MX軸のキーストロークは(キーキャップやO-ringである程度調整できますが)割と深いので意外と疲れることに気づきました。あとは、軽くて深く押し [続きを読む]
  • 遊び感覚で手を出した Isomorphic Javascript 開発話
  • 去年(2016年8月頃)、社内で使う電話帳blacklistアプリをIsomorphic Javascriptで作りながらWikiにまとめていた開発話が面白い感じになっていたのでその転載です。GitLab上で開発していたのでJavascript以外にもGitLab CIの話もあります。開発話Reactを使用して楽をしたいので、開発言語はNode.jsを選択。versionは新しいものを使っていこうと思うので、v6.3.0を使っていきます。$ mkdir blacklist$ cd blacklist$ npm init$ git in [続きを読む]
  • zsh -> fish 移行プロセス
  • 込み入った設定をしないでスッと移行することを目的にしています。.zshrcを投げ捨ててます。自分の場合、zshrcの設定内容にコピー&ペーストが多かったので気持ち的に楽に投げ捨てられました。fishのインストール主要なOSのパッケージマネージャーでインストール可能なのでスッとインストールします。fishermanを導入fishのプラグインマネージャーです。oh-my-fishとも互換性があります。日本語 ? fisherman/fisherman Wikiを参考にイ [続きを読む]
  • zsh -> fish 移行プロセス
  • 込み入った設定をしないでスッと移行することを目的にしています。.zshrcを投げ捨ててます。自分の場合、zshrcの設定内容にコピー&ペーストが多かったので気持ち的に楽に投げ捨てられました。fishのインストール主要なOSのパッケージマネージャーでインストール可能なのでスッとインストールします。fishermanを導入fishのプラグインマネージャーです。oh-my-fishとも互換性があります。日本語 ? fisherman/fisherman Wikiを参考にイ [続きを読む]
  • deoplete.nvimが効かなくなった時の手元できる対処法
  • 開発中なのもありよく動かなくなっているので試したことリストの備忘録です。公式でもなく完全な対処方法であるかの確認もしてないので参考程度にして下さい。この方法で解決できない場合はIssueかなぁという判断基準にはなるかもしれません。順番や番号に意味はありません。1. プラグインのアップデート2. :CheckHealth3. has('python3')確認4. python3のインストール5. neovimパッケージをインストールまたはアップデート6. :Upd [続きを読む]
  • deoplete.nvimが効かなくなった時の手元できる対処法
  • 開発中なのもありよく動かなくなっているので試したことリストの備忘録です。公式でもなく完全な対処方法であるかの確認もしてないので参考程度にして下さい。この方法で解決できない場合はIssueかなぁという判断基準にはなるかもしれません。順番や番号に意味はありません。1. プラグインのアップデート2. :CheckHealth3. has('python3')確認4. python3のインストール5. neovimパッケージをインストールまたはアップデート6. :Upd [続きを読む]
  • Neovimはじめました & 2016年vimrc大掃除
  • 11月あたりからvim環境を見直して概ねまとまってきたのでメモとして残しておきます。概要はNeovim導入プラグイン整理(neobundle => dein.vim)Neovim/Vim/Nyaovim対応になります。設定ファイルはGitHubの.dotfilesにあるのでこちらを見ればこの記事は読まなくてもいいかもしれません。embed.lyNeovimはじめましたNeovimのインストールはパッケージマネージャーから設定ファイルの場所Nyaovimもはじめましたプラグイン整理dein.vimic [続きを読む]
  • Neovimはじめました & 2016年vimrc大掃除
  • 11月あたりからvim環境を見直して概ねまとまってきたのでメモとして残しておきます。概要はNeovim導入プラグイン整理(neobundle => dein.vim)Neovim/Vim/Nyaovim対応になります。設定ファイルはGitHubの.dotfilesにあるのでこちらを見ればこの記事は読まなくてもいいかもしれません。embed.lyNeovimはじめましたNeovimのインストールはパッケージマネージャーから設定ファイルの場所Nyaovimもはじめましたプラグイン整理dein.vimic [続きを読む]
  • ステラのまほうのエンディングで始めるThree.js
  • この記事は、Three.js Advent Calendar 2016 9日目の記事です。まんがタイムきらら Advent Calendar 2016ではありません。?目次何でThree.js?はじめの一歩四角を表示する四角を増やすランダムにいっぱいの四角を表示するカラフルにするカメラを動かす微調整背景アニメーション最後に仕事で疲れた状態でステラのまほうエンディングのヨナカジカルを見ているとWebGLでやれそうだなぁとなったので仕事の息抜きにやってみた話です。普 [続きを読む]
  • Vim使いがVSCodeを始める例
  • Vimに比べるとVSCodeのほうが引き継ぎのときに楽なのではと思い立ちVSCodeをはじめてみます。エディタに求めていること素VSCodeを眺めて普段エディタに求めている最低限のことについて考えてみます。基礎として理解しておきたい部分プラグイン機構プラグインでできることと設定でできることの境目求めることVimキーバインドFile Tree(トグル、ファイルオープン)Gitプラグイン(コマンドラインのインターフェースがあると良さそう)コ [続きを読む]
  • 簡単にわかるGitLab CIの仕組み
  • GitLab CIのquick startを読んでもしっくり来なかった人向けにGitLab CIの仕組みをまとめました。特に「Runnerって何?」ってなった人向けです。(※GitLab CIの導入方法や使い方については触れていません)GitLab CIの仕組みGitLab Continuous Integration | GitLab上のページのArchitectureの図がとてもわかり易いです。GitLab CI is a part of GitLab, a web application with an API that stores its state in a database. It man [続きを読む]
  • 氷パ考察 ダブルバトル
  • 運用例実践中...(情報は随時更新していきます)ユキメノコ@ひかりのこな おくびょう ゆきがくれ CS252かなしばり/でんじは/たたりめ/ふぶき (うそなき|みちづれ)かなしばりを有効に使いたいフロストロトムオボン@オボン ひかえめ ふゆう HC252ふぶき/10万|ほうでん|ボルチェン/鬼火/でんじは鬼火と電磁波を撒いてサポートしつつふぶき&一致電気技メガネ@メガネ ひかえめ ふゆう HC252ふぶき/10万/ボルチェン/トリック与ダメージ計算 [続きを読む]
  • 氷パ考察 ダブルバトル
  • 運用例実践中...(情報は随時更新していきます)ユキメノコ@ひかりのこな おくびょう ゆきがくれ CS252かなしばり/でんじは/たたりめ/ふぶき (うそなき|みちづれ)かなしばりを有効に使いたいフロストロトムオボン@オボン ひかえめ ふゆう HC252ふぶき/10万|ほうでん|ボルチェン/鬼火/でんじは鬼火と電磁波を撒いてサポートしつつふぶき&一致電気技メガネ@メガネ ひかえめ ふゆう HC252ふぶき/10万/ボルチェン/トリック与ダメージ計算 [続きを読む]
  • Xubuntu 16.04 初期設定
  • ASUS Eee PC X101CHにXubuntuをインストールした際の設定です。Xubuntuは軽量デスクトップのXfce4を使っていてマシンスペックの低いPC向けで、使ってみた感じ欲しい設定は一通りそろっていて使いやすい印象があります。この記事では見た目や最低限使うための設定について書きます。これ以外に開発用にTerminalで設定している項目がありますがVimだけにとどめてあります。目次sudo apt-get update日本語入力caps to ctlSynapseGyazo [続きを読む]
  • Xubuntu 16.04 初期設定
  • ASUS Eee PC X101CHにXubuntuをインストールした際の設定です。Xubuntuは軽量デスクトップのXfce4を使っていてマシンスペックの低いPC向けで、使ってみた感じ欲しい設定は一通りそろっていて使いやすい印象があります。この記事では見た目や最低限使うための設定について書きます。これ以外に開発用にTerminalで設定している項目がありますがVimだけにとどめてあります。目次sudo apt-get update日本語入力caps to ctlSynapseGyazo [続きを読む]
  • Vim使いがVSCodeを始める例
  • Vimに比べるとVSCodeのほうが引き継ぎのときに楽なのではと思い立ちVSCodeをはじめてみます。エディタに求めていること素VSCodeを眺めて普段エディタに求めている最低限のことについて考えてみます。基礎として理解しておきたい部分プラグイン機構プラグインでできることと設定でできることの境目求めることVimキーバインドFile Tree(トグル、ファイルオープン)Gitプラグイン(コマンドラインのインターフェースがあると良さそう)コ [続きを読む]