投稿

8月, 2017の投稿を表示しています

Veturのエラー解決

Veturでエラーが出た Issueが上がってた https://github.com/vuejs/vetur/issues/327 Error : Cannot find module '@emmetio/extract-abbreviation' VSCodeで表示→出力から見れる Issueにあった解決法 veturのディレクトリでnpm installをする vscodeを再インストール 上は変わらなかったし、下はめんどかった VeturをアンインしてVSCodeを再起動、 VeturをインストールしてVSCodeを再起動 で解決 おしまい Veturってなんて読むんですかね、べちゃーですかね いまとあるものを制作中なので、そのあとまたブログ書きますねばいばい

色を決めるときのツールまとめ

イメージ
色を決めるときのツール 特に御託はねえ! HUE/360 https://hue360.herokuapp.com/ 適当に好きな色をピック 選んだアクセントカラーに合わせて、合わない近い色等が自動でフィルターされる Colormind http://colormind.io/ 自動で五つの色が生成される いくつかを自分の好きな色に固定できる Templatesで 見た目の確認 Image Uplaodで 写真から自動生成 たしかAI系の記事で見かけた気がする MATERIAL DESIGN COLOR TOOL https://material.io/color どのタイプの色なのか選んで、 いろをひとつ選ぶ マテリアルアイコンと同じサイトですねすごい 「~10選!」系ではないのでこんなもんです みなさんが普段使っているものとかあればコメント欄で教えてください、追加するかも

日記#2

イメージ
つらい現世をつらい選択で生きる ARC081 すっかり忘れて30分後ぐらいから参加し、2完でした 残りの二問は、ちょっと最近、とある大会の関係で時間がないので、それが終わってから確認しようと思います 案の定下がりました 楽しみだったのですが、作業がなかなか進んでいなかったので…晩ご飯を食べる時間もなく作業してた… このブログのスタイルも、少し落ち着きましたかね スタイルをじゆうにいじりたいとは思うんですが、 BloggerのテンプレートのHTMLの謎記法、というかあれを触ろうとすると重くて、 しかもぶっ壊れてしまいそうだから、 おいそれとは触れない… まだファビコンはないでね 好きな歌い手のグループが 解散してました。 REOL というグループです。 れをる含む、ギガPとお菊のグループです。 ニコニコ百科の下の掲示板は意外に何も書かれていなかった 別に解散はショックではないし、この三人のライブに行ったわけでもないし、「発展的解散」と行っているから嬉しく受け取る でーもなんか、れをるのフォローをチェックしていた信者がフォローが減ったのを確認したらしい で、ブロ解したと少し囁かれていた BBKのことブロ解て言われると、いままでブロックしていたのかと思ってしまうのだが、ブロ解のほうが一般的なのか? この解散、れをるの闇的なものを感じるような気がする(ツイート数すっごい減ってた) けど言いだしたのはお菊なのだとか ライブにも行けないし、目に見える活動はニコ動くらいなので次の投稿を待つぐらいですかねー ギガちゃんのツイッターは結構頻繁に更新されるけど音楽人特有の意味わからなさが占めている(褒め言葉) どうでもいいけど、 LINEブログのれをるの拙い感じがとてもいいよね!w さっき インスタのれをる みたけどめっちゃ可愛い← 音楽する人って何考えてるかわからないなぁー 最近知ったおすすめ歌い手 歌い手とても好きなのですが、とてもいい歌い手を見つけられました 聞いたとき感動しました その歌い手は… 宮下游という方です ニコ百科 歌マイリスト Twitter@miy_yuu もこう先生とFFなんだーとおもったけど同じニコニコだし知ってても...

Vue+Webpack+なにか

大体のことはAwesome見ればいいというものではなく、 Vue+Webpackをカスタマイズする記事です! Vue+Webpack+なにか vue-webpack-boilerplate をとりあえず入れる Vueコンポーネント が基本になっている 使い方は簡単、vue-cliがしてくれる $ npm install -g vue-cli $ vue init webpack my-project $ cd my-project $ npm install $ npm run dev Hot-Reloadingやエラーの表示など嬉しい 個人的な各種調整 これらは好み Webpack importのaliasの扱いだけど、 Vueコンポーネントの時ぐらいにしようかなーと思うので webpack.base.conf.js - '@': resolve('src') + '@': resolve('src/components') にする 例えば router/index.js なら - import Hello from '@/components/Hello' + import Hello from '@/Hello' のようにかける 楽にかけるというよりか、相対指定することでVSCodeの静的解析が行われるようにしている .editorconfig はなんとなく [*.md] trim_trailing_whitespace = false を付け足す。 ESLintに関してはStandardが好きなのですが、 癖でダブルクオーテーションで書いたりして、 それをEslintのFixでパチンと一発で直していたのですが、 Vueファイルに対してはできなく、赤線で指摘されるのはかなりストレスなので、 Standard をwarnに変換したものをちょっと改変して使ったりします 実際には my-standard.json などとして、extendsで相対指定をしてプロジェクトに合わせて上書きをするといった感じです .eslin...

日記#1

