Articulating Design Decisions
Talking My Way Into DesignUX Is Still YoungDesign Is Subjective...Sort ofBusinesses Don’t CritiqueEgo and IntuitionA Shift Toward ProductsDigital Experiences Are Real Life Too Many CooksEveryone Is a Designer!The Interface Is Your InterfaceThere Is No U or X in TeamCommunication MattersBeing Articulate Means SuccessBecoming a Great Designer
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アクセ
Post by @swdyh · 1 image
京都ã§é–‹å‚¬ã•ã‚ŒãŸå¤©ä¸‹wikiæ¦é“会(http://connpass.com/event/27643/)ã«è¡Œã£ã¦ãã¾ã—ãŸã€‚æ±äº¬ã‹ã‚‰ã‚ã–ã‚ã–å‚åŠ ã™ã‚‹ãŠã‚‚ã—ã‚ã„ã²ã¨ã‚„ã€Nota社やã¯ã¦ãªç¤¾ã®ãŠã‚‚ã—ã‚ã„ã²ã¨ãŒé›†ã¾ã£ã¦ã„ã¦é¢ç™½ã‹ã£ãŸã§ã™ã€‚発表もã¿ã‚“ãªé¢ç™½ã„ã—ã€å‚åŠ è€…æ•°ã‚‚å¤šããªã„ã‹ã‚‰è°è«–ã‚‚ã¯ã‹ã©ã£ãŸã‚Šã€ãŠã‚ã£ãŸå¾Œã‚‚ã„ã‚ã„ã‚話ãŒå‡ºæ¥ãŸã‚Šã—ã¦ã¨ã¦ã‚‚ã„ã„会ã ã£ãŸãªã‚ã¨æ€ã„ã¾ã—ãŸã€‚ è‡ªåˆ†ã‚‚ç™ºè¡¨æž ã§å‚åŠ ã—ã¦Jottitã®è©±ã‚’ã—ã¦ãã¾ã—ãŸã€‚Jottitã€æœ€è¿‘ã¯å‹•ã„ã¦ãªã„ã“ã¨ã‚‚多ã„ã—ã€Wikiを作ã£ã¦ã‚‹ã²ã¨ã®è©±ã‚’ã„ã‚ã„ã‚èžã„ã¦ã€Wiki作りãŸã„æ°—æŒã¡ãŒé«˜ã¾ã‚Šã¤ã¤ã‚ã£ã¦ã€æ¬¡å›žã¯ä½œã£ãŸã‚ˆã£ã¦ã„ã†è©±ãŒã§ããŸã‚‰ã„ã„ãªã¨æ€ã£ãŸã‚Šã—ã¦ã¾ã™ã€‚
AWS Device Farm （AWS クラウドã§å®Ÿéš›ã®ãƒ‡ãƒã‚¤ã‚¹ã‚’使用ã—ã¦ã‚¢ãƒ—リをテスト） | AWS
顧客ã¨åŒã˜ãƒ‡ãƒã‚¤ã‚¹ã§ãƒ†ã‚¹ãƒˆã‚’実施ã™ã‚‹ 物ç†ãƒ‡ãƒã‚¤ã‚¹ã®å¤šæ§˜ãªé¸æŠžè‚¢ã‚’利用ã—ã¦ãƒ†ã‚¹ãƒˆã‚„æ“作を実行ã—ã¾ã™ã€‚エミュレーターã¨ã¯ç•°ãªã‚Šã€ç‰©ç†ãƒ‡ãƒã‚¤ã‚¹ã‚’使用ã™ã‚‹ã¨ã€ãƒ¡ãƒ¢ãƒªã€CPU 使用率ã€å ´æ‰€ã€ãƒ¡ãƒ¼ã‚«ãƒ¼ã‚„通信事æ¥è€…ã«ã‚ˆã‚‹ãƒ•ã‚¡ãƒ¼ãƒ ウェアやソフトウェアã¸ã®å¤‰æ›´ãªã©ã®è¦ç´ を考慮ã™ã‚‹ã“ã¨ã§ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒã‚¢ãƒ—リケーションã¨ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã™ã‚‹æ–¹æ³•ã‚’よりæ£ç¢ºã«æŠŠæ¡ã§ãã¾ã™ã€‚当社ã¯ç¶™ç¶šçš„ã«ã€ãƒ•ãƒªãƒ¼ãƒˆã«ãƒ‡ãƒã‚¤ã‚¹ã‚’è¿½åŠ ã—ã¦ã„ã¾ã™ã€‚ å•é¡Œç‚¹ã®å†ç¾ã¨ä¿®æ£ã‚’高速化ã™ã‚‹ å•é¡Œç‚¹ã‚’手動ã§å†ç¾ã—ã€ä¸¦è¡Œã—ã¦è‡ªå‹•ãƒ†ã‚¹ãƒˆã‚’実施ã—ã¾ã™ã€‚当社ã¯ã€å‹•ç”»ã€ãƒã‚°ã€ãƒ‘フォーマンスデータをåŽé›†ã—ã¦ã€ãŠå®¢æ§˜ãŒå•é¡Œã‚’æ·±ã掘り下ã’ã¦è¿…速ã«è§£æ±ºã§ãるよã†ã«ã—ã¾ã™ã€‚テストã®è‡ªå‹•åŒ–ã§ã¯ã€å•é¡Œç‚¹ã®è˜åˆ¥ã¨ã‚°ãƒ«ãƒ¼ãƒ—化㯠AWS ã«ã‚ˆã£ã¦è¡Œã‚れるãŸã‚ã€ã¾ãšæœ€ã‚‚é‡å¤§ãªå•é¡Œã«ç„¦ç‚¹ã‚’åˆã‚ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚
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/
Loading...
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}}