サクサク読めて、アプリ限定の機能も多数！アプリで開くはてなブックマーク閉じる ●はてなブックマークって？●アプリ・拡張の紹介●ユーザー登録●

はてなブックマーク

総合 ●人気 ●新着 ● IT ● 最新ガジェット ● 自然科学 ● 経済・金融 ● おもしろ ● マンガ ● ゲーム ● はてなブログ︵総合︶一般 ●人気 ●新着 ● 社会ニュース ● 地域 ● 国際 ● 天気 ● グルメ ● 映画・音楽 ● スポーツ ● はてな匿名ダイアリー ●人気 ●新着 ● 新型コロナウイルス ● 働き方 ● 生き方 ● 地域 ● 医療・ヘルス ● 教育 ● はてな匿名ダイアリー政治と経済 ●人気 ●新着 ● 政治 ● 経済・金融 ● 企業 ● 仕事・就職 ● マーケット ● 国際 ● はてなブログ︵政治と経済︶暮らし ●人気 ●新着 ● カルチャー・ライフスタイル ● ファッション ● 運動・エクササイズ ● 結婚・子育て ● 住まい ● グルメ ● お金 ● はてなブログ︵暮らし︶ ● 掃除・整理整頓 ● 雑貨 ● 買ってよかったもの ● 旅行 ● アウトドア ● 趣味学び ●人気 ●新着 ● 人文科学 ● 社会科学 ● 自然科学 ● 語学 ● ビジネス・経営学 ● デザイン ● 法律 ● 本・書評 ● 将棋・囲碁 ● はてなブログ︵学び︶テクノロジー ●人気 ●新着 ● IT ● セキュリティ技術 ● はてなブログ︵テクノロジー︶ ● AI・機械学習 ● プログラミング ● エンジニアおもしろ ●人気 ●新着 ● まとめ ● ネタ ● おもしろ ● これはすごい ● かわいい ● 雑学 ● 癒やしエンタメ ●人気 ●新着 ● スポーツ ● 映画 ● 音楽 ● アイドル ● 芸能 ● お笑い ● サッカー ● 話題の動画アニメとゲーム ●人気 ●新着 ● マンガ ● Webマンガ ● ゲーム ● 任天堂 ● PlayStation ● アニメ ● バーチャルYouTuber ● オタクカルチャー ● 都知事選

﹃Koutaro Chikuba — DEV Community Profile﹄

● 人気 ● 新着 ● すべて

Run crossbrowser e2e testing on GitHub Actions

5users

dev.to/mizchi GitHub Actions can use windows and mac for ci container so I think, "IE11 and Safari work on CI?". Speaking from conclusion, it works! I succeeded to run windows/ie11 mac/safari windows/chrome windows/firefox on GitHub Actions. My working example is here. https://github.com/mizchi/frontend-gh-action-playground Setup I use node.js selenium-webdriver and jest(-ts). // e2e/runWithSelenium.ts import w ● テクノロジー ●2019/09/22 00:09 ●dev ●github ●あとで読む

Minimum flux with useReducer - DEV Community 👩‍💻👨‍💻

10users

