ゆずめも

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

タイトルの横に線を引きたい

CSS

先に見本を示すとこういう事がしたかった See the Pen タイトルの横に線を引く by yuzu (@yuzu441) on CodePen. 参考にしたもの beatdjam.hatenablog.com やりたかったこととの差 参考にさせていただいた例では左右に線を引いて文字を真ん中に持ってきていて…

数年振りにcssについて調べてsassを書いてみた

CSS

久しぶりにWebページを作る仕事が来て js関連は調べてるけど、css関連は全く知らないのでcss周りについてちょっと調べた 情報収集 とりあえずパイが多いやつってなんなんだろうと思って調べた ashleynolan.co.uk PostCSSはなんかbabel的なやつでしょという理…

dockerでフロントの開発環境を作ろうとした話

こんにちは、ソウルジェムが日々濁っているゆずです タイトル通り今回は開発環境をdocker化しようとした話なんだけど結果的に実現できず妥協したので、いい方法知ってる人はtwitterなりで教えていただけると嬉しいです tl;dr ローカルでyarn installして、ビ…

react-chartjs-2の線の太さを変更する

なんかドキュメントとして載っている箇所を見つけられなかった*1 github.com これをダウンロードしてnpm run examplesを実行した結果で動作を確認する 変更方法 examples/src/components/line.jsの中の、datasetsプロパティの中にborderWidthを設定して値を…

CognitoをNode.jsから使ってTokenを手に入れる

aws

AWS勉強しといて(自腹)という死ぬほど雑な支持を会社から受けて、数日が経ちました どうも、6月の請求額が0円で安心したゆずです cognitoとは Amazon Web Serviceが提供する認証サービス https://aws.amazon.com/jp/cognito/ モバイルだったりWebサービス…

AWSを触り始めた

aws

