ã“ã‚Œã ã‘守れã°è¦‹ã‚„ã™ããªã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã®åŸºç¤Ž
2019/04/18ã«æ ªå¼ä¼šç¤¾gumi様ã§è¡Œã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³è¬›ç¾©ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚ デザインã¨ã¯ä½•ã‹ï¼Ÿãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¯ä½•ã‚’考ãˆã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’作ã£ã¦ã„ã‚‹ã®ã‹ï¼Ÿ ã¨ã„ã†è©±ã‹ã‚‰ã€å®Ÿéš›ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’評価・検討ã™ã‚‹ãŸã‚ã®è¨€è‘‰ã‚’紹介ã—ã¦ã„ã¾ã™ã€‚
管ç†ç”»é¢ç”¨ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„UIコンãƒãƒ¼ãƒãƒ³ãƒˆãŒã»ã¨ã‚“ã©ã™ã¹ã¦æƒã£ãŸã€å•†ç”¨åˆ©ç”¨ç„¡æ–™ã®HTMLテンプレート -Stisla
商用ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãã‚‹ã€ç®¡ç†ç”»é¢ãƒ»ãƒ€ãƒƒã‚·ãƒ¥ãƒœãƒ¼ãƒ‰ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„UIコンãƒãƒ¼ãƒãƒ³ãƒˆãŒæƒã£ãŸãƒ†ãƒ³ãƒ—レートを紹介ã—ã¾ã™ã€‚ ã“ã®ãƒ†ãƒ³ãƒ—レートを使用ã™ã‚‹ã¨ã€ç®¡ç†ç”»é¢ãƒ»ãƒ€ãƒƒã‚·ãƒ¥ãƒœãƒ¼ãƒ‰ã§å¿…è¦ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ç°¡å˜ã«ä½œæˆã§ãã¾ã™ã€‚ Stisla 管ç†ç”»é¢ãƒ»ãƒ€ãƒƒã‚·ãƒ¥ãƒœãƒ¼ãƒ‰ã«ç‰¹åŒ–ã•ã‚ŒãŸUIコンãƒãƒ¼ãƒãƒ³ãƒˆãŒã»ã¨ã‚“ã©ã™ã¹ã¦æƒã£ãŸãƒ†ãƒ³ãƒ—レート。 30以上ã®ã‚µãƒ¼ãƒ‰ãƒ‘ーティã®ãƒ©ã‚¤ãƒ–ラリã¨çµ±åˆã€å¤šãã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ç°¡å˜ã«åˆ©ç”¨ã§ãã¾ã™ã€‚ HTML5ã¨CSS3ã§è¨˜è¿°ã•ã‚Œã¦ãŠã‚Šã€ã™ã¹ã¦ã®ãƒ¢ãƒ€ãƒ³ãƒ–ラウザã§ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã¾ã™ã€‚ Bootstrap 4をベースã«ã€Flexboxã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã•ã‚Œã¦ã„ã¾ã™ã€‚ 一部ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã«ã¯ã‚ˆã‚Šç°¡å˜ã«ã‚„ã‚Šå–ã‚Šã™ã‚‹ãŸã‚ã«ã€JavaScript APIを使用。 MITライセンスã§ã€å•†ç”¨ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãã¾ã™ã€‚
スマホã«ãŠã‘るボタンã®é…ç½®ã€ä¸Šã¨ä¸‹ã€å·¦ã¨å³ã€ã©ã®ã‚ˆã†ã«é…ç½®ã™ã‚‹ã®ãŒæœ€é©ãªã®ã‹è©³ã—ã解説
スマホã§ãƒœã‚¿ãƒ³ã‚’ã©ã“ã«é…ç½®ã™ã‚‹ã¨ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯æ“作ãŒã—ã‚„ã™ã„ã®ã‹ï¼Ÿ 上部ã¨ä¸‹éƒ¨ã€æ°´å¹³ã«ä¸¦ã¹ãŸãƒœã‚¿ãƒ³ã€åž‚ç›´ã«ä¸¦ã¹ãŸãƒœã‚¿ãƒ³ã€3ã¤ä»¥ä¸Šã®ãƒœã‚¿ãƒ³ãªã©ã€ãƒœã‚¿ãƒ³é…ç½®ã«ã¤ã„ã¦åŒ…括的ãªåˆ†æžã‚’è¡Œã„ã€ãƒœã‚¿ãƒ³ã‚’ã©ã®ã‚ˆã†ã«é…ç½®ã™ã‚‹ã®ãŒæœ€é©ãªã®ã‹è§£èª¬ã—ãŸè¨˜äº‹ã‚’紹介ã—ã¾ã™ã€‚ The Optimal Placement for Mobile Call to Action Buttons by UX Movement 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ※当ブãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚㫠グーテンベルクã®åŽŸå‰‡ 上部ã¨ä¸‹éƒ¨ã®ãƒœã‚¿ãƒ³ æ°´å¹³ã«ä¸¦ã‚“ã ボタン åž‚ç›´ã«ä¸¦ã‚“ã ボタン æ°´å¹³ã¨åž‚ç›´ã®ãƒã‚¤ãƒ–リッド スティッã‚ーボタン ã¾ã¨ã‚ ã¯ã˜ã‚㫠ボタンをã©ã“ã«é…ç½®ã™ã‚‹ã‹ã«ã‚ˆã£ã¦ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒã‚¿ã‚¹ã‚¯ã‚’完了ã™ã‚‹æ™‚é–“ã«å½±éŸ¿ã‚’与ãˆã‚‹ã“ã¨ã‚’知ã£ã¦ã„ã¾ã™ã‹ï¼Ÿ ã‚¿ã‚¹ã‚¯ã‚’ç´ æ—©ã完了ã™ã‚‹ã“ã¨ã§ã€ã‚ˆã‚Šæº€è¶³ã®ã„ãエ
AKEMA / MIMIGURI on Twitter: "見よï¼ï¼ã“ã‚ŒãŒç¾ä»£ã®é«˜é€Ÿé“è·¯ã®é€šå¸¸ãƒ¬ãƒ¼ãƒ³ã®æ”¯æ‰•ã„å£ã ï¼ï¼ãƒ©ãƒ³ãƒ—ï¼ã‚«ãƒ¡ãƒ©ï¼ç‰©ç†ãƒœã‚¿ãƒ³ï¼æŠ•å…¥å£ï¼æ¶²æ™¶ç”»é¢ï¼æ³¨æ„äº‹é …ï¼é †ç•ªã‚’表ã™ã®æ•°å—ã®ãƒ•ã‚©ãƒ³ãƒˆã‚‚ãƒãƒ©ãƒãƒ©ã ï¼ã†ã‚ãŸãˆã‚‹ãªï¼æ·±æ·±å‘¼å¸ã—ã¦å…ˆãšã¯é€šè¡Œåˆ¸ã‚’挿入ã—ã‚ï¼ https://t.co/FnwhrxAYTk"
見よï¼ï¼ã“ã‚ŒãŒç¾ä»£ã®é«˜é€Ÿé“è·¯ã®é€šå¸¸ãƒ¬ãƒ¼ãƒ³ã®æ”¯æ‰•ã„å£ã ï¼ï¼ãƒ©ãƒ³ãƒ—ï¼ã‚«ãƒ¡ãƒ©ï¼ç‰©ç†ãƒœã‚¿ãƒ³ï¼æŠ•å…¥å£ï¼æ¶²æ™¶ç”»é¢ï¼æ³¨æ„äº‹é …ï¼é †ç•ªã‚’表ã™ã®æ•°å—ã®ãƒ•ã‚©ãƒ³ãƒˆã‚‚ãƒãƒ©ãƒãƒ©ã ï¼ã†ã‚ãŸãˆã‚‹ãªï¼æ·±æ·±å‘¼å¸ã—ã¦å…ˆãšã¯é€šè¡Œåˆ¸ã‚’挿入ã—ã‚ï¼ https://t.co/FnwhrxAYTk
内閣サイãƒãƒ¼ã‚»ã‚ュリティセンターã®ç„¡æ–™ã§å¦ã¹ã‚‹ã‚»ã‚ュリティ ã—ã‹ã—ダウンãƒãƒ¼ãƒ‰ã§ã®PDFã§3段組…（神田æ•æ™¶ï¼‰ - エã‚スパート - Yahoo!ニュース
KNNãƒãƒ¼ãƒ«ç¥žç”°ã§ã™ã€‚ □黄色ã®æœ¬ã§åŸºæœ¬ã‚’å¦ã¶ã€Œã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã®å®‰å…¨ãƒ»å®‰å¿ƒãƒãƒ³ãƒ‰ãƒ–ックã€ï¼ˆå†…閣サイãƒãƒ¼ã‚»ã‚ュリティセンター）内閣サイãƒãƒ¼ã‚»ã‚ュリティセンター（NISC）ã«ã‚ˆã‚‹ã€Œã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã®å®‰å…¨ãƒ»å®‰å¿ƒãƒãƒ³ãƒ‰ãƒ–ックã€ã§ã™ã€‚黄色ã„表紙ã®æœ¬ã§ã€2019å¹´3月ã«ç¬¬å››ç‰ˆã‚’é‡ããŸç”±ç·’ã‚る一冊ã§ã™ã€‚ â–¡ã‚«ãƒãƒ¼ã™ã‚‹ç¯„囲ã¯â€œITã‚»ã‚ュリティ全般â€ã§ã€ã‚µã‚¤ãƒãƒ¼æ”»æ’ƒãŒä»•æŽ›ã‘られるç†ç”±ã‚’ã¯ã˜ã‚ã€ç‹™ã‚れるIDï¼ãƒ‘スワードをã©ã†ç®¡ç†ã™ã‚‹ã‹ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„PCを守るãŸã‚ã«ã‚ã‚Œã‚ã‚Œã¯ä½•ãŒã§ãã‚‹ã‹ã€ã¨ã¦ã‚‚ä¸å¯§ã«è§£èª¬ã•ã‚Œã¦ã„ã¾ã™ã€‚ 出典:「セã‚ュリティã®åŸºç¤Žã¯ç„¡æ–™ã§å¦ã¹ã‚‹ã€ã€€ãƒ¯ãƒ³ã‚¯ãƒªãƒƒã‚¯ã§â€ãƒªãƒ†ãƒ©ã‚·ãƒ¼â€é«˜ã‚る無料教本 â– PDFã€é›»å書ç±ã€ã‚¢ãƒ—リã«ã„ãŸã‚‹ã¾ã§å¤šå½©ãªãƒ‡ã‚¸ã‚¿ãƒ«ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã€Žã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã®å®‰å¿ƒãƒ»å®‰å…¨ãƒãƒ³ãƒ‰ãƒ–ック〠出典：内閣サイãƒãƒ¼ã‚»ã‚ュリティセンターセã‚ュリティã«é–¢ã™ã‚‹ã€ç„¡æ–™ã®ã‚¬ã‚¤ãƒ‰ãƒ–ックを探ã—ã¦ã„る人ã«ã¯ã€
Memorium: 眺ã‚るインタフェースã®æ案ã¨ãã®è©¦ä½œï½œpersistent.org
ã™ãã¾æ™‚間を利用ã—ã¦ã€Œå¶ç„¶ã€ã‚’ç©æ¥µçš„ã«åˆ©ç”¨ 生活ã«å¸¸é§ã™ã‚‹ç’°å¢ƒåž‹ã‚¢ãƒ—リケーション æ¦‚è¦ è¿‘å¹´ï¼ŒWeb 上ã®æƒ…å ±ãŒçˆ†ç™ºçš„ã«å¢—大ã—ãŸã“ã¨ã‚„ストレージé‡ã®å¢—大ãªã©ã§ï¼Œå€‹äººãŒå¤šé‡ã®æƒ…å ±ã‚’åˆ©ç”¨ã™ã‚‹æ©Ÿä¼šãŒå¢—ãˆã¦ã„る．ã¾ãŸãƒ¦ãƒ“ã‚タス社会ã«å‘ã‘ãŸå–り組ã¿ã®ç ”究も盛んã§ã‚る．今後，ã¾ã™ã¾ã™å¤šãã®æƒ…å ±ãŒã‚ˆã‚Šå¤šæ§˜ãªæƒ…å ±æ©Ÿå™¨ã§åˆ©ç”¨ã•ã‚Œã‚‹ã§ã‚ã‚ã†ãŒï¼Œãã‚Œã«ä¼´ã„ユーザã®æƒ…å ±æ©Ÿå™¨ã«å¯¾ã™ã‚‹æ“作ã®è¤‡é›‘化ãŒæ‡¸å¿µã•ã‚Œã‚‹ï¼Žãã“ã§ï¼Œæœ¬ç ”究ã§ã¯ãƒ¦ãƒ¼ã‚¶ã¸è² æ‹…ã‚’ã‹ã‘ã‚‹ã“ã¨ãªã，生活ã®ä¸ã§å¤šãã®æƒ…å ±ã¨æŽ¥ã™ã‚‹ãŸã‚ã®ã€Œçœºã‚るインタフェースã€ã‚’æ案ã™ã‚‹ï¼Žçœºã‚るインタフェースã¨ã¯ï¼Œãƒ¦ãƒ¼ã‚¶ã«éŽåº¦ã®æ³¨æ„を求ã‚ã‚‹ã“ã¨ãªã，ã•ã¾ã–ã¾ãªæ´»å‹•ã®åˆé–“ã«ï¼Œæƒ…å ±ã‚’å®¹æ˜“ã«ç²å¾—ã™ã‚‹ãŸã‚ã®ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã§ã‚る．我々ã¯ï¼Œçœºã‚るインタフェースã®å…·ä½“的実装ã¨ã—㦠Memorium ã¨ã„ã†ã‚·ã‚¹ãƒ†ãƒ を試作ã—ãŸï¼ŽMemorium ã¯ï¼Œãƒ¦ãƒ¼ã‚¶ãŒè“„ç©ã™ã‚‹ãƒ¡ãƒ¢ã‚„ã‚ーワードをもã¨ã«ï¼Œãれら
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
WISS Challenge募集 - WISS 2019
{{#tags}}- {{label}}
{{/tags}}