Anycloud Inc.COO ex-SAGOJO Inc. COO マーケã®ã‚³ãƒ³ã‚µãƒ«â†’プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ç‹¬å¦ã—ã¦èµ·æ¥ã€‚ プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã€ãƒ‡ãƒ¼ã‚¿åˆ†æžã€ãƒ‡ã‚¸ã‚¿ãƒ«ãƒžãƒ¼ã‚±ãƒ‡ã‚£ãƒ³ã‚°ãªã©ãŒå¾—æ„。 å¦æ ¡è¬›å¸«ã€ãƒ—ãƒãƒœã‚¯ã‚µãƒ¼ã‚‚ãŸã¾ã«ã€‚
デザインã«ä¾¿åˆ©ãªãƒ„ール18é¸ï½œã‹ãšãŸã‹
Anycloud Inc.COO ex-SAGOJO Inc. COO マーケã®ã‚³ãƒ³ã‚µãƒ«â†’プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ç‹¬å¦ã—ã¦èµ·æ¥ã€‚ プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã€ãƒ‡ãƒ¼ã‚¿åˆ†æžã€ãƒ‡ã‚¸ã‚¿ãƒ«ãƒžãƒ¼ã‚±ãƒ‡ã‚£ãƒ³ã‚°ãªã©ãŒå¾—æ„。 å¦æ ¡è¬›å¸«ã€ãƒ—ãƒãƒœã‚¯ã‚µãƒ¼ã‚‚ãŸã¾ã«ã€‚
æ„外ã¨çŸ¥ã‚‰ãªã„？HTML/CSSを書ã上ã§ä¾¿åˆ©ãªãƒ‡ãƒ™ãƒãƒƒãƒ‘ーツールã®æ©Ÿèƒ½13é¸ï½œã‹ãšãŸã‹
※ã“ã¡ã‚‰ã®è¨˜äº‹ãŒ400ã¯ã¦ãƒ–以上ã¤ã„ã¦ã€ç·åˆã¨ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã®äººæ°—エントリーã«å…¥ã‚Šã¾ã—ãŸï¼ ã“ã‚“ã«ã¡ã¯ã€‚Kazutaka Shimizuã§ã™ã€‚ フリーランスã¨ã—ã¦PMã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’ã‚„ã£ã¦ã„ã¾ã™ã€‚ 元々ã¯Webマーケティングã®ã‚³ãƒ³ã‚µãƒ«ã‚¿ãƒ³ãƒˆã‚’ã‚„ã£ã¦ã„ã¾ã—ãŸãŒã€ç‹¬å¦ã§Web開発を勉強ã—ã¦ãƒ—ãƒãƒ€ã‚¯ãƒˆã‚’作ã£ã¦èµ·æ¥ã—ã¾ã—ãŸã€‚ 最近ã¯å‰µæ¥ã—ãŸä¼šç¤¾ã‚’離れã€ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã¨ã—ã¦æ´»å‹•ã—ãŸã‚Šã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’独å¦ã—ãŸçµŒé¨“ã‚’ã“ã¡ã‚‰ã®ãƒ„イッターã§ç™ºä¿¡ã—ã¦ã„ã¾ã™ã€‚ ã¿ãªã•ã‚“ã¯Google Chromeã®ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーツールをã”å˜çŸ¥ã§ã™ã‹ï¼Ÿ ドットインストールãªã©ä¸€éƒ¨ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å¦ç¿’サービスã§ã¯ã€ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーツールã®ãƒ¬ãƒƒã‚¹ãƒ³ãŒã‚ã‚‹ãªã©ã€ãŠãらãå…¨ã知らãªã„人ã¯ã‹ãªã‚Šå°‘ãªã„ã¨æ€ã„ã¾ã™ã€‚ ã—ã‹ã—ã€ã¨ã«ã‹ã多機能ãªãŸã‚ã€æ„外ã¨ä¾¿åˆ©ãªæ©Ÿèƒ½ã‚’使ã£ãŸã“ã¨ãŒãªã„ã¨ã„ã†ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°åˆå¿ƒè€…ã®æ–¹ã‚‚多ã„よã†ã§ã™ã€‚ 僕自身ã€ä½•åº¦ã‹è‡ªåˆ†ã®Tw
ä¿å˜ç‰ˆï¼ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ールã®ç·ã¾ã¨ã‚ -200種類以上ã®å®šç•ªãƒ„ールã‹ã‚‰æœ€è¿‘リリースã•ã‚ŒãŸæ³¨ç›®ã®ãƒ„ールã¾ã§
Webサイトã€ã‚¹ãƒžãƒ›ã‚¢ãƒ—リã®åˆ¶ä½œãƒ»é–‹ç™ºã«æºã‚ã‚‹ã™ã¹ã¦ã®äººã«å½¹ç«‹ã¤ã€200種類以上ã®æœ‰æ–™ãƒ»ç„¡æ–™ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ールを紹介ã—ã¾ã™ã€‚ 定番ツールã‹ã‚‰æœ€è¿‘リリースã•ã‚ŒãŸæ³¨ç›®ã®ãƒ„ールã¾ã§ã€ä¾¿åˆ©ãªãƒ„ールãŒæƒã£ã¦ã„ã¾ã™ã€‚ Awesome Design Tools -GitHub 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ※当ブãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ アクセシビリティã®ãƒ„ール アニメーションã®ãƒ„ール AR（拡張ç¾å®Ÿï¼‰ã®ãƒ„ール コラボレーションã®ãƒ„ール カラーピッカーã®ãƒ„ール デザインã®ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ãƒ„ール デザインã®ãƒãƒ³ãƒ‰ã‚ªãƒ•ãƒ„ール デザインパターンã¨ã‚¤ãƒ³ã‚¹ãƒ”レーションã®ãƒ„ール デザインシステムã®ãƒ„ール デザインをコードã«ã™ã‚‹ãƒ„ール エクスペリエンスã®ãƒ¢ãƒ‹ã‚¿ãƒªãƒ³ã‚°ãƒ„ール フォントã®ãƒ„ール スクリーンショットã®ãƒ„ール アイコンã®ãƒ„ール イラストã®ãƒ„ール æƒ…å ±ã‚¢ãƒ¼ã‚テクãƒãƒ£ã®
ウェブデザイン制作ãŒçˆ†é€Ÿã«ï¼ä¾¿åˆ©ãªæœ€æ–°ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ール47個ã¾ã¨ã‚
ウェブデザイナーやグラフィックデザイナーã®ãƒ‡ã‚¶ã‚¤ãƒ³åˆ¶ä½œã‚’スピードアップã•ã›ã‚‹ã€ä¾¿åˆ©ãªæœ€æ–°ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ールをã”紹介ã—ã¾ã™ã€‚ ゼãƒã‹ã‚‰ä½œã‚‹ã¨æ™‚é–“ã®ã‹ã‹ã£ã¦ã—ã¾ã„ãã†ãªã“ã¨ã‚‚ã€ã“れらã®ãƒ„ールを使ã†ã“ã¨ã§å¤§å¹…ã«åˆ¶ä½œæ™‚é–“ã‚’çŸç¸®ã§ãるツールãŒæƒã„ã¾ã™ã€‚今後ã®ãƒ‡ã‚¶ã‚¤ãƒ³åˆ¶ä½œã®ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã«å–り入れã¦ã¿ã¦ã¯ã„ã‹ãŒã§ã—ょã†ã€‚ ã“ã“ã§ã¯ã€ã‚«ãƒ†ã‚´ãƒªãƒ¼åˆ¥ã«åˆ†ã‘ã¦æ–°ã—ã„オンラインツールをã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚ コンテンツ目次 1. モックアップツール 2. デザインツール 3. デザインã‹ã‚‰ã‚³ãƒ¼ãƒ‰ã¸ã®å¤‰æ›ãƒ„ール 4. プãƒãƒˆã‚¿ã‚¤ãƒ—ツール 5. サウンドツール 6. ã‚¢ã‚¤ã‚³ãƒ³ç´ æパック 7. コラボレーションã€å…±åŒä½œæ¥ãƒ„ール 8. é¢ç™½ãƒ„ール 9. フォントã€æ›¸ä½“ツール ウェブデザイン制作を爆速ã«ï¼ä¾¿åˆ©ãªæœ€æ–°ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ールã¾ã¨ã‚ モックアップツール Design Camera アニメーション付ãã®ï¼“Dモックアップを数秒ã§ä½œ
Macæ´15å¹´ã®WEBデザイナーãŒã‚ªã‚¹ã‚¹ãƒ¡ã™ã‚‹ä¾¿åˆ©è£œåŠ©ãƒ„ール13é¸ | æ ªå¼ä¼šç¤¾ã‚¤ãƒ³ãƒ‡ã‚£ãƒãƒ«
人æã®ç¢ºä¿ãŒé›£ã—ã„時代ã«ã‚ã£ã¦ã‚‚〠ãã®çŠ¶æ³ã‚’鮮やã‹ã«ä¸€å¤‰ã•ã›ã‚‹ã‚«ãƒ¼ãƒ‰ã¯ ãã£ã¨ã‚る。 ç§ãŸã¡ã¯æ¥ç•Œã®ã‚¤ãƒ³ãƒ•ãƒ©ã¨ãªã£ã¦ ã•ã¾ã–ã¾ãªã‚µãƒ¼ãƒ“スを展開ã—〠採用シーンã®ã‚らゆる課題を 解決ã«å°Žãã¾ã™ã€‚ ãã®æ™‚々ã€ãã‚Œãžã‚Œã®å ´é¢ã§ 最善ã®ä¸€æ‰‹ã‚’考ãˆç¶šã‘〠先進的ã‹ã¤ãƒ¦ãƒ‹ãƒ¼ã‚¯ãª 人æ調é”・活èºæ”¯æ´ã‚µãƒ¼ãƒ“スã®åŠ›ã§ ã¤ãªãŒã£ãŸå…ˆã®æ™¯è‰²ã¾ã§æ”¯ãˆã¦ã„ãã¾ã™ã€‚
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}