CSSã®@mediaã¯ã€ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚ºã ã‘ã˜ã‚ƒãªã„ï¼ æœ€è¿‘ã®å®Ÿè£…ã§ä½¿ç”¨ã•ã‚Œã‚‹ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã®ã¾ã¨ã‚ -mediaquery.style
Webサイトやスマホアプリã®å®Ÿè£…ã§ã‚ˆã使用ã•ã‚Œã‚‹ã€CSSã®ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã®ã‚³ãƒ¼ãƒ‰ã‚’紹介ã—ã¾ã™ã€‚ モãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆç”¨ã‚’ã¯ã˜ã‚ã€ãƒ©ã‚¤ãƒˆãƒ¢ãƒ¼ãƒ‰ãƒ»ãƒ€ãƒ¼ã‚¯ãƒ¢ãƒ¼ãƒ‰ç”¨ã€ã‚¢ã‚¯ã‚»ã‚·ãƒ“リティã€ãƒ›ãƒãƒ¼ã‚¨ãƒ•ã‚§ã‚¯ãƒˆç”¨ã€ãƒ‡ãƒã‚¤ã‚¹ã®å‘ã用ãªã©ã€ã•ã¾ã–ã¾ãªãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã®ã‚³ãƒ¼ãƒ‰ã‚’コピペã§ç°¡å˜ã«åˆ©ç”¨ã§ãã¾ã™ã€‚スニペットã«ç™»éŒ²ã—ã¦ãŠãã¨ã€ä¾¿åˆ©ã§ã™ã€‚
ノーコードGlideã®æ–™é‡‘プラン〜無料プランã¨æœ‰æ–™ãƒ—ランã®é•ã„〜 | ã¨ã¨ãƒ¡ãƒ¢
ノーコード開発ツール「Glideã€ã‚’利用ã™ã‚‹ã«ã‚ãŸã£ã¦æ–™é‡‘ã¯ã‹ã‹ã‚‹ã®ã‹ã©ã†ã‹ã¯æ°—ã«ãªã‚‹ã¨ã“ã‚ã§ã™ã‚ˆã。 基本的ã«å€‹äººã§åˆ©ç”¨ã™ã‚‹ç¯„囲ã§ã‚ã‚Œã°ç„¡æ–™ã§åˆ©ç”¨ã§ãã‚‹ã“ã¨ãŒã»ã¨ã‚“ã©ã ã¨æ€ã„ã¾ã™ãŒã€ä¸ã«ã¯ä½¿ã„æ–¹ã«ã‚ˆã£ã¦æœ‰æ–™ãƒ—ランã«ãªã£ã¦ã—ã¾ã†ã‚±ãƒ¼ã‚¹ã‚‚ã‚ã‚Šã¾ã™ã€‚ å„プランã¨æœ‰æ–™ãƒ—ランã«ãªã‚‹å…·ä½“çš„ãªã‚±ãƒ¼ã‚¹ã‚’解説ã—ã¾ã™ã€‚ ノーコードGlideを利用ã—ã¦åˆ¶ä½œã—ãŸã‚¢ãƒ—リ例をnoteã¸ã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚ ノーコードGlideã§åˆ¶ä½œã—ãŸã‚¢ãƒ—リ集 Glideã®æ–™é‡‘プラン（旧）一覧 ～2022å¹´10月1日追記～ ã“ã¡ã‚‰ã§ç´¹ä»‹ã—ã¦ã„るプランã¯ã€æ—§ãƒ—ランã§ã™ã€‚ ç¾åœ¨ã‚‚利用ã¯å‡ºæ¥ã¾ã™ãŒã€å°†æ¥çš„ã«ã¯å»ƒæ¢ã•ã‚Œã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ ã¾ãšGlideã®æ–™é‡‘プランã¯ï¼“ã¤ã‚ã‚Šã¾ã™ã€‚ ç´°ã‹ã言ã†ã¨ã•ã‚‰ã«ä¸Šã®ãƒ—ランもã‚ã‚Šã¾ã™ãŒã€å¤§ããªä¼æ¥ãƒ¬ãƒ™ãƒ«ã®æ©Ÿèƒ½ãªã®ã§ã“ã“ã§ã¯å‰²æ„›ã•ã›ã¦é ‚ãã¾ã™ã€‚ ã¾ãšã¯ç°¡å˜ã«ä¸€è¦§è¡¨ã§ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ 一番é‡è¦ãªç‚¹ã¯ã€ä½œã£ãŸ
Onsen UI 2: Beautiful HTML5 Hybrid Mobile App Framework and Tools
The fastest way to develop beautiful HTML5 hybrid and mobile web apps Experience streamlined development with zero-time setup, using the technologies you already know and love - Javascript, HTML and CSS. Native look and feel with lots of ready-to-use components and automatic styling A rich variety of UI components specially designed for mobile apps. Onsen UI provides tabs, side menu, stack navigat
VUI - UI Components
UI Components Resuable UI components, built with Vue. Each component contains one or more properties, with v-bind support. Buttons Block Button Menu Button Progress Button Avatar Circle Avatar Squared Avatar Toggle Toggle for iOS Toggle for Android Range Slider Pure Range Range with Labels Range for iOS Range for Android Radio Radio as Group Navbar Tabs Buttons Buttons are essential part of any mo
クãƒã‚¹ãƒ—ラットフォームãªãƒ¢ãƒã‚¤ãƒ«å‘ã‘アプリ構築ã®ç‚ºã®ãƒ•ãƒ¬ãƒ¼ãƒ ワーク・「RAD.js〠- ã‹ã¡ã³ã¨.net
RAD.jsã¯ãƒ¢ãƒã‚¤ãƒ«å‘ã‘ã®ã‚¢ãƒ—リケーション構築ã®ç‚ºã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã™ã€‚iOSã‚„Andoridã€Windows Phone 8ã®ä»–ã€å„主è¦ãƒ–ラウザã«æœ€é©åŒ–ã—ãŸã‚¯ãƒã‚¹ãƒ—ラットフォームãªãƒ•ãƒ¬ãƒ¼ãƒ ワークを目指ã—ã¦ã„ã‚‹ãã†ã§ã™ã€‚Backbone.jsã€Underscore.jsã€JQueryãªã©ã¨ä¾å˜é–¢ä¿‚ã«ã‚ã‚Šã¾ã™ã€‚より迅速ãªãƒ¢ãƒã‚¤ãƒ«å‘ã‘アプリã®é–‹ç™ºã«å½¹ç«‹ã¦ã¦æ¬²ã—ã„ã¨ã®äº‹ã€‚ã¨ã¯è¨€ãˆã€ã¾ã 触ã£ã¦ãªã„ã®ã§ä½•ã¨ã‚‚言ãˆã¾ã›ã‚“。ライセンスã¯Githubã‚’ã”å‚照下ã•ã„。 RAD.js動作サンプル
Onsen UI 2: HTML5モãƒã‚¤ãƒ«ã‚¢ãƒ—リを速ãã€ç¾Žã—ã - Onsen UI
ãƒã‚¤ãƒ–リッドã¨ãƒ¢ãƒã‚¤ãƒ«Webアプリ開発ã®æ±ºå®šç‰ˆ 開発環境ã®ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ—を一切ã™ã‚‹ã“ã¨ãªãã€JavaScript・HTML・CSSを用ã„ãŸãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リ開発を始ã‚ã¾ã—ょã†ã€‚クラウド上ã®é–‹ç™ºç’°å¢ƒMonacaã¨çµ„ã¿åˆã‚ã›ã‚‹ã“ã¨ã§ã€ã‚ãªãŸã®é–‹ç™ºç’°å¢ƒã¯å¸¸ã«æœ€æ–°ã®çŠ¶æ…‹ã«ä¿ãŸã‚Œã¾ã™ã€‚ クラウド上ã«ã™ã¹ã¦ã®ãƒ„ールを 強力ãªCLI（コマンドラインツール）やデスクトップå‘ã‘アプリ（Windowsã¨macOSã«å¯¾å¿œï¼‰ã‚’通ã˜ã¦ã€Onsen UIアプリã¯ã¨ã¦ã‚‚ç°¡å˜ã«åˆ¶ä½œã§ãã¾ã™ã€‚ãれ以外ã«ã‚‚ã€MonacaãŒæä¾›ã™ã‚‹ãƒ©ã‚¤ãƒ–リãƒãƒ¼ãƒ‰å¯¾å¿œã®ãƒ‡ãƒãƒƒã‚¬ãƒ¼ã‚„ã€ãƒªãƒ¢ãƒ¼ãƒˆãƒ“ルド機能ã¨ã„ã£ãŸã‚¯ãƒ©ã‚¦ãƒ‰ã®æ©Ÿèƒ½ã«ã‚¢ã‚¯ã‚»ã‚¹ã§ãã¾ã™ã€‚ 美ã—ã„UIコンãƒãƒ¼ãƒãƒ³ãƒˆã¨è‡ªå‹•ã‚¹ã‚¿ã‚¤ãƒ« モãƒã‚¤ãƒ«ã‚¢ãƒ—リã«ç‰¹åŒ–ã—ãŸã€ãƒã‚¤ãƒ†ã‚£ãƒ–ã®ã‚ˆã†ãªãƒ‘フォーマンスã«å„ªã‚ŒãŸUIコンãƒãƒ¼ãƒãƒ³ãƒˆãŒè‡ªæ…¢ã§ã™ã€‚タブã€ã‚µã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€ãƒŠãƒ“ゲーションã¨ã„ã£ãŸå…±é€šãƒ‡ã‚¶ã‚¤ãƒ³ã ã‘ã§ãªãã€ãƒªã‚¹ãƒˆ
[JS]スマホ・タブレットã§ã®æ“作性をé‡è¦–ã—ãŸã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹å¯¾å¿œã®ã•ã¾ã–ã¾ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’実装ã§ãるスクリプト -Swiper
iOS/Androidãªã©ã€ãƒ¢ãƒã‚¤ãƒ«å‘ã‘ã®Webサイトã€Webアプリã€ãƒã‚¤ãƒ†ã‚£ãƒ–アプリã§ã®åˆ©ç”¨ã«æœ€é©åŒ–ã•ã‚ŒãŸã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹å¯¾å¿œã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’実装ã§ãるスクリプトを紹介ã—ã¾ã™ã€‚ ã‚ーボードæ“作やマウスã®ãƒ›ã‚¤ãƒ¼ãƒ«ãƒ»ãƒ‰ãƒ©ãƒƒã‚°æ“作ã«ã‚‚対応ã—ã¦ã„ã‚‹ã®ã§ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã§ã‚‚OKï¼ Swiper Swiper -GitHub Swiperã®ç‰¹å¾´ Swiperã®ãƒ‡ãƒ¢ Swiperã®ä½¿ã„æ–¹ Swiperã®ç‰¹å¾´ ライブラリã«ä¾å˜ã—ãªã„ Swiperã¯ä»–ã®ã‚¹ã‚¯ãƒªãƒ—トã®ãƒ©ã‚¤ãƒ–ラリã«ä¾å˜ã›ãšã€è»½é‡ã§é€Ÿã動作ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—トã§ã™ã€‚ jQuery, Zetro, jQuery Mibileãªã©ã®ä»–ã®ãƒ©ã‚¤ãƒ–ラリã¨ä¸€ç·’ã«ä½¿ã†æ™‚も安全ã§ã™ã€‚ タッãƒã®å‹•ãã‚’ãã®ã¾ã¾ デフォルトã®è¨å®šã§ã‚¿ãƒƒãƒã®å‹•ãを「1:1ã€ã§ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã¨ã—ã¦æä¾›ã§ãã¾ã™ã€‚ 豊富ãªã‚ªãƒ—ション ページãƒãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ãƒŠãƒ“ゲーションボタン・パララックスエフェクトãªã©
![[JS]スマホ・タブレットã§ã®æ“作性をé‡è¦–ã—ãŸã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹å¯¾å¿œã®ã•ã¾ã–ã¾ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’実装ã§ãるスクリプト -Swiper](https://cdn-ak-scissors.b.st-hatena.com/image/square/cacff14f89d3ccb1fc0c8101d8047f5b3b8b070e/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015030201.png)
[JS]ユーザーãŒå¿«é©ã«æ“作ã§ãã‚‹ã“ã¨ã«ã“ã ã‚ã£ãŸã€ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹ã«ã‚‚対応ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’実装ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Flickity
デモページ: ナビゲーション Flickityã®ä½¿ã„æ–¹ Step 1: 外部ファイル 当スクリプトã¨ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ ※jQueryã®ãƒ—ラグインã¨ã—ã¦åˆ©ç”¨ã™ã‚‹æ™‚ã¯ã€jquery.jsã‚’åŠ ãˆã¾ã™ã€‚ <head> ... <link rel="stylesheet" href="/path/to/flickity.css" media="screen"> <script src="/path/to/flickity.pkgd.min.js"></script> </head> Step 2: HTML å„スライドをdivè¦ç´ ãªã©ã§å®Ÿè£…ã—ã€ãƒ©ãƒƒãƒ‘ーã§å†…包ã—ã¾ã™ã€‚ <div id="main-gallery"> <div class="gallery-cell">...</div> <div class="gallery-cell">...</div> <div cl
![[JS]ユーザーãŒå¿«é©ã«æ“作ã§ãã‚‹ã“ã¨ã«ã“ã ã‚ã£ãŸã€ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹ã«ã‚‚対応ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’実装ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Flickity](https://cdn-ak-scissors.b.st-hatena.com/image/square/bf5475b2160c621bb7e866a6e614ec3326ad2769/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015012901.png)
WordPress以外ã§ã‚‚使ãˆã‚‹!スマホã¨ã‚¿ãƒ–レット・PCã®æŒ¯ã‚Šåˆ†ã‘方法ã¾ã¨ã‚
通常サイトã®ã‚¹ãƒžãƒ›ã‚„タブレットã®æŒ¯ã‚Šåˆ†ã‘方法 ã¾ãšã¯WordPress以外ã®Webサイト制作ã§ã‚‚使ãˆã‚‹ã€ã‚¹ãƒžãƒ›ã‚„タブレットã®åˆ¤åˆ¥æ–¹æ³•ã«ã¤ã„ã¦ã§ã™ã€‚今年ã¯Webサービスを作りãŸã„ã¨ã‚‚æ€ã£ã¦ã„ã‚‹ã®ã§ã€ãã®æ™‚ã®ã‚¹ãƒžãƒ›æŒ¯ã‚Šåˆ†ã‘ã«ã‚‚使ãˆãã†ã§ã™ã€‚ PHPã®é–¢æ•°ã§æŒ¯ã‚Šåˆ†ã‘る方法 Googleã§æ¤œç´¢ã™ã‚‹ã¨ã€å±±ã®ã‚ˆã†ã«è¦‹ã¤ã‹ã‚‹ã€PHPã«ã‚ˆã‚‹ã‚¹ãƒžãƒ›ã¨PC・タブレットã®åˆ¤åˆ¥æ–¹æ³•ã§ã™ã€‚ã‚‚ã£ã¨ã‚‚シンプルãªæ›¸ã方を紹介ã—ã¾ã™ã®ã§ã€ã‚¹ãƒžãƒ›ã‚„タブレットã®æ©Ÿç¨®ãªã©ã¯å¥½ã¿ã§è¿½åŠ 変更ã—ã¦ãã ã•ã„。 [php] function userAgent() { $ua = $_SERVER[‘HTTP_USER_AGENT’]; if(preg_match(‘#\b(iP(hone|od);|Android.*Mobile )|Windows.*Phone|blackberry.*|PSP|3DS|Vita#’,$ua)){ $u
Googleã®æ–°API「reCAPTCHAã€ã§ã¯ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’クリックã™ã‚‹ã ã‘ã§ãƒœãƒƒãƒˆã§ãªã„ã“ã¨ã‚’証明ã§ãæ–‡å—入力ã¯ä¸è¦ã«
ウェブサイトã«ã‚¢ã‚¯ã‚»ã‚¹ã‚’試ã¿ã‚‹ãƒœãƒƒãƒˆã‚’é®æ–ã™ã‚‹ãŸã‚ã«è¨ç½®ã•ã‚Œã¦ã„ã‚‹ã€ç”»åƒã§è¡¨ç¤ºã•ã‚Œã‚‹æ–‡å—を入力ã™ã‚‹ã“ã¨ã§ãƒœãƒƒãƒˆã§ãªã„ã“ã¨ã‚’証明ã§ãる機能reCAPTCHAã¯å¤šãã®ã‚µã‚¤ãƒˆã§å°Žå…¥ã•ã‚Œã¦ã„ã¾ã™ãŒã€ã„ã¡ã„ã¡æ–‡å—入力ã™ã‚‹ã®ã¯æ‰‹é–“ã§ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãªã©ã®ãƒ¢ãƒã‚¤ãƒ«ç«¯æœ«ã§ã¯ã‚ã‚“ã©ãã•ã„作æ¥ã§ã—ãŸã€‚ã—ã‹ã—ã€GoogleãŒæ–°ãŸã«ã‚¯ãƒªãƒƒã‚¯ãƒ»ã‚¿ãƒƒãƒ—ã ã‘ã§ã‚µã‚¯ãƒƒã¨ãƒœãƒƒãƒˆã§ãªã„ã“ã¨ã‚’証明ã§ãるよã†ã«é€²åŒ–ã•ã›ã¾ã—ãŸã€‚ recaptcha https://www.google.com/recaptcha/intro/index.html Google Online Security Blog: Are you a robot? Introducing “No CAPTCHA reCAPTCHA†http://googleonlinesecurity.blogspot.jp/2014/12/are-you-robot-i
モãƒã‚¤ãƒ«SEOã«å½¹ç«‹ã¤Googleç´”æ£ãƒ„ール×5
[対象: åˆã€œä¸ç´š] ã“ã®è¨˜äº‹ã§ã¯ã€ãƒ¢ãƒã‚¤ãƒ«å‘ã‘サイトã®ãƒ¦ãƒ¼ã‚¶ãƒ“リティやユーザーエクスペリエンスã®å‘上ã«å½¹ç«‹ã¤ã€GoogleãŒæä¾›ã™ã‚‹å…¬å¼ãƒ„ールを5ã¤ç´¹ä»‹ã—ã¾ã™ã€‚ Chrome PageSpeed Insights Mobile-Friendly Test Fetch as Google モãƒã‚¤ãƒ«ãƒ¦ãƒ¼ã‚¶ãƒ“リティ レãƒãƒ¼ãƒˆ é †ã«èª¬æ˜Žã—ã¾ã™ã€‚ Chrome Google Chromeã®ã€Œãƒ‡ãƒ™ãƒãƒƒãƒ‘ー ツールã€ã§ã¯ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç«¯æœ«ã§è¦‹ãŸã¨ãã®ãã®ãƒšãƒ¼ã‚¸ã®è¡¨ç¤ºã‚’エミュレーションã§ãã¾ã™ã€‚ 「デベãƒãƒƒãƒ‘ー ツールã€ã¯æ¬¡ã®æ‰‹é †ã§èµ·å‹•ã—ã¾ã™ã€‚ [Google Chromeã®è¨å®š]（å³ä¸Šã®3本ãƒãƒ¼ï¼‰ − [ãã®ä»–ã®ãƒ„ール] − [デベãƒãƒƒãƒ‘ー ツール] Ctrl + Shift + i (Windows) / Cmd + Opt + i (Mac) スマホを表ã™ã‚¢ã‚¤ã‚³ãƒ³ã‚’クリックã™ã‚‹ã¨ã‚¹ãƒžãƒ›ã§ã®è¡¨ç¤ºãƒ¢
スマホå‘ã‘サイトã®æœ€é©åŒ–レベルを自動ãƒã‚§ãƒƒã‚¯ã™ã‚‹ã‚°ãƒ¼ã‚°ãƒ«å…¬å¼ãƒ„ール2種 ãªã©10+3記事 | 海外&国内SEOæƒ…å ±ã‚¦ã‚©ãƒƒãƒ
ã“ã¡ã‚‰ã¯ã‚らã‹ã˜ã‚クãƒãƒ¼ãƒ«æ™‚ã«ãƒã‚§ãƒƒã‚¯ã—ã¦ã„ã‚‹ã®ã§ã€ã‚µã‚¤ãƒˆå…¨ä½“ã®ãªã‹ã§å•é¡ŒãŒã‚るページを探ã™ãªã©ã®ç”¨é€”ã§ä½¿ãˆã‚‹ã€‚ ãƒã‚§ãƒƒã‚¯ã¯ã€PageSpeed Insightsã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ エクスペリエンスã§ãƒã‚§ãƒƒã‚¯ã§ãã‚‹é …ç›®ãŒå¯¾è±¡ã§ã€Mobile-Friendly Testã¨ã ã„ãŸã„åŒã˜ã‚ˆã†ãªé …目を確èªã—ã¦ã„る。 ã“ã®2ã¤ã®ãƒ„ールã«é–¢ã—ã¦ã“ã‚“ãªè³ªå•ãŒå…¬å¼ãƒ˜ãƒ«ãƒ—フォーラムã«ã‚ã£ãŸã€‚ 片方ã§ã¯å•é¡Œã¯ãªã„ãŒã€ã‚‚ã†ç‰‡æ–¹ã§ã¯å•é¡Œã‚’指摘ã•ã‚Œã¦ã„る。 ã©ã¡ã‚‰ã®ãƒ„ールã«åˆã‚ã›ã¦ãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆã‚’最é©åŒ–ã—ã¦ãã¹ãã‹ï¼Ÿ ç”ãˆã¯ã€Œä¸¡æ–¹ã€ã«ãªã‚‹ã ã‚ã†ã€‚ Mobile-Friendly TestãŒãƒã‚§ãƒƒã‚¯ã™ã‚‹é …ç›®ã¨ãƒ¢ãƒã‚¤ãƒ«ãƒ¦ãƒ¼ã‚¶ãƒ“リティレãƒãƒ¼ãƒˆãŒãƒã‚§ãƒƒã‚¯ã™ã‚‹é …ç›®ã¯åŒã˜ã§ã¯ãªã„。ã¾ãŸå…±é€šã—ãŸé …ç›®ã§ã‚ã£ã¦ã‚‚ã€åŸºæº–ãŒåŒã˜ã¨ã¯é™ã‚‰ãªã„。 ã—ã‹ã—ã©ã¡ã‚‰ã®ãƒ„ールもモãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆã®ãƒ¦ãƒ¼ã‚¶ãƒ“リティやユーザー体験ã«é‡è¦ãªè¦ç´ ã‚’ãƒã‚§ãƒƒã‚¯ã—ã¦ãれるã“ã¨
laroux.js - Demos
This project is a jQuery substitute for modern browsers and mobile devices. But instead of offering some wrappers and own dynamics, it simply provides helper functions to achieve the same objectives as jQuery or Zepto. laroux.js is right for you if you: Complain about people who do not know the difference between jQuery and Javascript. Love working with more compact, organized libraries in smalle
JavaScriptã§ä½ç½®æƒ…å ±ã‚’å–å¾—ã™ã‚‹æ–¹æ³•(Geolocation API)
ユーザーã®ç¾åœ¨ä½ç½®ã‚’å–å¾—ç¾åœ¨ä½ç½®ã‚’å–å¾—ã™ã‚‹ã‚µãƒ³ãƒ—ルデモを見るã«ã¯ã€ä¸‹è¨˜ãƒšãƒ¼ã‚¸ã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ä¸‹ã•ã„。ã“ã®ãƒ–ãƒã‚°ãŒã‚ãªãŸã®ä½ç½®æƒ…å ±ã‚’å–å¾—ã—ã¦ã‚‚ã„ã„ã‹ã€ã¨ã„ã†ç¢ºèªãŒè¡¨ç¤ºã•ã‚Œã‚‹ã®ã§ã€è¨±å¯ã™ã‚‹ã¨ã€ã‚ãªãŸã®ç¾åœ¨ä½ç½®(緯度ã€çµŒåº¦ã®åº§æ¨™)ã®å–得を開始ã€è¡¨ç¤ºã—ã¾ã™ã€‚ サンプルデモを見る ç¾åœ¨ä½ç½®ã‚’å–å¾—ã™ã‚‹ã«ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ãƒ–ラウザãŒã€Geolocation APIã¨ã„ã†æ©Ÿèƒ½ã«å¯¾å¿œã—ã¦ã„ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚Geolocation APIã¨ã¯ã€ç°¡å˜ã«è¨€ã†ã¨ã€ç«¯æœ«ã®ä½ç½®æƒ…å ±ã‚’ã‚„ã‚Šå–ã‚Šã™ã‚‹ã‚·ã‚¹ãƒ†ãƒ ã§ã™ã€‚GPSã«å¯¾å¿œã—ã¦ã„るスマホã ã‘ã§ãªãã€ç¾åœ¨ä½ç½®ã‚’è¨å®šã§ãるデスクトップPCã§ã‚‚利用å¯èƒ½ã§ã™ã€‚ 判別方法ã¯ç°¡å˜ã§ã™ã€‚Geolocation APIã«å¯¾å¿œã—ã¦ã„る端末ã®å ´åˆã€navigator.geolocationã¨ã„ã†ã‚ªãƒ–ジェクトãŒæœ€åˆã‹ã‚‰å˜åœ¨ã™ã‚‹ã®ã§ã€ã“ã‚Œã®æœ‰ç„¡ã§åˆ¤åˆ¥ã™ã‚Œã°ã„ã„ã ã‘ã§ã™ã€‚ JavaScript // G
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
å„ã‚ャリア「ドメイン指定å—ä¿¡ã€è¨å®šæ–¹æ³•|Ｒｅ・蘇
Quasar Framework - Build high-performance VueJS user interfaces in record time
PHPã§PCã¨ã‚¹ãƒžãƒ›ã‚’判別ã™ã‚‹æ–¹æ³•ã€Mobile Detect】
outlinecss.co.uk
https://jp.techcrunch.com/2015/03/31/20150330drifty-grabs-2-6-million-to-turn-web-developers-into-mobile-app-makers/
iDangero.us
{{#tags}}- {{label}}
{{/tags}}