ペンギンコラメーカー
ペンギンコラメーカー URLã§é–‹ã / ç”»åƒæ›¸ã出㗠/ ã¤ã¶ã‚„ã 左上ペンギン ä¸ä¸Šãƒšãƒ³ã‚®ãƒ³ å³ä¸Šãƒšãƒ³ã‚®ãƒ³ ä¸ä¸‹ãƒšãƒ³ã‚®ãƒ³ ç”»åƒã«å°è©žã‚’åæ˜ Powerd by ペンギンコラメーカー @powder0326ã•ã‚“をフォãƒãƒ¼
CSS Gridã¨Flexboxã®ä¾¿åˆ©ãªãƒ„ールãŒç™»å ´ï¼ レイアウトを確èªã—ãªãŒã‚‰ã€ã‚³ãƒ¼ãƒ‰ã‚’生æˆã§ãã‚‹ -CSS Layout Generator
Webサイトã§ã‚ˆã使用ã•ã‚Œã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ã€Œãƒ˜ãƒƒãƒ€ãƒ»ãƒ¡ã‚¤ãƒ³ãƒ»ãƒ•ãƒƒã‚¿ã€ã€Œãƒ˜ãƒƒãƒ€ãƒ»ã‚µã‚¤ãƒ‰ãƒãƒ¼ãƒ»ãƒ¡ã‚¤ãƒ³ãƒ»ãƒ•ãƒƒã‚¿ã€ã€Œã‚«ãƒ¼ãƒ‰åž‹ã€ã€Œã‚µã‚¤ãƒ‰ãƒãƒ¼ã€ãªã©ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’確èªã—ãªãŒã‚‰ã€CSSã®ã‚³ãƒ¼ãƒ‰ã‚’生æˆã§ãる無料オンラインツールを紹介ã—ã¾ã™ã€‚ 実装ã¯CSS Gridã§ã€ä»Šå¾ŒFlexboxã«ã‚‚対応予定2022å¹´ã«CSS Flexboxã«ã‚‚対応ã—ã¾ã—ãŸã€‚レイアウトを実装ã™ã‚‹ãŸã‚ã«ä½¿ç”¨ã—ã¦ã‚‚よã—ã€CSSã®å‹‰å¼·ã«ã‚‚よã—ã®ä¾¿åˆ©ãƒ„ールã§ã™ã€‚
フリーランスã®ãƒ©ã‚¤ã‚¿ãƒ¼å‘ã‘ã«ä½œã‚‰ã‚ŒãŸã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã®é™çš„Webジェãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ãƒ»ã€ŒLancer Profileã€
Lancer Profileã¯ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã®ãƒ©ã‚¤ã‚¿ãƒ¼å‘ã‘ã«ä½œã‚‰ã‚ŒãŸã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã®é™çš„Webジェãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã§ã™ã€‚ライターå‘ã‘ã®ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã‚’作æˆã§ãã‚‹ã€ã¨ã„ã†ã‚‚ã®ã§ã™ãŒã€ãƒ©ã‚¤ã‚¿ãƒ¼ä»¥å¤–ã§ã‚‚対応ã§ããã†ã§ã™ã€‚メニューã®ãƒ†ã‚ストãŒå¤‰æ›´ã§ããªã„ã®ãŒå°‘ã—ç—›ã„ã§ã™ãŒã€ãƒ•ã‚©ãƒ³ãƒˆã«Noto Sans JPãŒé¸æŠžã§ãã‚‹ã®ã§ä¸€å¿œæ—¥æœ¬èªžåœã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã§ã‚‚利用ã§ãるよã†ã«ã—ã¦ãã‚ŒãŸãƒ»ãƒ»ã®ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 ãƒã‚°ã‚¤ãƒ³ã¯å¿…è¦ãªãã€ä½œæˆã—ãŸãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã‚µã‚¤ãƒˆã¯Netlifyã§ãƒ‡ãƒ—ãƒã‚¤ã™ã‚‹å½¢ã«ãªã‚Šã¾ã™ã€‚よã£ã¦ã€åŸºæœ¬çš„ã«ã¯ã‚µãƒ¼ãƒãƒ¼ã‚‚制作も無料ã§å…¬é–‹ã¾ã§æŒã£ã¦ã„ã‘ã‚‹ã®ãŒæœ¬ãƒ„ールã®ãƒ¡ãƒªãƒƒãƒˆã¨ã—ã¦ã„ã‚‹ã¿ãŸã„ã§ã™ã€‚ デフォルトã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«ã‚‚対応ã€è¡¨ç¤ºã‚‚爆速ã§HTML/CSSã®é™çš„サイトãªãŸã‚ãƒãƒƒã‚ングã®å¿ƒé…ã‚‚ãªã„ã€ã¨ã®äº‹ã€‚ã¾ãŸã€ä½œæˆã—ãŸã‚µã‚¤ãƒˆã¯Netlifyã§ã„ã¤ã§ã‚‚DLå¯èƒ½ãªã®ã§ã€æœ¬ã‚µãƒ¼ãƒ“スãŒãŠäº¡ããªã‚Šã«ãªã£ã¦ã‚‚心é…ãªã„ã€ãªã©ãª
Python製 Pelican を使ã£ã¦ã‚µã‚¯ãƒƒã¨ãƒ–ãƒã‚°ã‚’公開ã™ã‚‹ - Qiita
Pelican Python製ã®é™çš„サイトジェãƒãƒ¬ãƒ¼ã‚¿ã§ã™ã€‚Ruby製ã®Jekyllã‚„Octropressã«ä¼¼ã¦ã„ã¾ã™ãŒã€Pelicanã¯Pythonã ã‘ã§å‹•ã‹ã›ã¾ã™ã€‚GitHub Pagesã¸ã®å…¬é–‹ã‚‚éžå¸¸ã«ç°¡å˜ã§ã™ã€‚ å…¬å¼ã‚µã‚¤ãƒˆãŒã¨ã¦ã‚‚充実ã—ã¦ã„ã¾ã™ãŒæ—¥æœ¬èªžã®è³‡æ–™å°‘ãªã„ã®ã§ã€å‚™å¿˜éŒ²ã¨ã—ã¦æ®‹ã—ã¾ã™ã€‚ å…¬å¼ http://docs.getpelican.com/en/4.0.1/ â–ªï¸å‹•ä½œç’°å¢ƒ macOS Mojave python 3.6.5 pelican 4.0.1 GitHub Pages ã¾ãšã€ã‚µã‚¤ãƒˆã‚’アップãƒãƒ¼ãƒ‰ã™ã‚‹GitHub Pagesを作æˆã—ã¾ã™ã€‚ GitHub Pagesã¯ã€é™çš„サイトã®ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã‚µãƒ¼ãƒ“スã§ã™ã€‚GitHub ã®ã‚¢ã‚«ã‚¦ãƒ³ãƒˆãŒã‚ã‚Œã°ã™ãã«é™çš„サイトãŒå…¬é–‹ã§ãã¾ã™ã€‚ ã•ã‚‰ã«æ˜¨å¹´ã‹ã‚‰ã€ç‹¬è‡ªãƒ‰ãƒ¡ã‚¤ãƒ³ã®HTTPS化も対応ã—ã¾ã—ãŸã€‚ https://github.bl
身分証風ã‹ã‚‰è³žé‡‘首ã¾ã§ã€å¥½ããªã‚«ãƒ¼ãƒ‰ãŒç°¡å˜ã«ä½œã‚Œã‚‹ã€Œã‚«ãƒ¼ãƒ‰ãƒ¡ãƒ¼ã‚«ãƒ¼ORICA(オリカ)ã€
æ ªå¼ä¼šç¤¾LIBREã¯ã€11月11æ—¥ã€ã‚ªãƒªã‚¸ãƒŠãƒ«ã‚«ãƒ¼ãƒ‰ãŒä½œæˆã§ãã‚‹Webサービス「カードメーカーORICA(オリカ)ã€ã®æ供を開始ã—ãŸã€‚利用ã¯ã™ã¹ã¦ç„¡æ–™ã€‚ åŒã‚µãƒ¼ãƒ“スã¯ã€ãƒˆãƒ¬ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚«ãƒ¼ãƒ‰é¢¨ã€èº«åˆ†è¨¼é¢¨ã€è³žé‡‘首風ãªã©ã€ã•ã¾ã–ã¾ãªã‚ªãƒªã‚¸ãƒŠãƒ«ã‚«ãƒ¼ãƒ‰ç”»åƒãŒä½œã‚Œã‚‹Webサービス。ブラウザ上ã§ãƒ¡ã‚¤ãƒ³ç”»åƒã¨æ–‡å—æƒ…å ±ã‚’å…¥åŠ›ã™ã‚‹ã ã‘ã§ã€ç°¡å˜ã«ãƒªãƒƒãƒãªã‚ªãƒªã‚¸ãƒŠãƒ«ã‚«ãƒ¼ãƒ‰ç”»åƒã‚’作æˆã™ã‚‹ã“ã¨ãŒã§ãる。 作æˆã—ãŸã‚«ãƒ¼ãƒ‰ç”»åƒã¯ã€å•†ç”¨ãƒ»éžå•†ç”¨ã‚’å•ã‚ãšãƒ•ãƒªãƒ¼ç´ æã¨ã—ã¦åˆ©ç”¨ã§ãã‚‹ã®ã§ã€ä»²é–“ã¨ãŠãã‚ã„ã®ã‚«ãƒ¼ãƒ‰ã‚’作ã£ãŸã‚Šã€SNSã§å…±æœ‰ã—ãŸã‚Šã€æ¥½ã—ã¿æ–¹ã¯ã•ã¾ã–ã¾ã 。 ç¾åœ¨ã€ãƒˆãƒ¬ã‚«é¢¨2種ã€æ‰‹é…書タイプã€ã‹ã‚‹ãŸã‚¿ã‚¤ãƒ—ã€å¦ç”Ÿè¨¼ã‚¿ã‚¤ãƒ—2種ã€å…許証タイプã®è¨ˆ7種ã‹ã‚‰é¸ã¹ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã‚‹ãŒã€ä»Šå¾Œã‚‚è¦æœ›ã«å¿œã˜ã¦ãƒ†ãƒ³ãƒ—レートを増やã—ã¦ã„ã予定ã¨ã®ã“ã¨ã€‚ã•ã‚‰ãªã‚‹ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã®å……実ã«æœŸå¾…ã—ãŸã„。 åŒç¤¾ã§ã¯ã€ç„¡æ–™ã§ã‚¢ãƒã‚¿ãƒ¼ã‚„アイコンãŒä½œã‚Œã‚‹ã‚µãƒ¼ãƒ“ス
登録ä¸è¦ã§å®Œå…¨ç„¡æ–™ï¼ãƒ–ラウザã ã‘ã§å®Œçµã™ã‚‹é™çš„サイトジェãƒãƒ¬ãƒ¼ã‚¿ã€ŒT3MPLã€ã‚’使ã£ã¦ã¿ãŸï¼ -
ã©ã†ã‚‚ã€ã¾ã•ã¨ã‚‰ã‚“（@0310lan）ã§ã™ï¼ 今回ã¯ã€ãƒ–ラウザ上ã§èª°ã§ã‚‚ç°¡å˜ã«Webサイトを作æˆã§ãã‚‹ç„¡æ–™ã®é™çš„サイトジェãƒãƒ¬ãƒ¼ã‚¿ã‚’ã”紹介ã—ã¾ã™ï¼ 特別ãªé–‹ç™ºç’°å¢ƒã‚’用æ„ã™ã‚‹å¿…è¦ã¯ãªãã¦ã€ã‚³ãƒžãƒ³ãƒ‰ãƒ©ã‚¤ãƒ³ã‹ã‚‰ã®å®Ÿè¡Œã‚‚ä¸è¦ã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ç™»éŒ²ã‚‚ã‚ã‚Šã¾ã›ã‚“。ãã®ãŸã‚ã€èª°ã§ã‚‚気軽ã«Webサイトを作り始ã‚られる手軽ã•ãŒç‰¹å¾´ã«ãªã£ã¦ã„ã¾ã™ã€‚ 本記事ã®å¾ŒåŠã§ã¯ã€æ›¸ã出ã—ãŸã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’使ã£ã¦ãƒãƒƒãƒˆä¸Šã«å…¬é–‹ã™ã‚‹æ‰‹é †ã«ã¤ã„ã¦ã‚‚解説ã—ã¦ã„ã‚‹ã®ã§ã€ã”興味ã‚ã‚‹æ–¹ã¯ãœã²å‚考ã«ã—ã¦ã¿ã¦ãã ã•ã„ï¼ ã€ T3MPL 】 「T3MPLã€ã®ä½¿ã„æ–¹ ãã‚Œã§ã¯ã€ã€ŒT3MPLã€ã‚’ã©ã®ã‚ˆã†ã«ä½¿ãˆã°ã„ã„ã®ã‹è©³ã—ã見ã¦ã„ãã¾ã—ょã†ã€‚ ã¾ãšã¯ã‚µã‚¤ãƒˆã®ãƒˆãƒƒãƒ—ページを下方ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã€ã„ãã¤ã‹ã®ãƒ†ãƒ³ãƒ—レートãŒè¡¨ç¤ºã•ã‚Œã‚‹ã“ã¨ã‚’確èªã—ã¦ãã ã•ã„。 2020å¹´10月時点ã«ãŠã„ã¦ã€ä»¥ä¸‹ã®ã‚ˆã†ãªãƒ†ãƒ³ãƒ—レートをé¸æŠžã§ãるよã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ランディングペー
Gatsbyæ載ã®ãƒ‰ã‚ュメントサイトå‘ã‘サイトジェãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ãƒ»ã€ŒDocxy〠- ã‹ã¡ã³ã¨.net
Docxyã¯Gatsbyæ載ã®ãƒ‰ã‚ュメントサイトå‘ã‘サイトジェãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã§ã™ã€‚é™çš„ã§é«˜é€Ÿãªãƒ‰ã‚ュメントサイトã®æ§‹ç¯‰ã‚’目的ã¨ã—ã¦ã„るよã†ã§ã™ã€‚ Reactã§ä½œã‚‰ã‚ŒãŸé™çš„サイトジェãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã®GatsbyãŒä½¿ã‚ã‚Œã¦ãŠã‚Šã€Markdownファイルã§ãƒ‰ã‚ュメントサイトを構築ã§ãã‚‹ãã†ã€‚ ã¾ãŸã€AwesomeDocsã‹ã‚‰ã®ç§»è¡Œã‚‚サãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã¦ã€ç§»è¡Œã‚‚数分ã®ä½œæ¥ã§çµ‚ã‚ã‚‹ãã†ã§ã™ã€‚OSSã¨ã—ã¦å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ライセンスã¯MPL2.0(Mozilla Public License 2.0)ã¨ã®äº‹ã§ã™ã€‚ Docxy
ジブリ å—幕メーカー
ジブリå—幕メーカーã®å…¬é–‹ã¯çµ‚了ã—ã¾ã—ãŸã€‚
metaã‚¿ã‚°ã«è¨˜è¿°ã™ã‚‹ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ¡ãƒ‡ã‚£ã‚¢ã‚„検索用ã®ã‚³ãƒ¼ãƒ‰ã‚’ã¾ã¨ã‚ã¦ç°¡å˜ã«ç”Ÿæˆã§ãるオンラインツール -Meta Tags
Twitter, Facebook, Pinterestãªã©ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ¡ãƒ‡ã‚£ã‚¢ã€Googleã®æ¤œç´¢ç”¨ã®metaã‚¿ã‚°ã®ã‚³ãƒ¼ãƒ‰ã‚’1クリックã§ç°¡å˜ã«ç”Ÿæˆã§ãるオンラインツールを紹介ã—ã¾ã™ã€‚ 日本語ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«ã‚‚対応ã—ã¦ãŠã‚Šã€å„サービスã§ã©ã®ã‚ˆã†ã«è¡¨ç¤ºã•ã‚Œã‚‹ã®ã‹ç¢ºèªã—ãªãŒã‚‰ç°¡å˜ã«ã‚³ãƒ¼ãƒ‰ã‚’生æˆã§ãã€ã‚³ãƒ”ペã§åˆ©ç”¨ã§ãã¾ã™ã€‚
åµã®æŒå£°ã‚’AIãŒå†ç¾ã€€ã€ŒA・RA・SHIã€ã®æ›¿ãˆæŒã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ç™»å ´ã€€ã€Œé•å’Œæ„Ÿãªã„ã€ã¨ãƒ•ã‚¡ãƒ³é©šã
アイドルグループ「åµã€ã®ãƒ‡ãƒ“ュー曲「A・RA・SHIã€ã®æ›¿ãˆæŒã‚’作れるジェãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ãŒã€9月14æ—¥ã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸã€‚ユーザーãŒã‚µãƒ“ã®æŒè©žã‚’ä»»æ„ã®è¨€è‘‰ã«å…¥ã‚Œæ›¿ãˆã‚‹ã¨ã€ãƒ¡ãƒ³ãƒãƒ¼ã®å£°ã‚’å¦ç¿’ã—ãŸAIãŒåˆæˆéŸ³å£°ã§æŒå”±ã™ã‚‹ã€‚スマートフォンå‘ã‘ã®ç‰¹è¨ã‚µã‚¤ãƒˆä¸Šã§æä¾›ã™ã‚‹ã€‚ ジェãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã®å称ã¯ã€ŒA・NA・TA for DREAMã€ã€‚ユーザーã¯ã€Œã‚«ãƒ©ãƒ€ã˜ã‚…ã†ã«é¢¨ã‚’ã‚ã¤ã‚ã¦ã€ã€ŒA・RA・SHIã€ã¨ã„ã£ãŸä¸€éƒ¨ã®æŒè©žã‚’ã€æ–‡å—æ•°ã®è¿‘ã„別ã®è¨€è‘‰ã«å¤‰æ›´ã§ãる。éŽåŽ»ã®éŸ³æºã«åŠ ãˆã€æ–°ãŸã«åŽéŒ²ã—ãŸãƒ¡ãƒ³ãƒãƒ¼ã®å£°ã‚’AIã«å¦ç¿’ã•ã›ã¦ãŠã‚Šã€æœ¬äººã«è¿‘ã„æŒå”±ã‚’å†ç¾ã§ãã‚‹ã¨ã„ã†ã€‚ 「åµã¨ä¼æ¥ãŒã€å¤¢ã‚’æŒã¤ã“ã¨ã‚’å¿œæ´ã™ã‚‹ã€ã¨ã„ã†è¶£æ—¨ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ä¸€ç’°ã€‚プãƒã‚¸ã‚§ã‚¯ãƒˆã«ã¯åµã«åŠ ãˆã€ã‚¢ã‚µãƒ’飲料ã€ãƒ©ã‚¤ã‚ªãƒ³ã€æ£®æ°¸è£½è“ã€èŠ±çŽ‹ãªã©13社ãŒå‚åŠ ã—ã¦ã„る。æŒå£°ã‚’åˆæˆã™ã‚‹AIエンジンã¯ã€éŸ³å£°åˆæˆã‚½ãƒ•ãƒˆã€ŒCeVIOã€ã®é–‹ç™ºã§çŸ¥ã‚‰ã‚Œã‚‹ãƒ†ã‚¯ãƒŽã‚¹ãƒ”ーãƒãŒæä¾›ã™ã‚‹ã€‚
メルアイコン生æˆå™¨ã‚’作ã£ãŸè©± - Qiita
ã¯ã˜ã‚ã« ã“ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’ã”å˜çŸ¥ã§ã—ょã†ã‹ã€‚ ã‹ã®æœ‰åãªMelvilleã•ã‚“ã®ã‚¢ã‚¤ã‚³ãƒ³ã§ã™ã€‚ Melvilleã•ã‚“ã«å¥½ããªã‚ャラãªã©ã‚’æã„ã¦ã‚‚らã„ã€ãれをtwitterã®ã‚µãƒ ãƒã«ã—ã¦ã„る人ãŒå¤§å‹¢ã„ã‚‹ã“ã¨ã§çŸ¥ã‚‰ã‚Œå¤§ããªæ”¯æŒã‚’å¾—ã¦ã„ã¾ã™ã€‚ ã“ã®æ–¹ã®æãアイコンã¯ãã®ç‰¹æœ‰ã®ä½œé¢¨ã‹ã‚‰ã€ã€Œãƒ¡ãƒ«ã‚¢ã‚¤ã‚³ãƒ³ã€ãªã©ã¨ã‚ˆã呼ã°ã‚Œã¦ã„ã¾ã™ã€‚ 代表的ãªãƒ¡ãƒ«ã‚¢ã‚¤ã‚³ãƒ³ã®ä¾‹ （ãã‚Œãžã‚Œã‚†ã‹ãŸã‚†ã•ã‚“ã¨ã—ã‚…ã‚“ã•ã‚“ã®ã‚‚ã®ã§ã™ (2020/2/19ç¾åœ¨)） 自分もã“ã‚“ãªæ„Ÿã˜ã®ã‚¢ã‚¤ã‚³ãƒ³ãŒæ¬²ã—ã„ï¼ï¼ï¼ï¼ï¼ï¼ã¨ã„ã†ã“ã¨ã§æ©Ÿæ¢°å¦ç¿’ã§ãƒ¡ãƒ«ã‚¢ã‚¤ã‚³ãƒ³ç”Ÿæˆå™¨ã‚’作りã¾ã—ãŸã€‚ 本記事ã§ã¯ãã‚Œã«ç”¨ã„ãŸæ‰‹æ³•ã‚’ãŠãŠã–ã£ã±ã«ç´¹ä»‹ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ GANã¨ã¯ 生æˆã«ã‚ãŸã£ã¦ã¯GAN(Generative adversarial networksã€æ•µå¯¾çš„生æˆãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯)ã¨ã„ã†æ‰‹æ³•ã‚’用ã„ã¦ã„ã¾ã™ã€‚ 図ã®å¼•ç”¨å…ƒ ã“ã®æ‰‹æ³•ã§ã¯ç”»åƒã‚’生æˆã™ã‚‹ãƒ‹ãƒ¥ãƒ¼ãƒ©ãƒ«ãƒãƒƒãƒˆ
ドラッグ＆ドãƒãƒƒãƒ—ã§ã‚µã‚¤ãƒˆã‚’作れるよã†ã«ã™ã‚‹JS「VvvebJsã€:phpspot開発日誌
GitHub - givanz/VvvebJs: Drag and drop website builder javascript library. ドラッグ＆ドãƒãƒƒãƒ—ã§ã‚µã‚¤ãƒˆã‚’作れるよã†ã«ã™ã‚‹JS「VvvebJs〠jQuery+Bootstrap4ã§å‡ºæ¥ã¦ã„ã¦ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªã‚µã‚¤ãƒˆã‚’ã¿ãŸã¾ã‚“ã¾ã€ä½œã‚Œã¦ä¾¿åˆ©ãã†ã§ã™ã€‚ Bootstrapã®åŸºæœ¬ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚‚全部ãã‚ã£ã¦ãŠã‚Šã€HTMLコーディングã®æ‰‹é–“ã‚’çœã‘ã¾ã™ 関連エントリ JSã§3Dレンダリングエンジン「LemonJS〠マガジン形å¼ã®ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’実ç¾ã™ã‚‹ã€Œstratum.jsã€
Reactベースé™çš„サイトジェãƒãƒ¬ãƒ¼ã‚¿Gatsbyã®çœŸã®åŠ›ã‚’ãŠè¦‹ã›ã—ã¾ã™ - Qiita
NTTテクノクãƒã‚¹ã®ä¸ŠåŽŸã§ã™ã€‚ æ¥å‹™ã§ã¯ã€ç¤¾å†…æƒ…å ±ã®React製自å‰ã‚ュレーションサイトã®æ§‹ç¯‰ã‚’担当ã—ã¦ã„ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã¯NTTテクノクãƒã‚¹Advent Calendar24日目ã®è¨˜äº‹ã§ã‚ã‚Šã€ç¤¾å†…ã®å‹‰å¼·ä¼šã§ç™ºè¡¨ã—ãŸå†…容をQiita記事ã¨ã—ã¦æ›¸ããªãŠã—ãŸã‚‚ã®ã§ã™ã€‚タイトルã¯é‡£ã‚Šã§ã™ã€‚ (2018/12/28追記ã‚ã‚Š) å°Žå…¥ 記事を書ã„ãŸç†ç”± Gatsby.js(以é™ã€Gatsbyã¨è¡¨è¨˜)ã¯ã•ã¾ã–ã¾ãªé«˜é€ŸåŒ–テクニックを用ã„ãŸã€Œçˆ†é€Ÿã‚µã‚¤ãƒˆç”Ÿæˆã€ã§æœ‰åãªãƒ„ールã§ã™ãŒã€ãã®ãƒªãƒƒãƒãªæ©Ÿèƒ½æ€§ã¯ã€ãŸã¨ãˆã°ã‚¤ãƒ³ãƒˆãƒ©å†…サイトã€æ¥å‹™ã‚·ã‚¹ãƒ†ãƒ 開発ã€ãƒ„ール開発ãªã©ã§ã‚‚å分ã«æ´»ç”¨ã§ãã‚‹ã‚‚ã®ã ã¨æ€ã„ã€ãã®å¯èƒ½æ€§ã‚’紹介ã™ã‚‹ãŸã‚ã«æ›¸ãã¾ã—ãŸã€‚ 「é™çš„サイトジェãƒãƒ¬ãƒ¼ã‚¿ã€ã£ã¦ä½•ï¼Ÿ ã„ã‚ゆる「é™çš„サイトジェãƒãƒ¬ãƒ¼ã‚¿(Static Site Generator, SSG)ã€ã¯ã€CMS(コンテンツ管ç†ã‚·ã‚¹ãƒ†ãƒ )ã®ä¸€ç¨®ã§ã™ã€‚代表的
アプリã®ãƒ©ãƒ•ã‚¹ã‚±ãƒƒãƒã‚’コードã«å¤‰æ›ã™ã‚‹ã€ŒInk To Codeã€ã€Microsoft Garageã‹ã‚‰
アプリã®ãƒ©ãƒ•ã‚¹ã‚±ãƒƒãƒã‚’ワイヤフレームã§æãã€ãれをVisual Studioã«ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã™ã‚‹ã¨ã€UWPãŠã‚ˆã³Androidアプリã®ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ã®åœŸå°ã‚’作æˆã§ãã‚‹ã¨ã„ã†ã€‚AIã¨ã€ŒWindows Inkã€ã‚’採用ã™ã‚‹ã“ã¨ã§å®Ÿç¾ã—ãŸã€‚ Microsoft Garageã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ³ãƒãƒ¼ãƒ ã®ç™ºæ¡ˆã‚’ã€Xamarinã®ãƒãƒ¼ãƒ ãŒã‚µãƒãƒ¼ãƒˆã—ã¦å®Ÿç¾ã—ãŸã€‚ ã²ã‚‰ã‚ã„ãŸã‚¢ã‚¤ãƒ‡ã‚¢ã‚’ナプã‚ンã«èµ°ã‚Šæ›¸ãã—ãŸã‚Šã€ãƒ›ãƒ¯ã‚¤ãƒˆãƒœãƒ¼ãƒ‰ã§ã®ãƒ–レインストーミングã§æã„ãŸãƒ©ãƒ•ã‚¹ã‚±ãƒƒãƒã‹ã‚‰ã‚³ãƒ¼ãƒ‰ã‚’èµ·ã“ã™æ‰‹é–“ãŒçœã‘ã‚‹ã¨ã—ã¦ã„る。 Ink to Codeã¯ã€ãƒ©ãƒ™ãƒ«ã‚„ボタンãªã©ã®ã‚¢ãƒ—リã®åŸºæœ¬ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’Visual Studioã®ã‚³ãƒ¼ãƒ‰ã«å¤‰æ›ã™ã‚‹ã€‚アプリ全体をãã®ã¾ã¾ã‚³ãƒ¼ãƒ‰ã«å¤‰æ›ã§ãã‚‹ã‚ã‘ã§ã¯ãªã„ãŒã€ã‚¢ãƒ—リã®åœŸå°ã¯ä½œã‚Œã‚‹ã€‚ãƒãƒ¼ãƒ ã§ã®ãƒ–レインストーミングã§ã‚‚使ãˆãã†ã 。 北米以外ã§ã®å…¬é–‹äºˆå®šã¯æœªå®šã ãŒã€é–‹ç™ºè€…ã‹ã‚‰ã®ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚’基ã«æ”¹å–„ã—ã¦ã„
男性ã®é¡”をカスタムã§ãるイラストジェãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã€ŒGentleman Character Generatorã€
TOP  >  Design  >  男性ã®é¡”をカスタムã§ãるイラストジェãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã€ŒGentleman Character Generator〠自身ã®ãƒ—ãƒãƒ•ã‚£ãƒ¼ãƒ«ã‚„ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã‚’作æˆã™ã‚‹éš›ã«ã€é¡”写真を使用ã™ã‚‹ã“ã¨ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ä¸ã«ã¯ã¡ã‚‡ã£ã¨æŠµæŠ—ãŒã‚る方もã„らã£ã—ゃるã¯ãšã€‚今回ã¯ãã‚“ãªæ™‚ã«æ´»èºã—ã¦ãã‚Œãã†ãªã‚«ã‚¹ã‚¿ãƒ ã§ãるイラストジェãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã€ŒGentleman Character Generatorã€ã‚’紹介ã„ãŸã—ã¾ã™ã€‚ ã•ã¾ã–ã¾ãªãƒ‘ーツを組ã¿åˆã‚ã›ã¦ã€ã‚ªãƒªã‚¸ãƒŠãƒ«ã®ç”·æ€§ã®ä¼¼é¡”絵を作り上ã’ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ 詳ã—ãã¯ä»¥ä¸‹ 用æ„ã•ã‚Œã¦ã„ã‚‹ã®ã¯ã€ãƒ™ãƒ¼ã‚¹ã¨ãªã‚‹é¦–ã‹ã‚‰ä¸Šã®é¡”ã€ç›®ã€é«ªåž‹ã€é«ã€å£å…ƒãªã©ã®é¡”パーツ。衣æœã‚„帽åã€ãƒ¡ã‚¬ãƒãªã©ã®æœé£¾ãƒ‘ーツ。ã¾ãŸã€ãã‚Œãžã‚Œã®ãƒ‘ーツã¯è‰²é¸æŠžã‚‚å¯èƒ½ãªã®ã§ã€çµ„ã¿åˆã‚ã›ã®ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã‹ãªã‚Šã®é‡ã«ãªã‚Šã¾ã™ã€‚日本人ã®é¡”ã¨ã„ã£ãŸå°è±¡ã§ã¯ãªã„ã§ã™ãŒã€ã¡ã‚‡ã£ã¨ç·¨é›†ã™ã‚Œ
é™çš„webサイト作æˆã®å¼·ã„味方「Middlemanã€ã€å¾Œç·¨ã€‘｜dwango creators' blog（ドワンゴクリエイターズブãƒã‚°ï¼‰
é–“ãŒã ã„ã¶ç©ºã„ã¦ã—ã¾ã£ã¦ã”ã‚ã‚“ãªã•ã„ï¼ ãŠä¹…ã—ã¶ã‚Šã§ã™ã€‚chiiã§ã™ã€‚ 今回ã¯Middleman紹介記事ã®æœ€çµ‚ç« ã€å®Ÿè·µç·¨ã‚’ãŠé€ã‚Šã—ã¾ã™ã€‚ 3記事目ã«ã—ã¦ã‚„ã£ã¨ã‚µã‚¤ãƒˆåˆ¶ä½œã«å…¥ã‚Šã¾ã™ã‚ˆï¼å¤§å¤‰ãªãŒã‚‰ããŠå¾…ãŸã›ã—ã¾ã—ãŸï¼ 「ãŠä¹…ã—ã¶ã‚ŠéŽãŽã¦Middlemanãªã‚“ã¦å¿˜ã‚Œã¡ã‚ƒã£ãŸï¼ã€ 「ãªã‚“ã‹è¨å®šã—ã¦ãŸã‘ã©â€¦ãªã‚“ã ã£ãŸã£ã‘？〠ã¨ã„ã†æ–¹ã¯ã“ã¡ã‚‰ã‚’ã”覧ãã ã•ã„ã¾ã›ã€‚ é™çš„webサイト作æˆã®å¼·ã„味方「Middlemanã€ã€å‰ç·¨ã€‘ é™çš„webサイト作æˆã®å¼·ã„味方「Middlemanã€ã€ä¸ç·¨ã€‘ ã§ã¯ã€æ°—åˆã‚’ã„ã‚Œã¦ã„ãã¾ã—ã‚‡ãƒ¼ï¼ ã‚µã‚¤ãƒˆã‚’ä½œã£ã¦ã¿ã‚‹ ã¨ã‚るイベントã®ãƒãƒ¼ã‚¿ãƒ«ã‚µã‚¤ãƒˆã‚’想定ã—ã¦ã€å®Ÿéš›ã«ã‚µã‚¤ãƒˆã‚’一ã¤ä½œã£ã¦ã¿ã¾ã—ょã†ã€‚最åˆã‹ã‚‰Middlemanをフルã«æ´»ç”¨ã—ãŸæ›¸ã方をã—ã¦ã‚‚ã„ã„ã®ã§ã™ãŒã€ä»Šå›žã¯ã‚ã‹ã‚Šã‚„ã™ã„よã†ã‚¹ãƒ†ãƒƒãƒ—ã‚’è¸ã‚“ã§å¾ã€…ã«ä¾¿åˆ©ãªå½¢ã«å¤‰æ›´ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ 下準備 ã›ã£ã‹ããªã®ã§ãƒ©ã‚¤ãƒ–リãƒãƒ¼
様々ãªãƒ•ã‚¡ãƒ“コンを一括生æˆ
favicon.ico,apple-touch-iconãªã©æ§˜ã€…ãªãƒ–ラウザやデãƒã‚¤ã‚¹ã«å¯¾å¿œã—ãŸãƒ•ã‚¡ãƒ“コンをã¾ã¨ã‚ã¦ç”Ÿæˆã€‚ 使ã„æ–¹ã¯ã¨ã£ã¦ã‚‚シンプル。画åƒã‚’1枚指定ã™ã‚‹ã ã‘。é¢å€’ãªè¨å®šä¸è¦ã€‚ favicon.icoã€icon*.pngã€android-chrome*.pngã€apple-touch-icon*.pngã€site-tile*ã€manifest.jsonを一括生æˆã—ã¾ã™ã€‚ エラーãƒã‚°ã«ä½™è¨ˆãª404 not foundを記録ã•ã›ãªã„対ç–ã¨ã—ã¦ã‚‚有効。PWAã®ã‚¢ã‚¤ã‚³ãƒ³ä½œæˆã«ã‚‚。 <meta name="msapplication-square70x70logo" content="/site-tile-70x70.png"> <meta name="msapplication-square150x150logo" content="/site-tile-150x150.png"> <
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
TwitterカードやOGPãªã©ã€head内ã®metaã«è¨˜è¿°ã™ã‚‹ã‚³ãƒ¼ãƒ‰ã‚’ç°¡å˜ã«ç”Ÿæˆã§ãるオンラインサービス -Hey Meta
AMP âš¡ ジェãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ | アイスリーデザイン
TechCrunch | Startup and Technology News
{{#tags}}- {{label}}
{{/tags}}