20/02/20 DroidKaigi2020 Day1
2020/08/27 DroidKaigi2020 Lite Day1
߹ಉձࣾ%..DPN$50ࣨށ༏೭%SPJE,BJHJ-JUF.%$ͷ෦࣮͔ΒֶͿදݱྗͷߴ͍7JFXͷ࡞Γํ
View Slide
X© DMM.comw ށ༏೭ [email protected]w ߹ಉձࣾ%..DPN$50ࣨࣄۀࢧԉνʔϜw ిࢠॻ੶ࣄۀ෦ͷ"OESPJEΞϓϦ։ൃͷࢧԉதw .BUFSJBM%FTJHOେ͖w ͖ͳ"1*$BOWBTTBWFͱ7JFX(SPVQMBZPVUࣗݾհ
X© DMM.comηογϣϯͷඪͱΰʔϧ
X© DMM.comදݱྗͷߴ͍7JFXΛ࡞ΕΔΑ͏ʹͳΔw 7JFXͷ෦࣮ΛΓϕετϓϥΫςΟεΛΔw ඳըɺϨΠΞτw Ξχϝʔγϣϯw 7JFXͷτϥϒϧʹରॲͰ͖ΔྗΛʹ͚ͭΔw 7JFXΛਖ਼ͬͯ͘͠τϥϒϧΛݮΒ͢w ࣗͷҙਤ͠ͳ͍ಈ࡞ͷݪҼΛௐࠪͰ͖Δηογϣϯͷࢦ͢ͷ
X© DMM.comw GQTΛҡ࣋͢Δ͜ͱͱͯॏཁw ࣮Λ͢Δඞཁ͕͋Δw ϨΠΞτॲཧॏ͍w ඳըॏ͘ͳ͍w NFBTVSFͰͷ7JFXͷαΠζΛܭࢉ͢ΔͨΊw ෳࡶͳߏͩͱߋʹॏ͍w Ξχϝʔγϣϯʹ5SBOTJUJPOͱ"OJNBUPS͕ෆՄܽw 5SBOTJUJPOͰͭͷঢ়ଶؒΛ݁Ϳw 7BMVF"OJNBUPS 0CKFDU"OJNBUPS FUDʜ7JFXͷ࣮Ͱେͳ͜ͱ
X© DMM.comηογϣϯͷྲྀΕw .BUFSJBM4IBQF%SBXBCMFw %SBXBCMFͷجૅw .BUFSJBM4IBQF%SBXBCMFͷΈͱ͍ํw 4IBEPXͷ࣮w &YUFOEFE'"#ͱ#PUUPN"QQ#BSw จࣈαΠζΛม͑ΔΞχϝʔγϣϯͷ࣮w #PUUPN/BWJHBUJPOͱ5FYU'JFMEw 7JFXͷαΠζΛม͑Δ࣮w &YUFOEFE'"#ͱ$IJQT
X© DMM.comͬͯ͏.BUFSJBM4IBQF%SBXBCMF
X© DMM.com.BUFSJBM4IBQF%SBXBCMFͱ
X© DMM.comw .%$ʹؚ·ΕΔίϯϙʔωϯτw 7JFXͷ#BDLHSPVOEͱͯ͠͏w ֯ΛΧελϚΠζͰ͖Δw ݟͨɺαΠζw ྠֲͷΧελϚΠζ͕Ͱ͖Δw ྠֲͷਤܗΛมߋͰ͖Δw ԑऔΓʹͰ͖Δw 4IBEPXͷඳը͕Ͱ͖Δw 'SBNFXPSLͷ7JFXΑΓෳࡶͳ4IBEPXՄೳ.BUFSJBM4IBQF%SBXBCMFͱ
X© DMM.com
X© DMM.com.BUFSJBM4IBQF%SBXBCMFIUUQTNBUFSJBMJPEFTJHOTIBQFBCPVUTIBQFIUN
X© DMM.com.BUFSJBM4IBQF%SBXBCMFͷ4IBEPX'SBNFXPSLͷ7JFX .BUFSJBM4IBQF%SBXBCMFԁɺପԁ ˓ ˓ۣܗɺؙۣ֯ܗ ˓˓ϕδΤۂઢؚ͕·ΕΔͱʷತਤܗ ˓˓ϕδΤۂઢؚ͕·ΕΔͱʷඇತਤܗʷ"1*͔Β˓˓ϕδΤۂઢؚ͕·ΕΔͱʷ
X© DMM.com.BUFSJBM4IBQF%SBXBCMFͷ4IBEPX
X© DMM.com.BUFSJBM4IBQF%SBXBCMFͷ෦࣮
X© DMM.com%SBXBCMFͷجૅ
X© DMM.com%SBXBCMFେϙΠϯτ $POTUBOU4UBUFͰঢ়ଶΛ࣋ͭ TFU#PVOET ͰαΠζΛܾΊΔ ESBX Ͱඳը͢Δ%SBXBCMFͷجૅ
X© DMM.comw 4UBUF-JTU%SBXBCMFͱผw %SBXBCMFͷঢ়ଶΛอ࣋͢Δw ΞϧϑΝɺ$PMPS4UBUF-JTUɺ5JOUw ࣗ࡞%SBXBCMFͰ$POTUBOU4UBUFࣗ࡞͢Δ͜ͱ͕ଟ͍• MaterialShapeDrawableState extends ConstantStatew $POTUBOU4UBUFOFX%SBXBCMF Ͱ࡞ͨ͠%SBXBCMFؒͰڞ༗͞ΕΔw 3FTPVSDFTHFU%SBXBCMFͷ෦ͰΘΕΔw NVUBUF Ͱঢ়ଶ͕ಠཱ͢Δ%SBXBCMF$POTUBOU4UBUF
X© DMM.comิɿ%SBXBCMF$POTUBOU4UBUFͱNVUBUFDrawableConstantState
X© DMM.comิɿ%SBXBCMF$POTUBOU4UBUFͱNVUBUFDrawableConstantStateConstantState.newDrawable
X© DMM.comิɿ%SBXBCMF$POTUBOU4UBUFͱNVUBUFDrawableConstantStateDrawable
X© DMM.comิɿ%SBXBCMF$POTUBOU4UBUFͱNVUBUFDrawableConstantStateDrawableDrawable.mutate
X© DMM.comิɿ%SBXBCMF$POTUBOU4UBUFͱNVUBUFDrawableConstantStateDrawableConstantState
X© DMM.comw $BOWBTʹͲͷ͘Β͍ͷαΠζͰඳը͢Δ͔w TFU#PVOETw 7JFXଆJOUSJOTJD8JEUI)FJHIUΛࢀߟʹ͢Δw #JUNBQ%SBXBCMFը૾ͷղ૾w 7FDUPS%SBXBCMFxmlͷandroid:widthandroid:height• σϑΥϧτ -1w JOUSJOTJDͷͳ͠%SBXBCMFTFU#PVOET
X© DMM.comw 7JFXͳͲ͔ΒݺΕΔw $BOWBTͷඳըॲཧΛߦ͏w JOWBMJEBUF4FMG Ͱ$BMMCBDLʹ࠶ඳըΛཁٻͰ͖Δw $BMMCBDLଟ͘ͷ߹7JFX%SBXBCMFESBX
X© DMM.com• MaterialShapeDrawableState• extends ConstantStatew ShapeAppearanceModelw ͲΜͳܗঢ়ͷ%SBXBCMF͔ͷใ• ShapePathProviderw ShapeAppearanceModelΛPathʹม͢Δొਓ
X© DMM.comw ܗঢ়ͷΫϥεw 4IBQFBCMF*NBHF7JFXͳͲͰΘΕΔw ลͱ֯ͷΧελϚΠζ͕Ͱ͖Δw TFU"MM$PSOFS4J[FT TFU5PQ-FGU$PSOFS4J[F FUDw TFU"MM$PSOFST TFU5PQ-FGU$PSOFS FUDw TFU"MM&EHFT TFU5PQ&EHF FUD4IBQF"QQFBSBODF.PEFM
X© DMM.comߏMaterialShapeDrawableMaterialShapeDrawableStateShapeAppearanceModel
X© DMM.com4IBQF"QQFBSBODF.PEFMShapeAppearanceModelCornerTreatmenttopLeftCornertopRightCornerbottomRightCornerbottomLeftCornerCornerSizetopLeftCornerSizetopRightCornerSizebottomRightCornerSizebottomLeftCornerSizeEdgeTreatmenttopEdgerightEdgebottomEdgeleftEdge
X© DMM.comMaterialShapeDrawable.drawඳըͷΈMaterialShapeDrawable.calculateShapePath/ calculatePathShapePathProvider.calculatePathMaterialShapeDrawable.drawFillShape/ drawStrokeShapeCanvas.drawPath/ drawRoundRectShapeAppearanceModelPathPathPath
X© DMM.com#PUUPN"QQ#BS
X© DMM.comMaterialShapeDrawable.setInterpolation(float interpolation)EdgeTreatment.getEdgePath(float length, float center,float interpolation,@NonNull ShapePath shapePath)CornerTreatment.getCornerPath(@NonNull ShapePath shapePath, float angle,float interpolation,@NonNull RectF bounds, @NonNull CornerSize size)#PUUPN"QQ#BS
X© DMM.com.BUFSJBM4IBQF%SBXBCMFΛ͏
X© DMM.comval model = ShapeAppearanceModel.Builder().setAllCornerSizes(AbsoluteCornerSize(cornerSize)).setBottomEdge(SpeechBalloonBottomEdgeTreatment(arrowHeight, arrowRight)).build()4IBQF"QQFBSBODF.PEFMΛ࡞Δ
X© DMM.comoverride fun getEdgePath(length: Float,center: Float,interpolation: Float,shapePath: ShapePath) {shapePath.lineTo(arrowRight, 0f)shapePath.lineTo(arrowRight, -arrowHeight)shapePath.lineTo(arrowRight + arrowHeight, 0f)shapePath.lineTo(length, 0f)}&EHF5SFBUNFOUΛ࣮͢Δ
X© DMM.comval background = MaterialShapeDrawable(model).apply {fillColor = ColorStateList.valueOf(Color.WHITE)this.elevation = elevationsetPadding(padding, padding, padding, padding)}speechBalloon.background = background.BUFSJBM4IBQF%SBXBCMFΛ࡞Δ
X© DMM.comw ԁܗͱۣܗϕʔεͰͳ͍ਤܗදݱ͕͍͠w ࡾ֯ܗɺܗͳͲw 4IBQF"QQFBSBODF.PEFMͷ੍ݶw ֎ଆʹΈग़͢ਤܗͷ߹w 7JFXͷDMJQ$IJMESFOGBMTFΛ͢Δw *OTFU%SBXBCMFͰғΉw 4IBEPXΛΑ͘ݟΔͱૈ͍w ඇತਤܗͰҙҙ
X© DMM.com.BUFSJBM4IBQF%SBXBCMF·ͱΊ
X© DMM.comw 7JFXͷഎܠ༻%SBXBCMFw ࣗ༝ͷߴ͍σβΠϯΛදݱͰ͖Δw 4IBQF"QQFBSBODF.PEFMΛ͏w ԁܗͱۣܗϕʔεͰͳ͍ਤܗදݱ͕͍͠w 4IBEPXΛඳըͰ͖Δw "1*ະຬͰ'SBNFXPSLͷ7JFXΑΓෳࡶͳ4IBEPXΛඳը.BUFSJBM4IBQF%SBXBCMF·ͱΊ
X© DMM.com4IBEPXͷ࣮ݱํ๏
X© DMM.com'"#ɾ&YUFOEFE'"#
X© DMM.comw 7JFXͷྠֲใΛఏڙ͢ΔΫϥε "1*dw HFU0VUMJOFͰྠֲઃఆw 4IBEPXͷܭࢉͳͲʹΘΕΔw ͍͔࣮ͭ͘ࡁΈΠϯελϯε͕͋Δ• BACKGROUND• BOUNDS• PADDED_BOUNDS• 7JFXͷॳظBACKGROUND• View.background.getOutline7JFX0VUMJOF1SPWJEFS
X© DMM.compublic void getOutline(@NonNull Outline outline) {if (drawableState.shadowCompatMode == SHADOW_COMPAT_MODE_ALWAYS) {// Don't draw the native shadow if we're always rendering with compat shadow.return;}if (isRoundRect()) {float radius = getTopLeftCornerResolvedSize();outline.setRoundRect(getBounds(), radius);return;}calculatePath(getBoundsAsRectF(), path);if (path.isConvex() || Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {outline.setConvexPath(path);}}.BUFSJBM4IBQF%SBXBCMFHFU0VUMJOF
X© DMM.compublic void getOutline(@NonNull Outline outline) {if (drawableState.shadowCompatMode == SHADOW_COMPAT_MODE_ALWAYS) {// Don't draw the native shadow if we're always rendering with compat shadow.return;}if (isRoundRect()) {float radius = getTopLeftCornerResolvedSize();outline.setRoundRect(getBounds(), radius);return;}calculatePath(getBoundsAsRectF(), path);if (path.isConvex() || Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {outline.setConvexPath(path);}}.BUFSJBM4IBQF%SBXBCMFHFU0VUMJOF.BUFSJBM4IBQF%SBXBCMFͰTIBEPXΛඳը͢Δઃఆˠ0VUMJOFΛઃఆ͠ͳ͍ 'SBNFXPSLଆͷTIBEPXͳ͠
X© DMM.compublic void getOutline(@NonNull Outline outline) {if (drawableState.shadowCompatMode == SHADOW_COMPAT_MODE_ALWAYS) {// Don't draw the native shadow if we're always rendering with compat shadow.return;}if (isRoundRect()) {float radius = getTopLeftCornerResolvedSize();outline.setRoundRect(getBounds(), radius);return;}calculatePath(getBoundsAsRectF(), path);if (path.isConvex() || Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {outline.setConvexPath(path);}}.BUFSJBM4IBQF%SBXBCMFHFU0VUMJOF%SBXBCMF͕3PVOE3FDUˠ0VUMJOFTFU3PVOE3FDU%SBXBCMF͕3PVOE3FDUˠ0VUMJOFTFU3PVOE3FDU
X© DMM.compublic void getOutline(@NonNull Outline outline) {if (drawableState.shadowCompatMode == SHADOW_COMPAT_MODE_ALWAYS) {// Don't draw the native shadow if we're always rendering with compat shadow.return;}if (isRoundRect()) {float radius = getTopLeftCornerResolvedSize();outline.setRoundRect(getBounds(), radius);return;}calculatePath(getBoundsAsRectF(), path);if (path.isConvex() || Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {outline.setConvexPath(path);}}.BUFSJBM4IBQF%SBXBCMFHFU0VUMJOF%SBXBCMFͷྠֲͷ1BUI͕ತਤܗ Path.isConvex()·ͨ"1*Ҏ্ˠ0VUMJOFTFU$POWFY1BUI
X© DMM.compublic void getOutline(@NonNull Outline outline) {if (drawableState.shadowCompatMode == SHADOW_COMPAT_MODE_ALWAYS) {// Don't draw the native shadow if we're always rendering with compat shadow.return;}if (isRoundRect()) {float radius = getTopLeftCornerResolvedSize();outline.setRoundRect(getBounds(), radius);return;}calculatePath(getBoundsAsRectF(), path);if (path.isConvex() || Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {outline.setConvexPath(path);}}.BUFSJBM4IBQF%SBXBCMFHFU0VUMJOFͦΕҎ֎ˠ0VUMJOFΛઃఆ͠ͳ͍ 'SBNFXPSLଆͷTIBEPXͳ͠
X© DMM.comࢀߟࢿྉ[email protected]JYJBOGBOHGB
X© DMM.com#PUUPN"QQ#BS.BUFSJBM4IBQF%SBXBCMF
X© DMM.com .BUFSJBM4IBQF%SBXBCMFͰTIBEPXΛඳը͢Δઃఆw ˠ0VUMJOFΛઃఆ͠ͳ͍ 'SBNFXPSLଆͷTIBEPXͳ͠ %SBXBCMF͕3PVOE3FDUw ˠ0VUMJOFTFU3PVOE3FDU %SBXBCMFͷྠֲͷ1BUI͕ತਤܗ Path.isConvex()·ͨ"1*Ҏ্w ˠ0VUMJOFTFU$POWFY1BUI ͦΕҎ֎w ˠ0VUMJOFΛઃఆ͠ͳ͍ 'SBNFXPSLଆͷTIBEPXͳ͠.BUFSJBM4IBQF%SBXBCMFHFU0VUMJOF
X© DMM.com0VUMJOF04ͷ࣮Ͱ#PUUPN"QQ#BSʹӨΛ͚ΒΕͳ͍
X© DMM.com͍͚Δ
X© DMM.comw 4IBEPXʹࠔ͍ͬͯͳ͍ͳΒؾʹ͠ͳ͍w 4IBEPXʹࠔͬͨΒ.BUFSJBM4IBQF%SBXBCMFΛࢼ͢w 04όʔδϣϯྠֲΛؾʹͤͣTIBEPXΛඳը͢Δw ͨͩ͠.BUFSJBM4IBQF%SBXBCMFͷྠֲͷදݱʹݶք͕͋Δw ԁͱۣܗϕʔεͷਤܗw .BUFSJBM4IBQF%SBXBCMFͰղܾͰ͖ͳ͍߹େมw 4IBEPX3FOEFSFSΛࢀߟʹࣗ࡞͢Δw PSσβΠϯΛม͑Δ͍͚
X© DMM.comΞχϝʔγϣϯͰΑ͘͏Ϋϥε
X© DMM.com7BMVF"OJNBUPS
X© DMM.comw Ξχϝʔγϣϯ༻ͷΛఏڙ͢ΔΫϥεw ࢦఆͨ࣌ؒ͠Ͱ͍͍ײ͡ʹΛมԽͤͯ͘͞ΕΔw VQEBUF-JTUFOFSͰΛॲཧ͢Δw ඵؒʹճఔݺΕΔw ॏ͍ॲཧΛ͠ͳ͍ʂw *OUFSQPMBUPSΛͬͯมԽྔΛมԽͤ͞Δ͜ͱ͕Ͱ͖Δ7BMVF"OJNBUPS7BMVF"OJNBUPS
X© DMM.com7BMVF"OJNBUPS7BMVF"OJNBUPSValueAnimator.ofFloat(0f, 100f).apply {duration = 1000LaddUpdateListener { animator ->view.translationX = animator.animatedValue as Float}start()}
X© DMM.com0CKFDU"OJNBUPS
X© DMM.comw 7BMVF"OJNBUPSΛܧঝͨ͠Ϋϥεw ࢦఆͨ࣌ؒ͠ͰҙͷϓϩύςΟΛมԽͤ͞Δw VQEBUF-JTUFOFSඵؒʹճఔ͕ߋ৽͞ΕΔw *OUFSQPMBUPSΛͬͯมԽྔΛมԽͤ͞Δ͜ͱ͕Ͱ͖Δw ϓϩύςΟͷΞΫηεϦϑϨΫγϣϯ0CKFDU"OJNBUPS
X© DMM.com0CKFDU"OJNBUPSObjectAnimator.ofFloat(view, “translationX”, 0f, 100f).apply {duration = 1000Lstart()}
X© DMM.comw7BMVF"OJNBUPS0CKFDU"OJNBUPSObjectAnimator.ofFloat(view, “translationX”, 0f, 100f).apply {duration = 1000Lstart()}ValueAnimator.ofFloat(0f, 100f).apply {duration = 1000LaddUpdateListener { animator ->view.translationX = animator.animatedValue as Float}start()}
X© DMM.comw JOWBMJEBUFw ϝΠϯεϨου͔Β͔͠ݺͳ͍w ͙͢ʹ࠶ඳը͢Δ͜ͱΛཁٻ͢Δw QPTU*OWBMJEBUFw αϒεϨου͔ΒݺΔw )BOEMFSܦ༝Ͱ࠶ඳըΛཁٻ͢Δw QPTU*OWBMJEBUF0O"OJNBUJPOw αϒεϨου͔ΒݺΔw ࣍ϑϨʔϜͰ࠶ඳը͢ΔΑ͏ʹཁٻ͢Δิɿ7JFX࠶ඳըϝιου͍͚
X© DMM.com5SBOTJUJPO
X© DMM.comw ϨΠΞτલޙͷঢ়ଶؒΛ͍͍ײ͡ʹΞχϝʔγϣϯͰ݁Ϳw Ξχϝʔγϣϯʹ"OJNBUPS͕ΘΕΔ͜ͱ͕ଟ͍w ͍ํ؆୯w σϑΥϧτͰ'BEFͱ$IBOHF#PVOET͕ಈ͘w ҰൠతͳΞχϝʔγϣϯ࣮ࡁw 'BEF 4MJEF $IBOHF#PVOETw ࣗͰ࣮͢Δ͜ͱग़དྷΔ5SBOTJUJPOTransitionManager.beginDelayedTransition(viewGroup)view.visibility = View.GONE
X© DMM.comw 7BMVF"OJNBUPSw Ξχϝʔγϣϯ༻ͷΛఏڙ͢Δw 0CKFDU"OJNBUPSw Ξχϝʔγϣϯ༻ʹϓϩύςΟΛมߋ͢Δw 5SBOTJUJPOw ϨΠΞτલޙͷঢ়ଶΛ͍͍ײ͡ʹΞχϝʔγϣϯͰ݁ͿΞχϝʔγϣϯͷલఏࣝ
X© DMM.comจࣈαΠζΛม͑ΔΞχϝʔγϣϯ
X© DMM.com#PUUPN/BWJHBUJPO
X© DMM.comw "DUJWF༻ͱ*OBDUJWF༻ͷͭͷ5FYU7JFX͕͋Δw 5SBOTJUJPOͰঢ়ଶΛܨ͙w 5FYU4DBMFFYUFOET5SBOTJUJPOw 7BMVF"OJNBUPSͰΛมԽw αΠζมߋʹ͏ͷTDBMF9ͱTDBMF:w Ξχϝʔγϣϯதʹ࠶ϨΠΞτΛൃੜͤ͞ͳ͍ͨΊw TFU4DBMF9ͱTFU4DBMF:࠶ϨΠΞτ͕ൃੜ͠ͳ͍w TFU5FYU4J[F࠶ϨΠΞτ͕ൃੜ͢Δ࣮ͷΈ
X© DMM.com1BHF࣮ͷΈ1BHF*O"DUJWFɿ 7JTJCMF "DUJWFɿ*OWJTJCMF
X© DMM.com1BHF࣮ͷΈ*O"DUJWFɿ 7JTJCMF "DUJWFɿ*OWJTJCMF4DBMFˢ
X© DMM.com*OWJTJCMF*OWJTJCMF1BHF࣮ͷΈ*O"DUJWFɿ "DUJWFɿ
X© DMM.com*OWJTJCMF1BHF࣮ͷΈ*O"DUJWFɿ "DUJWFɿ7JTJCMF
X© DMM.com5FYU'JFME5FYU*OQVU-BZPVU
X© DMM.com7JFXͰͳ͍5FYU*OQVU-BZPVU͕ඳը
X© DMM.comw &EJU5FYUͷIJOUΘͳ͍w 5FYU*OQVU-BZPVU͕$BOWBTʹIJOUΛඳըw $PMMBQTJOH5FYU)FMQFSw 7BMVF"OJNBUPS$BOWBTESBX5FYUw ঃʑʹςΩετΛখ͘͞ඳը͍ͯ͠Δw 1BJOUTFU5FYU4J[Fw "1*ҎԼͰύϑΥʔϚϯεͷؔͰ#JUNBQΛॖখw $PMMBQTJOH5PPMCBS-BZPVU$PMMBQTJOH5FYU)FMQFSΛ͏࣮ͷΈ
X© DMM.comw ࠶ϨΠΞτΛൃੜͤ͞ͳ͍ͨΊw IJOUͷ5FYU7JFXΛҠಈͤ͞Δͱ࠶ϨΠΞτ͕ൃੜ͢Δw ϑΥʔΧε͕ͨΔͨͼʹ࠶ϨΠΞτ͢Δͱίετ͕ߴ͍w จࣈೖྗதʹ࠶ϨΠΞτΛ͢Δͱҙਤ͠ͳ͍ಈ࡞Λ͢ΔՄೳੑͳͥʁ
X© DMM.comw ࠶ϨΠΞτ͕ى͜Δˠ5SBOTJUJPOw 5SBOTJUJPOͰ࠶ϨΠΞτΛҾ͖ى͜͞ͳ͍Α͏ҙw ࠶ϨΠΞτ͕ى͜Βͳ͍ىͨ͘͜͠ͳ͍ˠ$BOWBTw ϝϯςφϯε͕େมʹͳΔͷͰҙ͍͚
X© DMM.com7JFXͷαΠζΛม͑Δ
X© DMM.com&YUFOEFE'MPBUJOH"DUJPO#VUUPO
X© DMM.comw &YUFOEFE'"#FYUFOE TISJOL w ෦తʹ0CKFDU"OJNBUPSw MBZPVU1BSBNTXJEUIΛมߋຖճSFRVFTU-BZPVU w ॏ͍w 7JFX(SPVQͰͳ͍ͷͰ5SBOTJUJPO͑ͳ͍w ࠶ϨΠΞτҎ֎Ξχϝʔγϣϯ͢Δํ๏͕ͳ͍w ঢ়ଶͷ͕ࠩେ͖͍ͷͰΞχϝʔγϣϯ͠ͳ͍ͱΘΒͳ͍w ༨ஊɿ.PUJPO4USBUFHZपΓಡΈԠ͑ͷ͋ΔίʔυʂΞχϝʔγϣϯ͖αΠζมߋ
X© DMM.com$IJQT
X© DMM.comw $IJQ3FDZDMFS7JFXͳͲͰΑ͘ΘΕΔw Ξχϝʔγϣϯ࣌ʹ࠶ϨΠΞτΛֻ͚Δ3FDZDMFS7JFXͷཁૉͷ࠶ϨΠΞτw ίετ͕ඇৗʹߴ͍w ͕ࠩগͳ͍ͷͰΞχϝʔγϣϯ͠ͳͯ͘ΘΔw Ξχϝʔγϣϯઈରͷਖ਼ղͰͳ͍Ξχϝʔγϣϯͤͨ͞ํ͕ྑ͍ʁ
X© DMM.comJTTVFIUUQTHJUIVCDPNNBUFSJBMDPNQPOFOUTNBUFSJBMDPNQPOFOUTBOESPJEJTTVFT
X© DMM.comw 5SBOTJUJPOͷ$IBOHF#PVOETw ࠷Ұൠతͳํ๏w -JTUͷཁૉʹͳΓ͏Δ7JFXw SFRVFTU-BZPVUΛ͋·Γݺͳ͍w 7JTJCJMJUZͷΓସ͚͑ͩͰྑ͍͔w ߴ͍දݱྗ͕ඞཁͳ7JFXw SFRVFTU-BZPVUΛͨ͘͞ΜݺͿ͜ͱߟ͑Δw ϑϨʔϜམͪͷՄೳੑΛߟ͓͑ͯ͘w͍͚
X© DMM.com·ͱΊ
X© DMM.comදݱྗͷߴ͍7JFXΛ࡞ΕΔΑ͏ʹͳΔw 7JFXͷ෦࣮ΛΓɺϕετϓϥΫςΟεΛΔw ඳըɺϨΠΞτw Ξχϝʔγϣϯw 7JFXͷτϥϒϧʹରॲͰ͖ΔྗΛʹ͚ͭΔw 7JFXΛਖ਼ͬͯ͘͠τϥϒϧΛݮΒ͢w ࣗͷҙਤ͠ͳ͍ಈ࡞ͷݪҼΛௐࠪͰ͖Δηογϣϯͷࢦ͢ͷ
X© DMM.comw .BUFSJBM%FTJHOw IUUQTNBUFSJBMJPEFTJHOw .BUFSJBM$PNQPOFOUTGPS"OESPJEw IUUQTHJUIVCDPNNBUFSJBMDPNQPOFOUTNBUFSJBMDPNQPOFOUTBOESPJEw αϯϓϧw IUUQTHJUIVCDPNIJSPZVLJTFUPESPJELBJHJTBNQMFࢀߟ63-
seto_hi
non97
hazumirr
skrb
red_frasco
suzukahr
oracle4engineer
mot_techtalk
nearme_tech
line_developers
kojira
sakiengineer
bryan
aleyda
jmmastey
notwaldorf
samanthasiow
lemiorhan
sachag
zakiwarfel
tanoku
myddelton
marktimemedia
smashingmag