Upgrade to Pro — share decks privately, control downloads, hide ads and more …

SemanticUIを使って工数をかけずにサービス開発

YutaFujiwara
June 01, 2019

 SemanticUIを使って工数をかけずにサービス開発

2019/06/01 - JavaScript祭りの資料です👍

YutaFujiwara

June 01, 2019
Tweet

More Decks by YutaFujiwara

Other Decks in Design

Transcript

  1. !'VKJZBNB@:VUB +BWB4DSJQU ୄ㘊 ࡈɛක䜅㗌ሳբ THE BINGO BLOCK CLOCK ɾVuejs ɾSemanticUI

    ɾFirebase ௒ΧϯλϯʹϏϯΰେձ͕։࠵Ͱ͖Δ 8FC αʔϏε 仕事中に Twitter をついつい見てしまう人にオススメ! ɾChromeAPIs ɾSemanticUI IUUQTUIFCJOHPKQ 4/4 Λ  ෼͚ؒͩ։͚ͳ͍Α͏ʹ͢Δ $ISPNF ֦ு
  2. !'VKJZBNB@:VUB +BWB4DSJQU ୄ㘊 $44 㙈㙟㖽㙓㙢㖽㘢ઓ㵤ࣛ˾ 4FNBOUJD6* ˒  #PPUTUSBQ ˒

     #6-." ˒  ˞˒(JUIVC ΀ξτ⑲਺ .BUFSJBM%FTJHO ˒  .BUFSJBMJ[F ˒  'PVOEBUJPO ˒ 
  3. !'VKJZBNB@:VUB +BWB4DSJQU ୄ㘊 5)&#*/(0 ˙&MFNFOUT IFBEFS CVUUPO NFTTBHF MBCFM JDPO

    ˙.PEVMF %SPQEQXO .PEBM 4IBQF ௒؆୯ʹϏϯΰେձ͕։࠵Ͱ͖Δ 8FC αʔϏε
  4. !'VKJZBNB@:VUB +BWB4DSJQU ୄ㘊 4FNBOUJD6* 㗮㙕㘫㙘㖽㙞㗧㙆㙦㘧㗮စ̈ IUUQTGPNBOUJDVJDPNNPEVMFTTIBQFIUNM ˙.PEVMFɿTIBQFʢΦϒδΣΫτΛಈ͔͢ʣ var openBingoModal =

    function (modal) { $(modal).modal('show', function () { if (modal == ".bingo-modal") { var count = 0; var countup = function () { if (count == 0) { $('.bingo-shape').shape('flip left'); } else if (count == 1) { $('.bingo-shape').shape('flip left'); } else if (count == 2) { $('.bingo-shape').shape('flip left'); } else if (count == 3) { $('.bingo-shape').shape('flip left'); } else if (count == 4) { $('.bingo-shape').shape('flip left'); } else { $('.bingo-shape').shape('flip over'); } count++; var id = setTimeout(countup, 500); if (count > 4) { clearTimeout(id); } } countup(); } }); }
  5. !'VKJZBNB@:VUB +BWB4DSJQU ୄ㘊 ɾAngularJS ɾ jQuery ɾSemanticUI MYSQL Client WEB

    Github Client LINE RESTFUL API MYSQL Developer Version Control Production Staging Server LINE Developers MessageingAPI Ǽ㘪㘬㘹㙓࿴ϓ IUUQTP⒏DFDMPDLXPSL
  6. !'VKJZBNB@:VUB +BWB4DSJQU ୄ㘊 㘨㖽㙃㙟㘬㗪㘪㘬㘹㙓࿴ϓ€"MM'JSFCBTF IUUQTUIFCJOHPKQDBSE JE IUUQTUIFCJOHPKQDBSE JE IUUQTUIFCJOHPKQDBSE JE

    IUUQTUIFCJOHPKQDBSE JE IUUQTUIFCJOHPKQDBSE JE IUUQTUIFCJOHPKQCJOHP IUUQTMPDBMIPTU BSSBZ<   > BSSBZ<   > REALTIME DATABASE BINGO MACHINE Developer Version Control BINGO CARDɾVueJS ɾLocalStorage ɾSemanticUI ɾVueJS ɾLocalStorage ɾSemanticUI Firebase Hosting Github