日記#1 ブログ選定を終えて、心が落ち着きました 競プロの自己満足記事を増やしていこうかな メール自動送信で苦労した Herokuというホスティングサービスがあるんですが、 ちょっとアプリを作ってみようかなーと思って、 ブログを自作で作って、結局使うのをやめたという事態 その際、メールの自動送信を実装しました Gmailのsmtpを利用しての送信、自分のPCからはメールが飛ばせたのですが、 Herokuのリージョンは海外しかなく、海外からログインするとどうもダメみたいですね もともとセキュリティを一段階弱い設定をしなければならないのですが、 その状態でもこのセキュリティ、さすがGoogleとしか言えませんね いまはほぼ自動Tweetを一日二回するだけの無意味な常時稼働鯖となっています (本当はケモフレとごちうさの再生数自動比較を実装してるんだけど、これも海外が理由でおそらく正常にデータを取れてない) 近日中にアプリを組みたいなーちょっと時間ないかなー どっちにしろメールないと認証とかめんどいなー 救われたい(せつじつ) MailGun SMS認証で思考が止まりました(ない) 本紹介とアプリ紹介もやろうかな CombNaf2 やるらしいですねめっちゃいきだいい 12/17(日)ですか、僕の学校も多分日曜なら空いているでしょうきっと(手元にカレンダーがない) 埋まってしまっては悔しいので早めに予定を確認しておきますか(許可が下りるか怪しいですが) いやーまじかっけーーCombNaf そして 多分行けないですね、前後の日学校なので(´;ω;`) ていうか東京遠いので またいつか(続けてください!) watching anime 今季は全然みてない スマホで異世界に突っ込む奴をちょびちょび見ている TLに流れてくる面白そうなアニメを消化していくことのほうが最近は多いかな ふぁびこーん まだ設定してないんだよねー(デフォルトのまま) どんなのにしようかなー 「L」を使ったなにかとかかな いまではNPMをだいぶ使えるようになってきましたが、gitを触ったりしたのは高校一年からでしたか… そうだった、中三のときにはまだgi...

SRMチャレンジ

イメージ
SRMチャレンジ SRMってのをしたいんだけどどうやって登録するのかなかなか難しい 登録が最難関って耳にしたこともあるくらい トップコーダー登録チャレンジ https://www.topcoder.com/ にいって、 「I want to join Topcoder」から 「BECOME A MEMBER」を押せば 難なく行けますが、登録リンクはこちらです→ https://accounts.topcoder.com/member/registration スクショを貼るので見比べてみてください GitHub,Google,Facebookのアカウントでも登録ができるようです (※)英語が読めませんか? SRM全部英語なので英語の勉強からしましょう。 ちなみに、 トップコーダーの最初のページで「I want to get work done」を選んで迷宮に入っちゃう感じなのかな ほかには、CustomerMemberとCommunityMemberがあるとかないとかでもうシステムがわからない(わからない) ログインチャレンジ 簡単です。メールのverifyとか終わったら、 https://accounts.topcoder.com/member からどうぞ SRMどこどこチャレンジ https://www.topcoder.com/my-dashboard/ に飛ばされると思います 変更されるかもしれませんが、その時は大体同じ感じのものを。 「Compete」にホバーして 「COMPETITIVE PROGRAMMING」 僕も実はよくわかっていないんだけど、(え?) エディタはよくアプレット版とHTML版があるって聞きます この方法だとたーーーーぶん、HTML版を使っていることになるんだと思います ちなみに「ALL CHALLENGES」に「SRMs」というボタンがあったので押してみると、同じページが開きます。 競技アリーナチャレンジ そして開きましたは、アリーナ。 正直意味が分からないまま記事書いてる 来週ちょうどSRMあるので、実際の参加方法をどうにかスクショしながらおさえられないかな~と思います。 とりあえず、上にある「Practice Problems」を開いてみます ...

PHP->JSの変換は実践的に使える!?

イメージ
PHPがJSに変換できる!? babel-preset-php というのが出たそうです。 Qiitaで見ました-> PHP って JavaScript に変換できるの?できるわけないだろ! babel-preset-php ってのが今日リリースされた?これまさか・・・。ファーーーーーーーーーーーwwwwwwwwwwww 相変わらず長いタイトルです… いやでもこれはすごい!確かにすごい! CrayonHighlighterのコードが変換したい かねてから変換したいなーと思っていました aramk/crayon-syntax-highlighter もともとWordPress向けで、WPであればプラグインをインストールするだけで使えます Readmeにも書いてある通り、PHPであればどんな環境でも使えます その使い方については別記事に書きます! こんなのをブログに埋め込める 報告程度なので詳細は省きます! 変換! 重要そうなファイルはcrayon_~.phpってやつで、wpが入ってないやつだと思うんだ(適当)(気軽にPHP試せる環境がない…) 変換をしただけだがエラーが… 例えばこれをトランスパイルすると test.php class Hoge { function fuga ( $x ) { self :: $bar [ $x ]; } } 以下のエラーが TypeError: file .php: Got a MemberExpression for MemberExpression property at Generator.MemberExpression (略) 何言ってるかわからないというか、何のエラーかわからない。 コメントアウトを駆使して、二分探索でエラーの原因コードを突き詰めたのが、上の test.php というわけです。 以下のように修正すればトランスパイルは通ります class Hoge { function fuga ( $x ) { self :: $bar -> $x ; // もしくは ( self :: $bar )[ $x ]; } } ...