ゆずめも

メモ的なブログです。主に勉強した事について書いてます。

javascript

React + TypeScriptの環境を作る

reactとtypescriptを使うプロジェクトを作りたくてcreate-react-appのREADME.md見てたら書いてたので試してみた github.com tl;dr create-react-appを使ってtypescript用のプロジェクト作れる create-react-app my-app --scripts-version=react-scripts-ts …

package.jsonのversionを更新する

※ この記事はうさぎパワーで書かれています CIとかでpackage.jsonのversion情報をいい感じに更新するほうないかなと思って調べてみたらあったのでメモ versionとは npmでインストールされるパッケージのバージョン情報に使われている部分 npm initでできたpa…

ubuntuにgoogle-home-notifyのインストールに失敗した話

Node.jsからGoogle Homeに任意の言葉を喋らせたりすることができるライブラリをUbuntu17.10でnpm installしようとしたらnode-gypでエラーになってしまってインストールできなかった。それが解決できたのでその記録。 github.com 原因 node-gypのエラー見てた…

require('./module').defaultについて

GWから乃木坂にハマりました、お久しぶりです。 後輩氏がjsやってて、なんだこれってツイート見たので書いとこうってモチベ jsのモジュール JSのモジュールはけっこういっぱいある(nodeのcommonjsがcommonjsじゃない問題はめんどくさいので置いとく) よく…

chromebookにnodebrewをインストールして使おうと思ったらハマった

chromebookで開発者モードを使うとできることが広がることに気づいて開発者モード始めました Google Chromebook pixel Wi-Fi 32GB モデル 米国版出版社/メーカー: Googleメディア: この商品を含むブログを見る 使ってるchromebookとは違う。pixel欲しい… 今…

ReactのコードをBabelとBrowserifyでビルドする

何番煎じかわからないくらいの内容だけど、人に説明する機会ができそうなので整理するために書く npm-script派なのでgulpとかは使いません 各ライブラリ、ツールの説明 雑な説明とリポジトリURL 詳しく知りたい場合は別のサイトでたぶん死ぬほど書いてる Rea…

Illegal invocationエラーとは

最近javascriptでちょっとしたツール作ってたら 初めて見たエラー出た Uncaught TypeError: Illegal invocation なにこれ ちょっと調べてみると安定と信頼のstackoverflow様 stackoverflow.com 何回も書くのめんどくさくて const $ = document.querySelector…

FRONTEND CONFERENCE 2016の自分なり簡潔まとめ

FRONTEND CONFERENCE 2016に行ってきました kfug.jp すごい簡潔にですが忘れないうちに自分の感想を 写真撮るの完全にわすれたので文字だけ 見たもの Are you a Designer or an Engineer? 大型フロントエンド開発におけるTypeScriptとDDD gulp ベストプラク…

javascriptのhoistingを今更理解した

javascriptをもっと知りたくて 開眼! JavaScript ―言語仕様から学ぶJavaScriptの本質 を読んでます 開眼! JavaScript ―言語仕様から学ぶJavaScriptの本質作者: Cody Lindley,和田祐一郎出版社/メーカー: オライリージャパン発売日: 2013/06/19メディア: 単行…

mongoose4.4.2をrequireしたらエラーが出た

