Articulating Design Decisions
Read it now on the O’Reilly learning platform with a 10-day free trial. O’Reilly members get unlimited access to books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers. Talking to people about your designs might seem like a basic skill, but it can be difficult to do efficiently and well. And, in many cases, how you communicate about your work with sta
CSS and Scalability
Several years ago I got curious about how css worked at scale. When I first started out, there weren’t nearly as many learning resources as there are now. There were a few books that my friends lent me and a couple of decent blog posts. But CSS was still pretty new and most people hadn't started to think deeply or learn hard lessons about concepts of maintainability when working with teams on larg
モãƒã‚¤ãƒ«é–‹ç™ºã«ãŠã„ã¦ã€ç«¯æœ«ã”ã¨ã®åŒæœŸã‚’ã©ã®ã‚ˆã†ã«ã—ã¦è¡Œã†ã‹ï¼Ÿ - アニマãƒé–‹ç™ºæ—¥èªŒ
モãƒã‚¤ãƒ«ã‚¢ãƒ—リã®é–‹ç™ºã«ãŠã„ã¦ã€ç«¯æœ«æ¯Žã®ãƒ‡ãƒ¼ã‚¿ã®åŒæœŸã‚’ã©ã®ã‚ˆã†ã«å®Ÿè£…ã™ã‚‹ã®ã‹ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ã¾ã—ãŸã€‚ マルãƒãƒ—ラットフォームã€è¤‡æ•°ç«¯æœ«ã§ã‚µãƒ¼ãƒ“スをæä¾›ã™ã‚‹å ´åˆã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã‚’用æ„ã—ã¦ã‚µãƒ¼ãƒãƒ¼å´ã«å…¨ã¦ã®ãƒ‡ãƒ¼ã‚¿ã‚’ä¿æŒã—〠クライアント-サーãƒãƒ¼é–“ã§é€šä¿¡ã‚’è¡Œã†ã®ãŒä¸€èˆ¬çš„ã‹ã¨æ€ã„ã¾ã™ãŒã€ 個人アプリã§ã¯ã‚ã¾ã‚Šãƒªã‚½ãƒ¼ã‚¹ã‚’掛ã‘ãŸããªã„ã®ã§ã€æ‚©ã¾ã—ã„æ„Ÿã˜ã§ã™ã€‚ アニマãƒã§ã‚‚ã„ãšã‚Œå®Ÿè£…ã™ã‚‹ã“ã¨ã«ãªã‚‹ã®ã§ã€ç¾çŠ¶ã®é¸æŠžè‚¢ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ é•·ã„ã®ã§çµè«–ã ã‘å…ˆã«æ›¸ãã¨ã€AWSã€Azureã€Firebaseã‚ãŸã‚Šã®BaaSを利用ã™ã‚‹ã¨ã„ã„ã‚“ã˜ã‚ƒãªã„ã‹ãªã¨ã„ã†è©±ã§ã™ã€‚ アニマãƒã§å®Ÿè£…ã™ã‚‹å ´åˆã®å‰ææ¡ä»¶ 個人アプリãªã®ã§è¦æ¨¡ã¯ãã‚Œã»ã©å¤§ãããªã„。 ç¾çŠ¶ã§ã¯è¤‡æ•°ç«¯æœ«ã§åˆ©ç”¨ã—ã¦ã„るユーザーã¯å°‘数。 需è¦ã¯å°‘æ•°ã ãŒã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¨ã—ã¦ã¯ãƒ˜ãƒ“ーユーザーã«ã‚ãŸã‚‹ã®ã§å¤§åˆ‡ã«ã—ã¦ã‚ã’ãŸã„。 ユーザーèªè¨¼ã¯åŸºæœ¬çš„ã«facebook
Flowtypeã«å…¥é–€ã—ã¦JavaScriptコードã§é™çš„型付ã‘ã®æ©æµã‚’ã†ã‘ã‚‹ã¨ã“ã‚ã¾ã§ï½œãƒ‡ãƒã‚¤ãƒˆ トーマツ ã‚¦ã‚§ãƒ–ã‚µãƒ¼ãƒ“ã‚¹æ ªå¼ä¼šç¤¾ï¼ˆDWS）公å¼ãƒ–ãƒã‚°
ãƒã‚¦ã‚¹ãƒ»ã‚ªãƒ–・カードã§å¯ä¸è¶³ã®å°é£¼ã§ã™ã€‚ ã©ã†ãªã‚‹ã‚“ã§ã™ã‹ã€ã‚ã®ã‚¢ãƒ¬ã¯... ã•ã¦ã€æœ€è¿‘個人的ã«Golangã§ã‚¢ãƒ—リケーションを作ã£ãŸã‚Šã€Haskellを勉強ã—ãŸã‚Šã—ã¦ã„ã¾ã™ã€‚ ã„ãšã‚Œã‚‚é™çš„型付ã‘ã«ã‚ˆã‚Šã€å®Ÿè¡Œå‰ã«åž‹ã‚¨ãƒ©ãƒ¼ã‚’検出å¯èƒ½ãªè¨€èªžã§ã™ã€‚ ç§ã¯æ™®æ®µã€å‹•çš„型付ã‘言語ã§ã‚ã‚‹JavaScriptを主ã«æ›¸ã„ã¦ã„ã¾ã™ã®ã§ã€åˆã‚ã“ãビルド時ã®ã‚¨ãƒ©ãƒ¼ã«ãƒ¤ã‚モã‚ã—ãŸã‚Šã—ã¾ã—ãŸãŒã€æ…£ã‚Œã¦ãã‚‹ã¨éžå¸¸ã«å¿«é©ã«æ„Ÿã˜ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ 実行時ã«æ¤œå‡ºã•ã‚Œã‚‹ã¤ã¾ã‚‰ãªã„é–“é•ã„ã‚„ã€é–“é•ã£ãŸåž‹ãŒæ¸¡ã£ã¦ããŸæ™‚ã®é˜²å¾¡ã‚³ãƒ¼ãƒ‰(if typeof variable !== 'string' console.warn('åž‹ãŒé•ã†')ã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰)ãŒä¸è¦ã«ãªã‚‹ã“ã¨ä»¥å¤–ã«ã€ã‚¢ãƒ—リケーション固有ã®ãƒ‡ãƒ¼ã‚¿æ§‹é€ ã‚’åž‹ã¨ã—ã¦å®£è¨€ã™ã‚‹ã“ã¨ã§ã€ä½•ã‚’ã™ã‚‹ã‹ã‚ˆã‚Šã‚‚何ã§ã‚ã‚‹ã‹ã«æ³¨ç›®ã—ãŸèªã¿ã‚„ã™ã„コードを書ãã“ã¨ãŒå¯èƒ½ã«ãªã‚‹ã‹ã‚‰ã§ã™ã€‚ React.js
S3+lambda+SESã§å•ã„åˆã‚ã›ãƒ•ã‚©ãƒ¼ãƒ ã®ä½œæˆ - Qiita
æ¥å‹™ã§è£½å“ã®å•ã„åˆã‚ã›ãƒ•ã‚©ãƒ¼ãƒ を作る機会ãŒã‚ã£ãŸã®ã§ã€ã¾ã‚‹ã¾ã‚‹AWSã®æ©Ÿèƒ½ã‚’使ã£ã¦ã¿ã‚ˆã†ã‹ã¨ã€‚。 下記をå‚考ã«ã•ã›ã¦é ‚ãã¾ã—ãŸãŒã€nodemailerã®ä½¿ã„æ–¹ãŒã‚ˆã分ã‹ã£ã¦ã„ãªã„ã®ã§ã€ãƒ¡ãƒ¼ãƒ«éƒ¨åˆ†ã¯SESを使ã£ã¦ã¿ã¾ã—ãŸã€‚SES以外ã®è¨å®šæ–¹æ³•ã¯ã“ã¡ã‚‰ã§ S3 + Lambda + Cognitoを使ã£ã¦ã€ç°¡å˜ãŠå•ã„åˆã‚ã›ã‚·ã‚¹ãƒ†ãƒ 構築 http://qiita.com/takuma_yoshida/items/3bd3af8b09307d25981a #1.SESã®è¨å®š 1-1 メールアドレスを登録 ã¾ãšã¯ä½¿ã†ãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹ã‚’登録。「Email Addressesã€ã®ã€ŒVerify a New Email Addressã€ã‹ã‚‰ãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹ã‚’登録。è¨å®šã™ã‚‹ã¨ç™»éŒ²ç¢ºèªç”¨ã®ãƒ¡ãƒ¼ãƒ«ãŒé£›ã‚“ã§ãã‚‹ã®ã§ã€ãƒ¡ãƒ¼ãƒ«æœ¬æ–‡ã«ã‚ã‚‹URLをクリックã—ã¦æœ¬ç™»éŒ²ã™ã‚‹ã€‚登録ãŒã•ã‚Œã‚‹ã¨StatusãŒverifiedã«ãªã‚Šã¾ã™
å•ã„åˆã‚ã›ãƒ•ã‚©ãƒ¼ãƒ もサーãƒãƒ¬ã‚¹ã§DevOps!　(Github,CircleCI,AWS lambda/cognito/ses)　後編 - Qiita
å‰å›žã®è¨˜äº‹ã§ã€å˜ç´”ãªé™çš„サイトã®ã‚ªãƒ¼ãƒˆãƒ‡ãƒ—ãƒã‚¤ãƒ•ãƒãƒ¼ã¾ã§å®Œäº†ã—ãŸå¾Œã®ç¶šã。 後編 「å•ã„åˆã‚ã›ãƒ•ã‚©ãƒ¼ãƒ もサーãƒãƒ¬ã‚¹ã§DevOps!〠èªè¨¼ AWS Cognito å‡¦ç† AWS Lambda 通知 AWS SES を利用ã—ã¦ã€ã‚‚ã¡ã‚んサーãƒãƒ¬ã‚¹ã§ã€‚ Gibhubã¸ã®staging/masterã¸ã®push　ã®ã¿ã§ã€ CircleCI経由ã§å„種環境ã¸è‡ªå‹•ãƒ‡ãƒ—ãƒã‚¤ã‚’実ç¾ã€‚ #å‰æ å‰å›žåŒæ§˜ã®ç¶šããªã®ã§ã€ s3site.proudit.jp -> 本番サイト st.s3site.proudit.jp ->　ステージングサイト ãŒã€ã™ã§ã«Github+CircleCiã«ã¦ãƒ‡ãƒ—ãƒã‚¤å¯èƒ½ã§ã‚ã‚‹å‰æã§é€²ã‚る。 #構築内容 Cognito準備 フォーム/JavaScript準備 Lambda準備 SES準備 CicriCIデプãƒã‚¤å‡¦ç†ä¿®æ£ オートデプãƒã‚¤ãƒ†ã‚¹ãƒˆ #Cognito準備 Cognitoã¯Web
天下Wikiæ¦é“会ã«å‚åŠ ã—ã¦ãã¾ã—ãŸ
京都ã§é–‹å‚¬ã•ã‚ŒãŸå¤©ä¸‹wikiæ¦é“会(http://connpass.com/event/27643/)ã«è¡Œã£ã¦ãã¾ã—ãŸã€‚æ±äº¬ã‹ã‚‰ã‚ã–ã‚ã–å‚åŠ ã™ã‚‹ãŠã‚‚ã—ã‚ã„ã²ã¨ã‚„ã€Nota社やã¯ã¦ãªç¤¾ã®ãŠã‚‚ã—ã‚ã„ã²ã¨ãŒé›†ã¾ã£ã¦ã„ã¦é¢ç™½ã‹ã£ãŸã§ã™ã€‚発表もã¿ã‚“ãªé¢ç™½ã„ã—ã€å‚åŠ è€…æ•°ã‚‚å¤šããªã„ã‹ã‚‰è°è«–ã‚‚ã¯ã‹ã©ã£ãŸã‚Šã€ãŠã‚ã£ãŸå¾Œã‚‚ã„ã‚ã„ã‚話ãŒå‡ºæ¥ãŸã‚Šã—ã¦ã¨ã¦ã‚‚ã„ã„会ã ã£ãŸãªã‚ã¨æ€ã„ã¾ã—ãŸã€‚ è‡ªåˆ†ã‚‚ç™ºè¡¨æž ã§å‚åŠ ã—ã¦Jottitã®è©±ã‚’ã—ã¦ãã¾ã—ãŸã€‚Jottitã€æœ€è¿‘ã¯å‹•ã„ã¦ãªã„ã“ã¨ã‚‚多ã„ã—ã€Wikiを作ã£ã¦ã‚‹ã²ã¨ã®è©±ã‚’ã„ã‚ã„ã‚èžã„ã¦ã€Wiki作りãŸã„æ°—æŒã¡ãŒé«˜ã¾ã‚Šã¤ã¤ã‚ã£ã¦ã€æ¬¡å›žã¯ä½œã£ãŸã‚ˆã£ã¦ã„ã†è©±ãŒã§ããŸã‚‰ã„ã„ãªã¨æ€ã£ãŸã‚Šã—ã¦ã¾ã™ã€‚
AWS Device Farm （AWS クラウドã§å®Ÿéš›ã®ãƒ‡ãƒã‚¤ã‚¹ã‚’使用ã—ã¦ã‚¢ãƒ—リをテスト） | AWS
AWS Device Farm デスクトップブラウザ㨠AWS ã§ãƒ›ã‚¹ãƒˆã•ã‚Œã¦ã„る実際ã®ãƒ¢ãƒã‚¤ãƒ«ãƒ‡ãƒã‚¤ã‚¹ã§ãƒ†ã‚¹ãƒˆã™ã‚‹ã“ã¨ã«ã‚ˆã‚Šã€ã‚¦ã‚§ãƒ–アプリケーションãŠã‚ˆã³ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リã®è³ªã‚’改善ã—ã¾ã™ AWS Device Farm ã¯ã€åºƒç¯„ãªãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ブラウザã¨å®Ÿéš›ã®ãƒ¢ãƒã‚¤ãƒ«ãƒ‡ãƒã‚¤ã‚¹ã§ãƒ†ã‚¹ãƒˆã™ã‚‹ã“ã¨ã«ã‚ˆã‚Šã€ã‚¦ã‚§ãƒ–アプリケーションã¨ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リã®å“質を改善ã§ãるよã†ã«ã™ã‚‹ã‚¢ãƒ—リケーションテストサービスã§ã™ã€‚テストインフラストラクãƒãƒ£ã‚’プãƒãƒ“ジョニングã—ã¦ç®¡ç†ã™ã‚‹å¿…è¦ã¯ã‚ã‚Šã¾ã›ã‚“。ã“ã®ã‚µãƒ¼ãƒ“スを利用ã™ã‚‹ã¨ã€è¤‡æ•°ã®ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ブラウザã¾ãŸã¯å®Ÿéš›ã®ãƒ‡ãƒã‚¤ã‚¹ã§ãƒ†ã‚¹ãƒˆã‚’åŒæ™‚ã«å®Ÿè¡Œã—ã¦ã€ãƒ†ã‚¹ãƒˆã‚¹ã‚¤ãƒ¼ãƒˆã®å®Ÿè¡Œã‚’高速化ã—ã€Device Farm ãŒå‹•ç”»ã¨ãƒã‚°ã‚’生æˆã—ã¦ã€ã‚¢ãƒ—リケーションã®å•é¡Œã‚’迅速ã«ç‰¹å®šã§ãるよã†ã«ã—ã¾ã™ã€‚
SyaroNote
2016/03/25 天下wikiæ¦é“会 http://connpass.com/event/27643/ 発表資料
Design Facts
©2020 Design Facts™ Images are ™ © of their respective owners.
Marxico - Markdown Editor for Evernote
Marxico The Missing Markdown Editor for Evernote Loading... View the demo # Welcome to Marxico @(Sample notebook)[Marxico|Manual|Markdown] **Marxico** is a delicate Markdown editor for Evernote. With reliable storage and sync powered by Evernote, **Marxico** offers greate writing experience. - **Versatile** - supporting code highlight, *LaTeX* & flow charts, inserting images & attachments by all m
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Ping Pong Scoreboard
ãªãœçµµæ–‡å—ã‚’å«ã‚€æ–‡å—ã‚’1æ–‡å—ãšã¤ã«åˆ†ã‘ã‚‹ã®ã«Array.fromã ã‘ã§å分ãªã®ã‹ï¼Ÿ - Qiita
http://rising.fm/
https://b00st.io/
CodePen - Almost complete guide to flexbox (without flexbox)
https://blogs.walkerart.org/design/2016/03/24/material-rob-giampietro-amber-bravo-google-design
{{#tags}}- {{label}}
{{/tags}}