{"id":3347,"date":"2019-03-14T11:46:46","date_gmt":"2019-03-14T02:46:46","guid":{"rendered":"https:\/\/game-creators.jp\/?p=3347"},"modified":"2019-03-14T11:46:46","modified_gmt":"2019-03-14T02:46:46","slug":"11722","status":"publish","type":"post","link":"https:\/\/game-creators.jp\/media\/event-search\/11722\/","title":{"rendered":"UIT#6 \u9032\u5316\u3059\u308b React.js"},"content":{"rendered":"

\u65e5\u7a0b\uff1a 2019\/03\/20(\u6c34) 19:30 \u301c 22:00<\/p>\n

\u4f1a\u5834\uff1a LINE\u682a\u5f0f\u4f1a\u793e<\/a>\uff08\u6771\u4eac\u90fd\u65b0\u5bbf\u533a\u65b0\u5bbf\u56db\u4e01\u76ee1\u756a6\u53f7 \u6771\u4eac\u90fd\u6e0b\u8c37\u533a\u5343\u99c4\u30f6\u8c37\u4e94\u4e01\u76ee 24\u756a55\u53f7(JR\u65b0\u5bbf\u30df\u30e9\u30a4\u30ca\u30bf\u30ef\u30fc)\uff09<\/p>\n

\n
\n
\u30cf\u30c3\u30b7\u30e5\u30bf\u30b0 \uff1a#uit_6<\/a><\/div>\n<\/div>\n
\n\n\n\n
\u52df\u96c6\u5185\u5bb9<\/th>\n\n
\n
\n

\u53c2\u52a0\u67a0\uff1a\u00a0\u7121\u6599<\/p>\n

\u62bd\u9078\uff082019\/03\/13\uff09<\/span><\/span>
\n135<\/span>\/100<\/span>\u4eba<\/p>\n<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

<\/div>\n
\n
\n

\u6982\u8981<\/h2>\n

2011 \u5e74\u3088\u308a Facebook \u306b\u3088\u3063\u3066\u958b\u767a\u3055\u308c\u3001 2013 \u5e74\u306b\u516c\u958b\u3002\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u5316\u304b\u3089 5 \u5e74\u304c\u7d4c\u904e\u3001\u3082\u3046\u3058\u304d 6 \u5e74\u76ee\u3092\u8fce\u3048\u308b React\u3002 \u4eca\u3067\u306f\u591a\u304f\u306e\u73fe\u5834\u3067\u63a1\u7528\u3055\u308c\u3066\u304a\u308a\u3001\u30e2\u30c0\u30f3\u306a\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u958b\u767a\u306b\u304a\u3044\u3066\u4e0d\u52d5\u306e\u5730\u4f4d\u3092\u7bc9\u3044\u3066\u3044\u307e\u3059\u3002<\/p>\n

\u305d\u3093\u306a React \u3067\u3059\u304c\u3001\u305d\u306e\u5730\u4f4d\u306e\u307e\u307e\u505c\u6ede\u3059\u308b\u308f\u3051\u3067\u306f\u306a\u304f\u3001\u4eca\u306a\u304a\u9032\u5316\u3092\u7d9a\u3051\u3066\u3044\u307e\u3059\u30022017\u5e74\u306e Core \u306e Fiber \u79fb\u884c\u3001 2018 \u5e74\u306e Suspense \/ Hooks \u306e\u767b\u5834\u3068\u3001\u6bce\u5e74 React \u306b\u304a\u3051\u308b\u5e38\u8b58\u306f\u5909\u308f\u308a\u7d9a\u3051\u3066\u3044\u307e\u3059\u3002<\/p>\n

\u307e\u305f\u3001 React \u672c\u4f53\u3060\u3051\u3067\u306a\u304f\u3001 SPA \u3068\u3057\u3066\u306e\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u3084\u72b6\u614b\u7ba1\u7406\u3001 Universal Application \u306e\u958b\u767a\u306a\u3069\u3001 React \u3092\u53d6\u308a\u5dfb\u304f\u5468\u8fba\u74b0\u5883\u3082\u5343\u5dee\u4e07\u5225\u3067\u3042\u308a\u3001\u3059\u3079\u3066\u306e\u958b\u767a\u8005\u304c\u305d\u308c\u305e\u308c\u306e React \u50cf\u3092\u62b1\u3044\u3066\u3044\u308b\u72b6\u6cc1\u3067\u3059\u3002<\/p>\n

\u4eca\u56de\u306e UIT \u306f\u3001\u305d\u3093\u306a\u300cReact\u300d\u3092\u30c6\u30fc\u30de\u3068\u3057\u3066\u3001 React \u3068 SPA \u958b\u767a\u306e\u3053\u308c\u307e\u3067\u3068\u3053\u308c\u304b\u3089\u3092\u4f1d\u3048\u308b\u30a4\u30d9\u30f3\u30c8\u3092\u958b\u50ac\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n

\u524d\u56de\u306e Vue.js \u306b\u5f15\u304d\u7d9a\u304d\u3001 React \u30e6\u30fc\u30b6\u30fc\u306e\u4ea4\u6d41\u30fb\u60c5\u5831\u4ea4\u63db\u306e\u5834\u3068\u3057\u3066\u958b\u50ac\u3057\u305f\u3044\u3068\u601d\u3044\u307e\u3059\u3002<\/p>\n

\u30bb\u30c3\u30b7\u30e7\u30f3\u4e88\u5b9a<\/h3>\n

19:40 \u300cHooks \u3067\u4f5c\u308b React.FC\u300d<\/h4>\n

Takepepe \/ DeNA\/\u30c7\u30b6\u30a4\u30f3\u672c\u90e8\u30fb\u30c7\u30b6\u30a4\u30f3\u30a8\u30f3\u30b8\u30cb\u30a2\u30ea\u30f3\u30b0\u30b0\u30eb\u30fc\u30d7<\/p>\n

Function Component \u3068\u306f\u76f8\u6027\u306e\u826f\u304f\u306a\u304b\u3063\u305f\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3002 Hooks \u306e\u642d\u8f09\u3067\u3001\u672b\u7aef\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u6f14\u51fa\u3092\u52a0\u3048\u308b\u3053\u3068\u304c\u624b\u8efd\u306b\u306a\u308a\u307e\u3057\u305f\u3002 UI\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3068\u3044\u3046\u3001\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u306e\u88c1\u91cf\u6b21\u7b2c\u306e\u9818\u57df\u3067\u3001 \u305d\u308c\u306f\u6a5f\u80fd\u4fa1\u5024\u3092\u6700\u5927\u5316\u3059\u308b\u53ef\u80fd\u6027\u3092\u79d8\u3081\u3066\u3044\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002<\/p>\n

20:10 \u300cPage Stack again in React\u300d<\/h4>\n

sunderls \/ LINE\u682a\u5f0f\u4f1a\u793e – \u30d5\u30a3\u30ca\u30f3\u30b7\u30e3\u30eb\u958b\u767a\u5ba4<\/p>\n

Page Stack\u3067\u30b5\u30af\u30b5\u30af\u306epage transition\u3092\u5b9f\u73fe\u3059\u308b\u65b9\u6cd5\u3092\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n

20:30 \u300c\u73fe\u5834\u304b\u3089\u5c4a\u3051\u308bReact\u306e\u60a9\u307f\u3068\u6539\u5584\u300d<\/h4>\n

sakito \/ \u30e4\u30d5\u30fc\u682a\u5f0f\u4f1a\u793e<\/p>\n

React\u3067\u958b\u767a\u3057\u3066\u3044\u308b\u30c1\u30fc\u30e0\u3067\u60a9\u3093\u3067\u3044\u308b\u4e8b\u3001\u6539\u5584\u3059\u308b\u305f\u3081\u306b\u5c0e\u5165\u3057\u305f\u3053\u3068\u3092\u304a\u8a71\u3057\u3057\u307e\u3059\u3002 React\u3067\u958b\u767a\u3057\u3066\u3044\u308b or \u3053\u308c\u304b\u3089React\u3067\u958b\u767a\u3057\u3088\u3046\u3068\u601d\u3063\u3066\u3044\u308b\u7686\u3055\u3093\u306e\u53c2\u8003\u306b\u306a\u308c\u3070\u5e78\u3044\u3067\u3059\u3002<\/p>\n

\u30bf\u30a4\u30e0\u30c6\u30fc\u30d6\u30eb<\/h3>\n

\u6642\u9593\u306f\u76ee\u5b89\u306b\u306a\u308a\u307e\u3059<\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
\u6642\u9593<\/th>\n\u30bf\u30a4\u30c8\u30eb \/ \u767b\u58c7\u8005 (\u656c\u79f0\u7565)<\/th>\n<\/tr>\n<\/thead>\n
19:00~<\/td>\n\u958b\u5834 \/ \u53d7\u4ed8<\/td>\n<\/tr>\n
19:25~<\/td>\n\u30a4\u30d9\u30f3\u30c8\u8aac\u660e\u30fb\u4e7e\u676f<\/td>\n<\/tr>\n
19:30~<\/td>\nUIT Welcome Quiz \u7d50\u679c\u767a\u8868<\/td>\n<\/tr>\n
19:40~<\/td>\n\u300cHooks \u3067\u4f5c\u308b React.FC\u300d by Takepepe<\/td>\n<\/tr>\n
<\/td>\n\u4f11\u61a9<\/td>\n<\/tr>\n
20:10~<\/td>\n\u300cPage Stack again in React\u300d by sunderls<\/td>\n<\/tr>\n
20:30~<\/td>\n\u300c\u73fe\u5834\u304b\u3089\u5c4a\u3051\u308bReact\u306e\u60a9\u307f\u3068\u6539\u5584\u300d by sakito<\/td>\n<\/tr>\n
20:50~<\/td>\n\u61c7\u89aa\u4f1a\u6e96\u5099<\/td>\n<\/tr>\n
21:00~<\/td>\n\u61c7\u89aa\u4f1a<\/td>\n<\/tr>\n
22:00~<\/td>\n\u89e3\u6563<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\u4f1a\u5834<\/h3>\n

LINE\u682a\u5f0f\u4f1a\u793e (\u6771\u4eac\u90fd\u65b0\u5bbf\u533a\u65b0\u5bbf\u56db\u4e01\u76ee1\u756a6\u53f7 JR\u65b0\u5bbf\u30df\u30e9\u30a4\u30ca\u30bf\u30ef\u30fc \u53d7\u4ed8:5F)<\/p>\n

JR\u65b0\u5bbf\u99c5\u76f4\u7d50\uff08\u30df\u30e9\u30a4\u30ca\u30bf\u30ef\u30fc\u6539\u672d\uff09\uff08\u57fc\u4eac\u7dda\u3001\u7dcf\u6b66\u672c\u7dda\u3001\u4e2d\u592e\u672c\u7dda\u3001\u6e58\u5357\u65b0\u5bbf\u30e9\u30a4\u30f3\u3001\u5c71\u624b\u7dda\u3001\u6210\u7530\u30a8\u30af\u30b9\u30d7\u30ec\u30b9\uff09 \u65b0\u5bbf\u4e09\u4e01\u76ee\u99c5\u5f92\u6b691\u5206\uff08\u6771\u4eac\u30e1\u30c8\u30ed\u4e38\u306e\u5185\u7dda\u3001\u526f\u90fd\u5fc3\u7dda\u3001\u90fd\u55b6\u5730\u4e0b\u9244\uff09 \u30d0\u30b9\u30bf\u65b0\u5bbf\u76f4\u7d50<\/p>\n

\u5fdc\u52df\u6642\u30af\u30a4\u30ba\u306b\u3064\u3044\u3066<\/h3>\n

UIT #6 \u3067\u306f\u8a66\u9a13\u7684\u306b\u5fdc\u52df\u6642\u30af\u30a4\u30ba\u3092\u5b9f\u65bd\u3057\u307e\u3059\u3002 \u30af\u30a4\u30ba\u306b\u6b63\u89e3\u3059\u308b\u3068\u3001\u62bd\u9078\u306e\u5f53\u9078\u7387\u304c\u4e0a\u304c\u308b\u304b\u3082\uff1f\u305c\u3072\u3054\u56de\u7b54\u304f\u3060\u3055\u3044\u3002<\/p>\n

\u203b \u672c\u30af\u30a4\u30ba\u306e\u30c7\u30fc\u30bf\u306f\u5f53\u65e5\u30a4\u30d9\u30f3\u30c8\u4f1a\u5834\u3067\u306e\u4f01\u753b\u306e\u307b\u304b\u3001\u4eca\u5f8c\u306e UIT \u30a4\u30d9\u30f3\u30c8\u306e\u305f\u3081\u306b\u5229\u7528\u3055\u305b\u3066\u3044\u305f\u3060\u304d\u307e\u3059\u3002\u3054\u4e86\u627f\u304f\u3060\u3055\u3044\u3002<\/p>\n

\u5165\u9928\u65b9\u6cd5\u30fb\u53d7\u4ed8<\/h3>\n
    \n
  1. \u65b0\u5bbf\u30df\u30e9\u30a4\u30ca\u30bf\u30ef\u30fc 5F\u30a8\u30f3\u30c8\u30e9\u30f3\u30b9\u306b\u8a2d\u7f6e\u3057\u305f\u53d7\u4ed8\u3067\u5165\u9928\u624b\u7d9a\u304d\u3092\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u305d\u306e\u969b connpass \u306e\u672c\u30a4\u30d9\u30f3\u30c8\u3067\u767a\u884c\u3057\u305f\u53d7\u4ed8\u7968\u3001\u53ca\u3073\u540d\u523a1\u679a\uff08\u3082\u3057\u304f\u306f\u793e\u54e1\u8a3c\u7b49\u306e\u3054\u672c\u4eba\u78ba\u8a8d\u304c\u3067\u304d\u308b\u3082\u306e\uff09\u3092\u3054\u63d0\u793a\u304f\u3060\u3055\u3044\u3002<\/li>\n
  2. \u30b9\u30bf\u30c3\u30d5\u304b\u3089\u30b2\u30b9\u30c8\u30ab\u30fc\u30c9\u3092\u53d7\u3051\u53d6\u308a\u9802\u304d\u3001\u30a8\u30ec\u30d9\u30fc\u30bf\u30fc\u3067\u4f1a\u5834\u3068\u306a\u308b23F\u306b\u304a\u4e0a\u308a\u4e0b\u3055\u3044\u3002\u30b2\u30b9\u30c8\u30ab\u30fc\u30c9\u306f\u7121\u304f\u3055\u306a\u3044\u3088\u3046\u3054\u6ce8\u610f\u304f\u3060\u3055\u3044\u3002\u30a4\u30d9\u30f3\u30c8\u4e2d\u306f\u9996\u304b\u3089\u4e0b\u3052\u308b\u3053\u3068\u3092\u304a\u3059\u3059\u3081\u3057\u307e\u3059\u3002<\/li>\n
  3. \u304a\u5e30\u308a\u306e\u969b\u306b\u5fc5\u305a\u30b9\u30bf\u30c3\u30d5\u306b\u8fd4\u5374\u9858\u3044\u307e\u3059\u3002<\/li>\n<\/ol>\n

    \u203b \u301019:45\u3011\u307e\u3067\u306b5F\u53d7\u4ed8\u306b\u304a\u8d8a\u3057\u304f\u3060\u3055\u3044\u3002\u53d7\u4ed8\u306e\u90fd\u5408\u4e0a\u3001\u305d\u308c\u4ee5\u964d\u306f\u5165\u9928\u3044\u305f\u3060\u3051\u306a\u3044\u5834\u5408\u304c\u3054\u3056\u3044\u307e\u3059\u3002<\/p>\n

    \u53c2\u52a0\u8cbb<\/h3>\n

    \u7121\u6599<\/p>\n

    \u6301\u3061\u7269<\/h3>\n