ぼほーらぼ
Tag – javascript
9 posts tagged with "javascript" (See all tags)

NNuxtでchrome debuggerを使ってみた

2019-06-08T03:09:06.485Z1 Min Read — In javascript

目次はじめに設定まとめはじめに今回はVS codeのchrome debuggerを使ってデバッグしてみたのでその記録を残しておく。設定最初にchrome debuggerをインストールnuxt.config.js内のwebpackの拡張で以下のコードを追加次に左側のデバッグアイコンでメニューをデバッグ画面に切り替え左上にセレクトフォームがあるのでそこからadd configurationを押してchromeを選択するlaunch.jsonに以下のコードを貼り付けwebroot…

TTypescriptでJSXでdefaultPropsをサポートしてくれたので試してみる

2019-06-08T02:39:13.780Z1 Min Read — In javascript

目次はじめにやってみるまとめはじめに今回はTypescriptで新しく導入されたrestとspreadに配列で型付けを試してみたいと思います。やってみる今までの書き方は以下のような感じ。interface中で!をつけていないとエラーが出てしまう。なぜなら静的なデフォルトの値が入る前に型判定が行われていまうからだ。そうすると中身がnullになってしまう。そこで!をつけてnull…

VVueでガントチャートを実装する

2019-06-08T01:31:21.030Z6 Min Read — In javascript

目次はじめに導入手順まとめはじめに現在プロジェクト管理ツールを作成中です。そこでガントチャートを導入したかったので今回は導入メモになります。今回利用したツールはこちらになります。Gantt-elasticこのGantt-elasticを利用してガントチャートの導入をしてみましょう導入手順まずはGantt-elasticをインストールします。今回はheader…

RReact Meetupに参加してきたので内容をまとめてみた

2019-05-30T00:56:09.018Z2 Min Read — In event

目次はじめにReactの情報収集Story BookCSS in JSReactのhooksSSRbundleするファイルを減らすまとめはじめに今回はReactのMeetup、勉強会に参加してきました。今回はそこで学んだ知識を記録に残していきます。Reactの情報収集基本的には1次資料を探しましょう。特に公式ドキュメントや開発メンバーのTwitterやブログには要注意です。他にも参考になるものとしてはReactを学ぶ上で特に参考になります。Facebook…

GGatsbyのブログに目次を追加する

2019-05-19T05:29:23.205Z1 Min Read — In javascript

目次はじめにgatsby-remark-tocの設定まとめはじめにブログを見やすくして、構造化させるのに必須の項目「目次」を設定したのでその方法を記録に残したいと思います。いちいち自分でマークダウンの目次を書くのが面倒くさいので自動で目次を生成してくれる良さそうなプラグインないかなと思いました。最初はgatsby-transformer-remarkに標準で搭載されている機能を利用しようとしたのですが、リンクがうまく効かずに404エラーが出てしまっています。そこで今回利用したのが「gatsby…

TTypescriptとRedux Formを利用してフォーム処理を実装

2019-05-12T03:03:58.667Z7 Min Read — In javascript

目次はじめになぜRedux Formを利用するのかフォームの仕様実装まとめはじめに現在Typescript、React、Gatsby、NetlifyCMSを利用してこのブログを構築しています。まだお問い合わせ機能ができていないので、今回はそのフォーム処理を実装していきます。フォームを実装するにあたり今回利用するライブラリはReduxとRedux Formです。今回はRedux Formの使い方をメインに紹介していきます。なぜRedux Formを利用するのかまず簡単にRedux…

なぜTypescriptを利用するのか

2019-05-10T02:38:16.625Z2 Min Read — In javascript

目次はじめにTypescriptの特徴静的型付が可能強力な入力補完まとめはじめにこれまでいくつかの記事でTypescriptを使用してきました。しかしまだTypescript自体を紹介したことはなかったで、今回はなぜピュアなJavascriptではなくTypescriptで実装したほうがいいのか紹介していきます。TypescriptTypescriptはaltJSと呼ばれるJavascriptの派生系のようなものです。代表的なaltJSとしてはTypescript,Coffeescript…

TTypescriptでVueの環境を構築する

2019-05-09T09:23:27.163Z4 Min Read — In javascript

目次はじめにVueとReactの相違点開発環境環境の構築まとめはじめに今までReactを用いた開発をしてきましたが、今回はVueで開発を進めることになったので簡単な環境構築と実装をしていきます。VueとReactの相違点まず似ている点から紹介していきます。ReactとVue…

TTypography.jsによるフォントスタイルの設定まとめ

2019-05-01T01:57:22.235Z3 Min Read — In javascript

目次はじめにTypographyTypography の導入設定内容一覧まとめはじめに前回 gatsby-starter-typescript-power-blog を使ったブログを構築しました。Netlify CMS と Gatsby の Typescript Starter を使ってブログを構築しかしこの Starter を使うと記事の見出しに使われる文字の大きさが日本語とアルファベット全然違いました。かなりバランスがおかしいです。私は普段 webpack と font loader…