今やっている開発でmongoose*1を使って開発してたらよくわからないエラーが出た話です エラー $ node -e "require('mongoose')" [TypeError: Cannot read property 'Kerberos' of undefined] mongooseをrequireするとエラーが出るっぽい (書いたコードが悪い…

nvmのインストール時にprogress-barを出さない

とある環境でnvmを使うことになったのですが nvm installを実行した時に出てくるプログレスバーでログが流れてしまった nvmでnodeインストールする時のプログレスバーって非表示にできないのだろうか— ゆず@む〜〜〜ん (@yuzu_441) 2016, 1月 31 どうも気に…

videoタグの動画を切り替える

動画を扱うものを作るときに、webであればvideoタグを使うことで簡単に動画を扱うことができます developer.mozilla.org 今回はこのvideoタグを使って動画をwebブラウザで再生し 動画をJavascriptで切り替えるのをやってみたいと思います 動画再生 まずは動…

es2015のコードがブラウザで動くようにいろいろしてみた

ブラウザ用にes6コード書くなら、どうやるのがいいんだろうか— ゆず@HR7 (@yuzu_441) December 11, 2015 普段Node.jsのコードとかしか書いてないから es2015のコードをブラウザでどう動かすのわからなくていろいろ調べたのと Babelが6になってよくわかってな…

es6のMapをJSONに変換

ES6で追加されたMapオブジェクトをJSONにstringifyしたくて調べた developer.mozilla.org とりあえずやってみた(失敗) とりあえずJSON.stringifyにmapオブジェクト渡してみる let m = new Map() m.set('key', 'val') console.log(JSON.stringify(m)) //=> …

Javascriptの新しい教科書を読んで、自分とJsについて見つめなおした

Javascriptとの出会い 専門学校に入学した時にこの本でJavascriptと出会った (新)JavaScriptワークブック―ステップ30 (情報演習 13)作者: 相澤裕介出版社/メーカー: カットシステム発売日: 2011/12メディア: 単行本 クリック: 2回この商品を含むブログ (1件)…

nodebrewでnodeが301レスポンス返ってきてインストールできない問題のとりあえずの対処法

node.js v4.0.0 ついにnode.jsの4.0.0がリリースされましたね そういえばインストールしてなかったなと思いインストールした フォイ! pic.twitter.com/8cHuURmNR5— ゆず (@yuzu_441) 2015年9月10日 本題 gitbookを使おうと思って、gitbook-cliをインストー…

hubotスクリプト作ってnpmに公開してみた話

学校でアウトプット大事だと言われたので 久しぶりに更新します 概要 最近hubotにはまっています。CoffeeScript使って簡単に拡張できるのがいいですね hubotの導入方法や使い方などを調べていて ping やら img keyword などいろいろ動かして見ているとhubot-…

angular1系のコードを分割してbrowserifyで結合した話

重要 よくわからないまま とりあえず分割して動いたので記事書いてます なのでこれが最善だとは思ってません むしろ「これダメじゃないの?w」とか思ってます^^; 本題 初めてのangularでコードを書いていて とりあえずコードをカキカキしてたんだけど factor…

SublimeTextのJoinLines機能

突然ですが、エディタは何をお使いですか Vim? Emacs?? そうですねSublimeTextですね(・∀・) ちょっとJavascriptのテストするために ブックマークレットを書いていて改行消してー とかの1行にする作業めんどくさいし YUI Compressor取ってきてやるかーとかも…

arrayオブジェクトの要素をdistinctする

Javascriptの配列をdistinctしたくて 下記のサイト見てメソッドないかなーと思ったけど、メソッドはないっぽい Array - JavaScript | MDNはてなブックマーク- Array - JavaScript | MDNというわけでdistinctのやり方調べたのでメモ サンプルコード arr = [1,…

Yeomanとかgulpとか、Bower始める前に知っておいたら良さそうなこと

gulpとかBowerを勉強してて その勉強したものを整理してメモとして残そうと思ったんだけどyoがディレクトリ構成を自動で作ってくれる人で gruntがタスクランナー(ビルドする)人で bowerが依存関係管理する人なの?— ゆず@石油王になりたい (@yuzu_441) 201…

jQueryを使わずにappend, prependをやってみた

jQueryのappendとpropendを jQuery使わずにやる方法調べたのでメモ ulのリストに追加してみる 挿入するリスト まず挿入するリストのサンプルです <ul id="list"> <li>サンプル1</li> <li>サンプル2</li> <li>サンプル3</li> </ul> リストの最後に要素追加 まずこのリストの最後に要素追加 jQueryでいうappen…

英語読めないけどlearn.knockoutjs.comをやってみた

英語はbe動詞で挫けた勢のゆずです。 そんな英語読めない私ですが 今日はKnockout.jsを勉強しようと learn.knockoutjs.comのIntroductionやりました。 learn.knockoutjs.comはてなブックマーク- learn.knockoutjs.com僕と同じように英語読めない人は トップ…

querySelectorAllで取得したものをforEachする

Javascriptのdocument.querySelectorAllで取得したオブジェクトを forEachするやり方を調べたのでメモ とりあえずよくある for(var i in obj){}これダメだった objのプロパティの数だけ回ってしまって、求めてる動作と違った 求めてる動作をさせるには var l…

PBB Sidebarのバグfix

とある開発でPBB Sidebarとやらに出会いました本サイトではもう配ってないらしく よく見つけたな…って感じなんですがこちらのサイト様が使い方からライブラリの配信までしてくれてます 開閉するサイドバーを作成する「PBB_SideBar」 | HOME > 2011年の記事 …

javascriptのprototypeというかnew

JavaとObjective-Cのタスクを抱えながら javascriptの勉強してるゆずです 勉強するにあたってslideshareで検索かけたら 最強オブジェクト指向言語 JavaScript 再入門!に出会いました 最強オブジェクト指向言語 JavaScript 再入門! from Yuji Nojima 時間無…

javascriptのminify化

ふとjavascriptをminify化するコマンドとかないの?と思って調べたのでメモ 今回の目的 MacでYUICompressorを使ってJavascriptをminify化!!みにふぁいかとは|ホームページ制作、WEB制作で使う用語集 みにふぁいかとは|ホームページ制作、WEB制作で使う用…