https://jp.techcrunch.com/2018/02/14/2018-02-13-the-sudden-death-of-the-website/
é¢å€’ãªä½œæ¥ä¸è¦ã§ã€Webアプリ開発ãŒåŠ‡çš„ã«ã¯ã‹ã©ã‚‹ï¼è‡³é«˜ã®JavaScriptライブラリ6é¸ -
ã©ã†ã‚‚ã€ã¾ã•ã¨ã‚‰ã‚“（@0310lan）ã§ã™ï¼ 今回ã¯ã€Webサービスやアプリ開発ãªã©ã«ã¨ã¦ã‚‚便利ãªJavaScriptライブラリを厳é¸ã—ã¦ã”紹介ã—よã†ã¨æ€ã„ã¾ã™ï¼ 強力ãªç‹¬è‡ªæ©Ÿèƒ½ã‚’ç°¡å˜ã«è¿½åŠ ã§ãã‚‹ã‚‚ã®ã‚„トレンドã«åˆã‚ã›ãŸWebデザインを構築ã§ãã‚‹ã‚‚ã®ã€ãã®ã¾ã¾Webサービスã¨ã—ã¦åˆ©ç”¨ã§ãã‚‹ã‚‚ã®ã¾ã§ã€ãƒ”ックアップã—ã¦ã¿ã¾ã—ãŸã€‚ ã“ã‚Œã‹ã‚‰Web開発を始ã‚よã†ã¨ã„ã†äººã¯ã‚‚ã¡ã‚ã‚“ã§ã™ãŒã€é–‹ç™ºãƒã‚¿ã«å›°ã£ã¦ã„る人も何ã‹è‰¯ã„アイデアãŒç™ºè¦‹ã§ãã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã®ã§ã€ãœã²å‚考ã«ã—ã¦ã¿ã¦ãã ã•ã„ï¼ â– æ³¢å½¢è¡¨ç¤ºã‚„ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚‚ä½œã‚Œã‚‹é«˜æ©Ÿèƒ½ãªéŸ³æ¥½ãƒ©ã‚¤ãƒ–ãƒ©ãƒªï¼ ã€ wavesurfer.js 】 音声ファイルをèªã¿è¾¼ã‚€ã ã‘ã§ã‚°ãƒ©ãƒ•ã‚£ã‚«ãƒ«ãªæ³¢å½¢è¡¨ç¤ºãŒå¯èƒ½ã§ã€å¤šå½©ãªã‚ªãƒ—ションを利用ã™ã‚‹ã“ã¨ã§è‡ªåœ¨ã«éŸ³å£°ã‚’制御ã§ãã‚‹JavaScriptライブラリã§ã™ã€‚ 音声ã®å†ç”Ÿãƒ»æ—©é€ã‚Šãƒ»å·»ã戻ã—・ミュートãªã©ã®åŸºæœ¬æ©Ÿèƒ½ã¯ã‚‚ã¡ã‚ã‚“ã€éŸ³å£°ã®æ›¸ã
SSL/TLSã«ã¤ã„ã¦ã¾ã¨ã‚2018 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ã¯ã˜ã‚ã« SSL/TLSã«ã¤ã„ã¦æ”¹ã‚ã¦ç†è§£ã‚’æ·±ã‚ãŸã„æ€ã„ã€é–¢é€£ã™ã‚‹æŠ€è¡“ã«ã¤ã„ã¦ã¾ã¨ã‚ã¾ã—ãŸã€‚ 本記事ã¯TLSã«é–¢ã™ã‚‹ã“ã¨ä¸»é¡Œã¨ã—ã¦ã€HTTPSã€æš—å·åŒ–ã€Apacheã€OpenSSLç‰ã«ã¤ã„ã¦è¨˜è¼‰ã—ã¦ã„ã¾ã™ã€‚ SSL/TLSã®é€šä¿¡ã¯è‰²ã€…ãªãƒ—ãƒãƒˆã‚³ãƒ«ã‚„æš—å·åŒ–æ–¹å¼ãŒçµ„ã¿åˆã‚ã•ã‚Œè£œã„ã‚ã£ã¦ã§ãã¦ã„ã¾ã™ã€‚æš—å·åŒ–ã®ä»•çµ„ã¿ã¯ãƒ‘ズルã®ã‚ˆã†ã§é¢ç™½ã„ã§ã™ã€‚一ã¤ä¸€ã¤ã‚’èªã¿å–ã‚Šç†è§£ãŒæ·±ã¾ã‚‹ã”ã¨ã§ã€SSL/TLSã£ã¦æœ¬å½“ã«ã‚ˆãã§ãã‚‹ã¨æ€ã„ã¾ã—ãŸã€‚フレームワークã®æ„味ã«ã¤ã„ã¦è€ƒãˆã•ã‚‰ã‚Œã¾ã™ã€‚ HTTPSã®é€šä¿¡ HTTPSã®é€šä¿¡ã¯TCP/IPプãƒãƒˆã‚³ãƒ«ã‚¹ã‚¤ãƒ¼ãƒˆã¨ã—ã¦
★★ã€ä¿å˜ç‰ˆã€‘Font Awesomeã®ä½¿ã„æ–¹ã¾ã¨ã‚：Webアイコンフォントを使ãŠã†
今回ã¯Font Awesomeã¨ã„ã†è¶…便利ãªã‚µãƒ¼ãƒ“スã®ä½¿ã„方をã¾ã¨ã‚ã¾ã™ã€‚後åŠã§ã¯ã‚¢ã‚¤ã‚³ãƒ³ã«ã•ã¾ã–ã¾ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³åŠ¹æžœã‚’ã¤ã‘る方法も解説ã—ã¾ã™ã€‚ 1. Font Awesomeã¨ã¯ï¼Ÿ ã–ã£ãã‚Šã¨ã„ã†ã¨ã‚¦ã‚§ãƒ–サイトやブãƒã‚°ã§Webアイコンフォントを表示ã§ãるよã†ã«ã—ã¦ãれるサービスã§ã™ã€‚
Web制作者ãŒãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„ã€æœ€è¿‘ã®Webサイトã§è¦‹ã‹ã‘るデザインã®ãƒˆãƒ¬ãƒ³ãƒ‰ -2018å¹´1,2月
デザインã§æ‚©ã‚“ã 時ã«ã¯ã€æ–°é®®ãªãƒˆãƒ¬ãƒ³ãƒ‰ã‚’ãƒã‚§ãƒƒã‚¯ã—ã¦ã¿ã‚‹ã¨è‰¯ã„インスピレーションã«ç¹‹ãŒã‚Šã¾ã™ã€‚最近ã®Webサイトã§è¦‹ã‹ã‘るデザインã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’紹介ã—ã¾ã™ã€‚ 今ã¾ã§ä½¿ç”¨ã—ã¦ããŸãƒˆãƒ¬ãƒ³ãƒ‰ã«ã‚‚ä¸€æ‰‹é–“åŠ ãˆã‚‰ã‚Œã¦ã€ã‚ˆã‚Šé…力的ãªã‚‚ã®ã«ãªã£ã¦ã„ã¾ã™ã€‚ 3 Essential Design Trends, January 2018 3 Essential Design Trends, February 2018 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ※当ブãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ 左上ã®ãƒã‚´ã‚’シンプル㫠垂直型ã®ç´°ã„サイドãƒãƒ¼ ピーãƒãƒ»ã‚«ãƒ©ãƒ¼ サークル状ã®è¦ç´ 分割レイアウト ダーク系ã®èƒŒæ™¯ã«ãƒ›ãƒ¯ã‚¤ãƒˆã®ãƒ†ã‚スト 左上ã®ãƒã‚´ã‚’シンプル㫠ã“ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã¯è¦‹é€ƒã•ã‚ŒãŒã¡ã§ã™ãŒã€å·¦ä¸Šã«ãƒ–ランドをテã‚スト化ã—ãŸã‚‚ã®ãŒã‚«ãƒ ãƒãƒƒã‚¯ã—ã¦ã„ã¾ã™ã€‚アイコンをå«ã‚ã‚‹ã®ã‚‚ã‚‚ã¡ã‚ん有りã§ã€æ³¨ç›®
プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ãŒä¾¿åˆ©ã«ï¼2018å¹´ã«å–り入れãŸã„オススメã®ã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼5é¸
JavaScriptã‚’ã¯ã˜ã‚ã¨ã—ãŸãƒ–ラウザサイドã®Webプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’ç·ç§°ã—ã¦ã€Œãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã€ã¨å‘¼ã³ã¾ã™ã€‚ãã‚“ãªãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å‘¨ã‚Šã®ç’°å¢ƒã¯æ˜¨ä»Šå¤šæ§˜åŒ–ã—ã¦ãŠã‚Šã€æ§˜ã€…ãªãƒ„ールãŒä¹±ç«‹ã—ã¦ã„ã‚‹ãŸã‚ã€ä½¿ã„ã“ãªã™ã®ã¯è‡³é›£ã®æŠ€ã§ã™ã€‚ ãã“ã§2009å¹´é ƒã‹ã‚‰ç™»å ´ã—ãŸã®ãŒã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ã§ã™ã€‚タスクランナーã¨ã¯Webサイト構築ã«å¿…è¦ãªå‡¦ç†ã‚’タスクã¨ã—ã¦è‡ªå‹•åŒ–ã—ã¦ãれるプãƒã‚°ãƒ©ãƒ ã§ã€ã¨ã¦ã‚‚便利ã§ã™ã€‚ タスクランナーã¨ã„ã†è¨€è‘‰è‡ªä½“ã¯èžã„ãŸã“ã¨ãŒã‚る方もã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ã©ã‚“ãªã‚‚ã®ãªã®ã‹ã€ãã‚‚ãも何ãªã®ã‹ã¨ã„ã†ã®ã‚’ã€ã“ã“ã§æ”¹ã‚ã¦æ•´ç†ã—ã¦ã¿ã¾ã—ょã†ã€‚今回ã¯2018å¹´ã“ãå–り入れãŸã„ãŠã™ã™ã‚タスクランナー5é¸ã‚’ã”紹介ã—ã¾ã™ã€‚ タスクランナーã¨ã¯ タスクランナーã¨ã¯ã€å…ˆã«ã‚‚触れãŸã¨ãŠã‚Šã€Web構築ã«å¿…è¦ãªå‡¦ç†ã‚’自動ã§è¡Œã£ã¦ãれるプãƒã‚°ãƒ©ãƒ ã®ã“ã¨ã§ã™ã€‚ è¿‘å¹´ã®Web技術ã¯éžå¸¸ã«é«˜åº¦åŒ–・広範化ã—ã¦ãŠã‚Šã€
広告ブãƒãƒƒã‚¯ãƒ„ールã¯ã‚ªãƒ¼ãƒ«ã‚ªã‚¢ãƒŠãƒƒã‚·ãƒ³ã‚°ãªã®ãŒå•é¡Œ - progd's blog
iOS9ã®æ–°æ©Ÿèƒ½ã€åºƒå‘Šãƒ–ãƒãƒƒã‚¯ãŒè©±é¡Œã 。è°è«–ã®ä¸å¿ƒã®ã²ã¨ã¤ã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ãªå¯¾ç«‹æ„見ã 。 広告ブãƒãƒƒã‚¯ãƒ„ールã¯Webクリエイターã®åŽç›Šã‚’奪ã„ã€æ®ºã™ã€‚å°†æ¥Webã¯ã€ä»Šã‚ˆã‚Šãšã£ã¨ç¸®å°ã™ã‚‹ã ã‚ã†ã€‚ä¼æ¥ãŒäºˆç®—ã‚’ã‹ã‘ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯ç„¡æ–™ã§é–²è¦§å¯èƒ½ãªé ˜åŸŸã‹ã‚‰ã¯å§¿ã‚’消ã—ã€ã‹ã¤ã¦å€‹äººãŒè¶£å‘³ã§é‹å–¶ã—ã¦ã„ãŸã€Œãƒ›ãƒ¼ãƒ ページã®æ™‚代ã€ãŒå†æ¥ã™ã‚‹ã€‚ãã®ä¸–ç•Œã¯ã€ä»Šã®è±Šç©£ãªWebã€æ§˜ã€…ãªå¯èƒ½æ€§ã«æº€ã¡æº¢ã‚ŒãŸWebã®ä¸–界よりもã€ãšã£ã¨ã¤ã¾ã‚‰ãªã„ã‚‚ã®ã«ãªã‚‹ã ã‚ã†ã€‚広告ブãƒãƒƒã‚¯ãƒ„ールã¯ã€Œé‚ªæ‚ªãªåºƒå‘Šã€ã¸ã®ãƒ¦ãƒ¼ã‚¶ã®è‡ªè¡›æ‰‹æ®µã 。スマホã®ç”»é¢ã‚’覆ã„å°½ãã—ãŸã‚Šã€èª¤ã‚¿ãƒƒãƒ—を誘ã£ãŸã‚Šã€éŽæ¿€ã§ä¸‹å“ãªã‚¨ãƒãƒãƒŠãƒ¼ã«å¯¾ã—ã¦ã€è‡ªæµ„作用を発æ®ã—ãªã„Web広告æ¥ç•Œã®è‡ªæ¥è‡ªå¾—ã 。ãã‚‚ãã‚‚ãã‚“ãªåºƒå‘Šã¯çµ¶å¯¾ã«ã‚¿ãƒƒãƒ—ã—ãªã„ã®ã§ã€ãƒ–ãƒãƒƒã‚¯ã—ã¦ã‚‚çµæžœã¯åŒã˜ã 。ã“ã®è°è«–ã«ã¯ã€ç¾çŠ¶ã®åºƒå‘Šãƒ–ãƒãƒƒã‚¯ãƒ„ールã¯ã‚らゆる広告を消ã—ã¦ã—ã¾ã†ã¨ã„ã†æ€§è³ªãŒå‰æã¨ã—ã¦å˜åœ¨ã™ã‚‹ã€‚ 「邪悪ãªåºƒå‘Šã€
Web Developer Roadmap 2018ãŒå‡ºãŸã®ã§2017年版ã¨æ¯”較ã—ã¦ã¿ã‚‹ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 先日Web Developer RoadmapãŒ2018年版ã«æ›´æ–°ã•ã‚Œã¾ã—ãŸã€‚(kamranahmedse/developer-roadmap) ç°¡å˜ã«è¨€ãˆã°Webã«æºã‚ã£ã¦ã„る人ãŒä½•ã‹ã‚’勉強＆実装ã™ã‚‹éš›ã«è¿·ã£ãŸã‚‰è¦‹ã‚ï¼ã£ã¦æ„Ÿã˜ã®ã‚„ã¤ã§ã™ã€‚ ãƒãƒ§ãƒ¼ãƒ¤ãƒ/ナウã„/MK5ã®ä¸‰æ®µéšŽã§ä¸–ã«ã‚る技術を区別ã—ã¦ã„ã¾ã™ã€‚æ›´ã«å¤§ããªæž ã¨ã—ã¦Front-end/Back-end/Dev Opsã¨åˆ†ã‘られã¦ã„ã¾ã™ã€‚ æ£ç›´Dev Opsã¯ã•ã£ã±ã‚Šãƒ”ーマンãªã®ã§ã‚ã¾ã‚Šè§¦ã‚Œã‚‰ã‚Œã¾ã›ã‚“ãŒã€2017ã¨2018ã§å¤‰ã‚ã£ãŸã¨ã“ã‚ãŒã‚ã‚Œã°æ³¨ç›®ã—ã¦æ›¸ã„ã¦ã„ã“ã†ã‹ãªã£ã¦è¨˜äº‹ã§
ã€2018年版】今押ã•ãˆã¦ãŠããŸã„フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–¢é€£ - Qiita
個人的ã«æŠ¼ã•ãˆã¦ãŠã„ãŸã»ã†ãŒã„ã„ã¨æ€ã†æƒ…å ±ã‚„æœ€è¿‘å‹•å‘ãŒæ°—ã«ãªã£ã¦ã„ã‚‹æƒ…å ±ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ çŸæ™‚間調ã¹ãŸç¨‹åº¦ã§ã‚¶ãƒƒã‚¯ãƒªæ›¸ã„ã¦ã¾ã™ã®ã§ã€æŽ²è¼‰ã—ã¦ã„ã‚‹æƒ…å ±ã«é–“é•ã„ãªã©ã‚ã‚Šã¾ã—ãŸã‚‰ã€ ã”指摘ã„ãŸã ã‘ã‚‹ã¨åŠ©ã‹ã‚Šã¾ã™ã€‚ ç¾æ™‚点ã§Working Draft,Editor's Draftã®æƒ…å ±ã‚‚ã‚ã‚Šã¾ã™ã—ã€ãƒ–ラウザå´ã§ã»ã¨ã‚“ã©å®Ÿè£…ã•ã‚Œã¦ãªã„プãƒãƒ‘ティ（æ¥å‹™ã§ã¯ã‚ã¾ã‚Šä½¿ãˆãªã„系）もç©æ¥µçš„ã«è¼‰ã›ã¦ã„ã£ã¦ã„ã‚‹ã®ã§ã€å¯¾å¿œçŠ¶æ³ã«ã¤ã„ã¦ã¯Can I useã‚„MDNã§èª¿ã¹ã¦ãã ã•ã„。 途ä¸ã¾ã§è¼‰ã›ã¦ãŸã‘ã©å¤šã™ãŽã¦ã‚ãらã‚ãŸ... HTML Resource Hints(dns-prefetch, preconnect, prefetch, prerender) 指定ã—ã¦ãŠãã“ã¨ã§ã€ãƒšãƒ¼ã‚¸é·ç§»æ™‚ã«åå‰è§£æ±ºãƒ»æŽ¥ç¶šãƒ»ãƒªã‚½ãƒ¼ã‚¹ã®å–得・レンダリングを早ã‚ã‚‹ã“ã¨ãŒã§ãる。 Link types - HTML | MDN Prelo
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}