#
Git
Press
Login
Tag
#
javascript
Tagged
Posts
hmdknt
@ 2019/02/07
Say Hello to the world
Welcome to GitPress. This is your first post.
FukeKazki
published in
collection
@ 2020/01/03
React HookでTodoアプリを作る
React16.8で追加されたフックを使ってTodoアプリを作ります.\フックを使うとクラスコンポーネントをファンクショナルコンポーネントに書き換えることができ, 綺麗なコードにすることができます.Hookについて[公式]\
FukeKazki
published in
collection
@ 2020/01/08
querySelectorAllで取得した要素は配列ではないらしい
同じクラス名のやつとってきてループ処理したい!const dom = document.querySelectorAll("クラス名");dom.map((x) => {
FukeKazki
published in
collection
@ 2020/03/04
useRefの使い方がわからん
useRefについての考察です.簡単なフォームを例として作成します.\このときは入力される文字列をstateとして持ち, onChangeメソッドで常時 set することで実装します.\
FukeKazki
published in
collection
@ 2020/03/08
React Movie Search を TS で.
2020年フロントエンドマスターになりたければこの9プロジェクトを作れに載ってある,[How to build a movie search app using ReactHooks](https://www.freecodecamp.org/news/how-to-build-a-movie-search-app-using-react-hooks-24eb72ddfaf7/)を参考にしながら,
FukeKazki
published in
collection
@ 2020/03/11
React Native Styleをいい感じに
React Nativeでアプリ開発をするとき, UIライブラリーとして NativeBase 等を使うと思います. そのとき素のままではなくしっかりとStyleをあてることで一気にアプリ感(語彙力) がでて, 開発モチベーションも上がります.native-base (公式)\
FukeKazki
published in
collection
@ 2020/04/21
JavaScript 配列内のオブジェクトの更新ってどうする?
const persons = [{name: 'fukke', age: 18},{name: 'momoko', age: 20},
FukeKazki
published in
collection
@ 2020/04/22
ReactNative StopWatch作るの結構むずい
ストップウォッチ作るコードってラップ機能付きだとあまりないし, React Hooksってなるとほんとに見つからないよね
FukeKazki
published in
collection
@ 2020/04/28
Next.js GitPressのRSSを取得して自分のサイトに表示する
Next.jsのアップデートでSSG(Server Side Generate)が追加され,ポートフォリオサイトをNext.jsで書き換える機運が高まっております。\ポートフォリオにはブログ情報を載せたいですし,
FukeKazki
published in
collection
@ 2020/05/01
Node.js アスキーアートで遊ぶ
ときにはなんの意味のないことしたくなるよね。\ただAAを表示させるだけですよfiglet(GitHub)\
FukeKazki
published in
collection
@ 2020/05/02
デバッグ関数とかnullチェック関数をutil/index.tsにおいとけば楽なことに今頃気づいた。
いつもデバッグの時は console.log(typeof content, content)とかやってたけど書くのめんどくさいし,utilに入れときゃいいじゃんってなりました。\なので, debug関数をいい感じに実装したのでその解説です.
FukeKazki
published in
collection
@ 2020/05/08
styled-components と material-ui でダークモードを実装する
まず、ダークモード時とライトモード時での配色を定義します。\createMuiThemeでmaterial-uiの配色を継承して自分の配色を定義できます。ダークモード時のテーマにtype: 'dark'とすることでmaterial-uiが定義してくれているダークモードの配色を使うことができます。\
FukeKazki
published in
collection
@ 2020/05/16
TypeScript JavaScriptでAtCoderする
ってことでTypeScriptで競プロをやってみました.C++やC以外で競プロをするときに気になるのはやはり入力の仕方です.\C++やCの場合は都度入力ができるのですが、TypeScriptの場合は最初に全ての入力を受け取り、それをパースして変数として使っていくっていう形になります.\
FukeKazki
published in
collection
@ 2020/05/23
ブラウザからジャイロセンサーを使ってみる
こちらのツイート参照https://twitter.com/fukke0906/status/1264081934856019970検証環境\
FukeKazki
published in
collection
@ 2020/06/01
JS 画像のアップロード、プレビュー機能を実装
<label for="image">アップロードする画像を選択してください。</label><input type="file" id="image" accept="image/*" name="image" multiple> <div class="container"></div>
FukeKazki
published in
collection
@ 2020/06/13
Gatsbyを触ってみたってお話
Webサイト高速化のための-静的サイトジェネレーター活用入門という本を購入しました。https://twitter.com/fukke0906/status/1270199376900579328?s=20
FukeKazki
published in
collection
@ 2020/06/18
「数値から各桁の値を取り出す処理」って言われたら数学的な処理が一番に思い浮かぶけど、JSならそんなことなかった。
仕様入力: 数値 number出力: 各桁の値の配列 number[]
FukeKazki
published in
collection
@ 2020/06/19
Callback時代の関数をPromise化する
node.jsの標準モジュールにはcallback時代の関数が多数存在します。例えば fs.writeFile()https://nodejs.org/api/fs.html#fs_fs_writefile_file_data_options_callback
FukeKazki
published in
collection
@ 2021/03/19
コンポーネントを作るときに気をつけてる2つのこと
当たり前のことすぎて誰も教えてくれなかった。
FukeKazki
@ 2020/01/03
React HookでTodoアプリを作る
React16.8で追加されたフックを使ってTodoアプリを作ります.\フックを使うとクラスコンポーネントをファンクショナルコンポーネントに書き換えることができ, 綺麗なコードにすることができます.Hookについて[公式]\
FukeKazki
@ 2020/01/08
querySelectorAllで取得した要素は配列ではないらしい
同じクラス名のやつとってきてループ処理したい!const dom = document.querySelectorAll("クラス名");dom.map((x) => {
FukeKazki
@ 2020/03/04
useRefの使い方がわからん
useRefについての考察です.簡単なフォームを例として作成します.\このときは入力される文字列をstateとして持ち, onChangeメソッドで常時 set することで実装します.\
FukeKazki
@ 2020/03/08
React Movie Search を TS で.
2020年フロントエンドマスターになりたければこの9プロジェクトを作れに載ってある,[How to build a movie search app using ReactHooks](https://www.freecodecamp.org/news/how-to-build-a-movie-search-app-using-react-hooks-24eb72ddfaf7/)を参考にしながら,
FukeKazki
@ 2020/03/11
React Native Styleをいい感じに
React Nativeでアプリ開発をするとき, UIライブラリーとして NativeBase 等を使うと思います. そのとき素のままではなくしっかりとStyleをあてることで一気にアプリ感(語彙力) がでて, 開発モチベーションも上がります.native-base (公式)\
FukeKazki
@ 2020/04/21
JavaScript 配列内のオブジェクトの更新ってどうする?
const persons = [{name: 'fukke', age: 18},{name: 'momoko', age: 20},
FukeKazki
@ 2020/04/22
ReactNative StopWatch作るの結構むずい
ストップウォッチ作るコードってラップ機能付きだとあまりないし, React Hooksってなるとほんとに見つからないよね
FukeKazki
@ 2020/04/28
Next.js GitPressのRSSを取得して自分のサイトに表示する
Next.jsのアップデートでSSG(Server Side Generate)が追加され,ポートフォリオサイトをNext.jsで書き換える機運が高まっております。\ポートフォリオにはブログ情報を載せたいですし,
FukeKazki
@ 2020/05/01
Node.js アスキーアートで遊ぶ
ときにはなんの意味のないことしたくなるよね。\ただAAを表示させるだけですよfiglet(GitHub)\
FukeKazki
@ 2020/05/02
デバッグ関数とかnullチェック関数をutil/index.tsにおいとけば楽なことに今頃気づいた。
いつもデバッグの時は console.log(typeof content, content)とかやってたけど書くのめんどくさいし,utilに入れときゃいいじゃんってなりました。\なので, debug関数をいい感じに実装したのでその解説です.
FukeKazki
@ 2020/05/08
styled-components と material-ui でダークモードを実装する
まず、ダークモード時とライトモード時での配色を定義します。\createMuiThemeでmaterial-uiの配色を継承して自分の配色を定義できます。ダークモード時のテーマにtype: 'dark'とすることでmaterial-uiが定義してくれているダークモードの配色を使うことができます。\
FukeKazki
@ 2020/05/16
TypeScript JavaScriptでAtCoderする
ってことでTypeScriptで競プロをやってみました.C++やC以外で競プロをするときに気になるのはやはり入力の仕方です.\C++やCの場合は都度入力ができるのですが、TypeScriptの場合は最初に全ての入力を受け取り、それをパースして変数として使っていくっていう形になります.\
FukeKazki
@ 2020/05/23
ブラウザからジャイロセンサーを使ってみる
こちらのツイート参照https://twitter.com/fukke0906/status/1264081934856019970検証環境\
FukeKazki
@ 2020/06/01
JS 画像のアップロード、プレビュー機能を実装
<label for="image">アップロードする画像を選択してください。</label><input type="file" id="image" accept="image/*" name="image" multiple> <div class="container"></div>
FukeKazki
@ 2020/06/13
Gatsbyを触ってみたってお話
Webサイト高速化のための-静的サイトジェネレーター活用入門という本を購入しました。https://twitter.com/fukke0906/status/1270199376900579328?s=20
FukeKazki
@ 2020/06/18
「数値から各桁の値を取り出す処理」って言われたら数学的な処理が一番に思い浮かぶけど、JSならそんなことなかった。
仕様入力: 数値 number出力: 各桁の値の配列 number[]
FukeKazki
@ 2020/06/19
Callback時代の関数をPromise化する
node.jsの標準モジュールにはcallback時代の関数が多数存在します。例えば fs.writeFile()https://nodejs.org/api/fs.html#fs_fs_writefile_file_data_options_callback
FukeKazki
@ 2021/03/19
コンポーネントを作るときに気をつけてる2つのこと
当たり前のことすぎて誰も教えてくれなかった。
haohuan
published in
技术资料与分享总结
@ 2017/08/02
assign、extend 和 merge的区别
最近在coding 的时候经常看到 lodash.assign, Object.assign, lodash.extend,lodash.merge、$.extend、 $.merge 这些函数, 这些函数名的字面意思看起来都很相似,好像都是合并对象,但究竟有什么区别呢?
haohuan
@ 2017/08/02
assign、extend 和 merge的区别
最近在coding 的时候经常看到 lodash.assign, Object.assign, lodash.extend,lodash.merge、$.extend、 $.merge 这些函数, 这些函数名的字面意思看起来都很相似,好像都是合并对象,但究竟有什么区别呢?