dev.to/mizchi Inject state and dispatcher context by React.Context and useContext import React, { useReducer, useContext, Dispatch, ReactElement } from "react"; import ReactDOM from "react-dom"; type CounterState = { count: number; }; const initialState: CounterState = { count: 0 }; function reducer(state: CounterState, action: any) { switch (action.type) { case "reset": { return initialState; } case "increment ● テクノロジー ●2018/11/28 21:23 ●dev

Mount vue component in react with webcomponents

4users

dev.to/mizchi I tried helpers to mount react and vue components via webcomponents. https://github.com/mizchi/wc-helpers My goal is to try micro-frontend. import { vueElementFactory, reactElementFactory, encodeProps } from "@mizchi/wc-helpers"; // register customElements.define("my-react-component", reactElementFactory(MyReactApp)); customElements.define("my-vue-component", vueElementFactory(MyVueApp)); // run c ● テクノロジー ●2018/11/22 08:09 ●あとで読む

redux-workerized - Redux in WebWorker for React and Vue - DEV Community 👩‍💻👨‍💻

4users

dev.to/mizchi I made experimental modules to use redux in worker. mizchi/redux-workerized TypeScript Friendly API Redux.Store in Worker React Hooks API and Vue Plugin Shared Store example Code full code is here https://github.com/mizchi/redux-workerized/tree/master/examples/microfront import "@babel/polyfill"; import { RootState, increment, Increment, INCREMENT } from "./reducer"; const worker = new Worker("./w ● テクノロジー ●2018/11/12 15:34

React starter with 9 lines html

39users

dev.to/mizchi Save this code as index.html and open by your (modern) browser. <div id=root /> <script type=module> import React from 'https://dev.jspm.io/react@16' import ReactDOM from 'https://dev.jspm.io/react-dom@16' ReactDOM.render( React.createElement('h1', null, 'hello'), document.querySelector('#root') ) </script> Enjoy! How it works This is shorthand html file without <html>, <body> and so on. Just <div ● テクノロジー ●2018/06/19 00:20 ●react ●あとで読む ●dev ●html

Static HOC analysis for recompose and redux by flowtype

5users

dev.to/mizchi /* @flow */ import React from 'react' import { bindActionCreators, combineReducers } from 'redux' import { compose, lifecycle, pure, type HOC } from 'recompose' import { connect } from 'react-redux' // reducer const INC = 'inc' const inc = () => ({ type: INC }) type Counter = { value: number } type Action = $Call<typeof inc> const counter = (state: Counter = { value: 0 }, action: Action): Counter ● テクノロジー ●2017/12/20 05:24

Implement your GraphQL server on Firebase Function

3users

dev.to/mizchi Why SPA and Mobile App need just one single endpoint to graphql. This way can not implement subscription with ws backend. I think I don't need it because firestore will resolve it. What I will not write in this article... How to deploy to firebase GraphQL Server implementation webpack / npm install / package.json functions code functions/index.js const functions = require('firebase-functions') con ● テクノロジー ●2017/11/27 11:45

How to build firebase function by webpack

4users

dev.to/mizchi package.json firebase.json functions/ _dist/ # generated by webpack index.js package.json index.js # entry point webpack.config.js // functions/webpack.config.js const pkg = require('../package') const GenerateJsonPlugin = require('generate-json-webpack-plugin') // Set externals that you don't want to build by webpack const externals = [ 'firebase-admin', 'firebase-functions' ] const genPackage = ● テクノロジー ●2017/11/26 21:31

なぜ dev.to がこんなにも速く、こんなにも自分にとって感動的なのか

902 users

dev.to/mizchi 最初にいっておく。これは負け惜しみだ。 SPAとPWAの現状自分は日本でReactの勝手エヴァンジェリストみたいなことをやっていて、SPAの重めのコンテンツをよく作ってるからか、﹁お前らフロントエンドを物事をややこしくして、重いページを量産してウェブを劣化させてるじゃないか！﹂みたいな批判を、名指しでよく受ける。なんで僕にいうかわからないけど、React = SPA みたいなイメージでスケープゴートにされてるんだろう。それはまあいい。自分の仕事でSPA技術を使うところは、ちゃんと必要性もあるし理由も説明できる。ただ、やはり近年の複雑化/重量化について思うところはあるので、逆に振って AMP/PWA という選択肢を持っておきたくて、正直言うと依頼されたR&Dの仕事でもあったんだけど、一通り覚えた。なんだけど、今のところ仕事で使うタイミングがない。 PWA技術を仕事で使えなかった理由として ● テクノロジー ●2017/11/16 10:04 ●pwa ●performance ●spa ●javascript ●web ●あとで読む ●フロントエンド ●amp ●技術 ●react

このページはまだ
ブックマークされていません

このページを最初にブックマークしてみませんか？

﹃Koutaro Chikuba — DEV Community Profile﹄の新着エントリーを見る

キーボードショートカット一覧

j次のブックマーク k前のブックマーク lあとで読む eコメント一覧を開く oページを開く ●総合 ●一般 ● ●政治と経済 ●暮らし ●学び ●テクノロジー ●エンタメ ●アニメとゲーム ●おもしろ ●アプリ・拡張機能 ●開発ブログ ●ヘルプ ●お問い合わせ ●ガイドライン ●利用規約 ●プライバシーポリシー ●利用者情報の外部送信について ●ガイドライン ●利用規約 ●プライバシーポリシー ●利用者情報の外部送信について ●公式アカウント ●ホットエントリー ●はてなブログ ●はてなブログPro ●人力検索はてな ●はてなブログタグ ●はてなニュース ●ソレドコ

はてなブックマーク

﹃Koutaro Chikuba — DEV Community Profile﹄

Run crossbrowser e2e testing on GitHub Actions

Minimum flux with useReducer - DEV Community 👩‍💻👨‍💻

Mount vue component in react with webcomponents

redux-workerized - Redux in WebWorker for React and Vue - DEV Community 👩‍💻👨‍💻

React starter with 9 lines html

Static HOC analysis for recompose and redux by flowtype

Implement your GraphQL server on Firebase Function

How to build firebase function by webpack

なぜ dev.to がこんなにも速く、こんなにも自分にとって感動的なのか

このページはまだ
ブックマークされていません

キーボードショートカット一覧