世間はAWS Summit Tokyoで盛り上がってますが、大阪の真ん中らへんで日報と戦っていますゆずです。 会社から「AWSとAzure両方できるやつがほしい」と言われ AzureかAWSならAWSかなーコミュニティ楽しそうだしって感覚でGCP派ですがAWS始めました。 (GCPって…

redux始めました

最近ちょっと時間ができたのでreact context api触ってみたり、MobX触ってみたりしてます。 ちゃんと書くとMobXか隙間時間でちょこちょこやってたけど、decorator使えるならめっちゃ楽— ゆず (@yuzu_441) 2018年5月15日 しかし会社ではreact + reduxで作られ…

browsersyncを使ってみたら思った以上に便利だった

browsersync使ってますか?死ぬ程今更ですが、使ってみたら思ってた以上のことをしてくれた browsersync.io 最初は更新してくれるだけだと思ってた 最初はファイルの変更検知してブラウザリロードしてくれるだけでしょと思ってたら、リロードしてくれる以上…

reactのテンプレ作った

GWに予定が初日と最終日にしかなくて、いつも通り映画を見て過ごしているのですが 映画見てるだけだと手持ち無沙汰なのでreactでなんかやってみようと思ったけど、create-react-app使いたくなかったのでwebpackの設定とか入ってるテンプレ作った github.com …

社内LTを企画して発表してきた

最近tech文化?っぽいものが足りなくてなんかできないかなーと思ってたらプロジェクターがあること教えてもらったので 社内LT大会を企画して発表してきました https://yuzu441.github.io/slides/20180326-lt_tech/ 第1回目として、これから参加してくれる人…

prettier + tslintを使ってみる

今話題のフォーマッターprettierを仕事のプロジェクトに導入したくてtslintとの組み合わせ方について調べた とりあえず必要なものを入れる yarn add -D tslint prettier tslint-plugin-prettier tslint-plugin-prettier github.com Runs Prettier as a TSLin…

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…

今年読んだ本 2018

色々読むけど1年間で何を読んでるのか気になったので 今年読んだ本を随時更新予定 漫画は1巻だけ載せる 技術書 デザイン入門教室[特別講義] 確かな力を身に付けられる ~学び、考え、作る授業~ (Design&IDEA)作者: 坂本伸二出版社/メーカー: SBクリエイティ…

言語処理100本ノック for Rust始めました

Rust書きたい欲はあるのに、いい感じの題材がなかったので言語処理100本ノックをやり始めました 1日1問ペースなのでまだ3問目までしかやってないけど github.com www.cl.ecei.tohoku.ac.jp Rust力低すぎて全然コンパイル通らないから、すごい苦戦してるけ…

Rustの配列操作

大抵の言語で配列やリストだったりを操作することが多いので、新しい言語をやるたびに毎回そこらへんをまず調べるようにしてるのでRustでも調べてみる ちな過去記事 c# yuzu441.hateblo.jp python yuzu441.hateblo.jp 本題 とりあえずc#でもやった以下の4つ…

Rustでfizzbuzz

Rustを勉強しようと思ったけど、何からするか思いつかなかったので、とりあえずFizzBuzzやってみた 適当にcargo newした project自体はcargo newで作った 自分で書いたもの 雰囲気でRustを書いたらこんな感じ fn main() { let list = 1..31; for x in list {…

neovimにLanguageClientをインストールしようと思ったらハマった

Rustを書く際にIntellij IDEA使ってるけど、Jetbrainsは自前で補完とか作ってるので rlsを試してみたくてneovimにLSPのクライアントをインストールしようと思ったらハマったのでメモ インストールまではできてる!って人は原因と解決法まで読み飛ばして欲し…

Play Framework 2.6のRouting

今年はアウトプットを増やす年に使用って目標立てたので、何でアウトプット増やすのかって話になってScala + Playを触ってみてる*1 今回はPlayのRouting設定のメモ 書式 Playのroutesはconf/routesに書く 書式は METHOD PATH 紐付ける関数 # 例: ルートにInd…

2017年振り返り

前回立てた目標 英語とScalaやっていこうなって話だった yuzu441.hateblo.jp 英語は会社の関係で英会話みたいなのが始まったし、scalaほんとちょっとずつだけど触っていってる*1 html5 conf yuzu441.hateblo.jp 今年も会社のお金でHTML5 Conferenceに参加し…

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

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

skinny frameworkのh2 databaseの場所と中身を見る方法

皆さんJava書いてますか? 最近仕事でJavaのコードを読んだり書いたりする機会ができてHoge h = new Hoge();のようなコードがいっぱい出てきて ここ最近TypeScriptばっかり書いてきた身としてはめんどくさいったらない。。 会社的にはJavaを使う機会が多いけ…

Google Homeでテレビ消せるけどつけれない問題解決した

「OK Google テレビ消して」はできるのに 「OK Google テレビつけて」は「起動に失敗した製造元に確認して」的なことを言われて電源付かなかった 仕事から帰ってきてテレビの設定弄ってたらできるようになったので紹介 tl;dr テレビのHDMIの設定で電源がOFF…

Google Homeのマルチユーザー設定でハマった

今話題のGoogle Homeを買ってきました ビックカメラだと2台で2万円で買えるらしいですが、友達がいないぼっちなのでchromecastが無料でもらえる方にしました 適当に日本語で設定を済ませて、乃木坂46の"いつかできるから、今日できる"が再生できるのを確認し…

HTML5 Conference 2017に参加してきた

実は去年も参加して今年で2回目の参加でした events.html5j.org 聞いたもの 基調講演 Nintendo SwitchとWeb これからはじめるAngular 詳解 WebRTC Web 技術とブラウザ ーいま知っておくべき Web 最新動向ー まあまあ最近のCSSと、これからつらくなくなるため…

vscodeのお引っ越し

vscodeをinsiderにしてみようと思い vscodeからvscode insiderにお引っ越しした code.visualstudio.com プラグインの引っ越し 一つずつ探して、インストールしていくの面倒だと思ってたら楽に移行できる方法を見つけた 前提 以下の記事を参考にvscodeとvscod…

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

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

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

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

rustupのアンインストール方法

ふとrustupをアンインストールしようとしたら何したらいいんや— ☃️ゆず☃️ (@yuzu_441) 2017年3月22日 インストール方法はいろんな所で書いてるけど、アンインストールってどうやるのかなって気になった やりかた よく見たら普通に書いてた github.com rustup…

LINQによる配列操作

家にはmacとchromebookしかないのでc#とは関わりがないのですが 会社に行くとc#を書くお仕事なので、c#の特徴でもあるLINQについて調べたことをjsと比較しながら学びたいと思います LINQの種類 メソッド式 var ary = {1, 2, 3}; var result = ary.Where(x =>…