読込むjavascriptファイルをユーザーエージェントによって振り分け切替える - Qiita
※ほとんどメモレベルです。気にしないでください。 ●ちゃんと動きます。 ●もっとイイ表記があるかも知れません。 ●変な所はご指摘頂けると嬉しいです。 ●一応operaで分けちゃってます。（意味ない？） ブラウザで分ける PC、スマホ、タブレットを判別。 スマホの場合はbrowser,chrome,firefox,旧opera,iphoneで分ける。 そもそも何故、分けたのか。 ●スマホで見た場合、表示差異がかなりあった。 ●AQUOSフォンがそもそもの発端。 AQUOSフォンだけ、なぜか全体的に小さく表示される。 viewportで【 target-densitydpi=220 】を指定すると表示が統一された。 ●その他の機種はそんなに問題はなかった。 やっかいになった… こうした事で、androidのデフォルトブラウザとchrome、fox、またiphoneとの間で大きな差異が生まれてし
JavaScriptでuserAgentよるブラウザ判定（IE, iPad, iPhone, iPod, Chrome, Firefox, etc…） | みやなび
JavaScriptでuserAgentよるブラウザ判定のコードを書いてみました。多分こんなもんじゃないのかな・・・、iPhone回りが未検証。IEとiPhoneのバージョン別分岐はやっぱり必須になってきます。 対応ブラウザ IE6 -> 10 iPhone iOS 2 or higher iPad iPod Android Chrome Firefox Safari Opera サンプルコード <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="referrer" content="origin"> <title>JavaScript</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></s
体感！JavaScriptで超速アプリケーション開発 －Meteor完全解説 記事一覧 | gihyo.jp
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
【入門】webアプリ開発を習得するための手順、言語、本、フレームワークまとめ | らふらく^^ ~ブログで飯を食う~
【重要な追記】プログラミング独学はキツいと、本題になる前に重要なことを書いておきます。 僕も最初そうでしたが、JavaScriptなどプログラミングは独学だと難しくて投げ出したくなります。 僕もできずに心が折れかけていました。 そんな時に東京でプログラミング教室をやっていることを知り、参加してみたのでした。 ＞＞プログラミングでできること、日常生活での活用例、主要言語などまとめ プログラミング教室で理解速度は格段に上がる結果、プログラミングへの理解度がかなり高まり、その後の勉強がスムーズにいきました。 なので、僕はお金を払ってでも、プログラミング講座、スクールには行った方がいいと思っています。 当時、学生ながら3万円くらい払いましたが、そこに投資して本当に良かったです。 今月から有料プログラミングスクールに通うことに 独学だと概念理解できなくてつまずいてしんどかったので 結果として行ってよ
最近のJavaScript開発まとめ
こんにちは、中川です。 ここ1・2年ですが、私の担当するプロジェクトでは、 PHPよりもJavaScriptの開発が多い状態が続いております。 JSのプロジェクトを重ねるにつれ、開発環境も段々と整理されてきましたので、 一旦、最近のJS開発で利用しているライブラリやツールなどをまとめてみました。 フレームワーク ●Backbone.js http://backbonejs.org/ JavaScriptのMVCフレームワーク。 何も使わない(もしくは我流)よりは、これを使って欲しいと思えるフレームワークです。 利用者が多く日本語情報も豊富にあるのと、フレームワーク自体が1500行程度と軽量なため、学習コストを低く抑えることができます。 ●AngularJS http://angularjs.org/ データバインディングを備えたフレームワーク。 高機能なテンプレートや、DIの仕組み、ルーテ
JavaScript 例題11
例題11： カレンダーの作成 このページでは、カレンダーの作り方を勉強します。 例題として、下に示すような３種類のカレンダーについて扱います。 一番左のものは、JavaScript の参考書などでよく見かける基本的なカレンダーです。 タイプ１ と タイプ２ は、この基本形に筆者が手を加えたものです。 タイプ１ は、スタイルシート を適用して形を整え、更に 祝日を表示 させるようにしたものです。 基本形と タイプ１ は、今月の表示だけなのに対して、タイプ２ は、「前月」 ボタンと 「次月」 ボタンを操作することにより、表示月が書き換わる ようにしたものです。 カレンダーを作成するには、Date オブジェクトを使った操作が必要になります。 また、祝日を扱うには、ちょっとしたプログラミングのテクニックが必要となります。 さらに、JavaScript を書き換えることなく、スタイルシートを書き換え
setIntervalとsetTimeoutの違い / チュパカブラの勉強日記
1月 17th, 2012 • javascript 処理を一定期間繰り返すようにする方法は2通りある。 1秒枚に処理を行う場合、以下2つ setIntervalを使う方法 setInterval( //処理内容 ,1000); 詳しくはここ。 setTimeoutを使う場合 function start(){ //処理内容 setTimeout(start(),100); } setIntervalは、処理が終わらない状態でも、ループするので、処理内容が多い場合、 ブラウザがクラッシュする可能性がある。 なので、処理内容が長い場合は、setTimeoutを使ったほうがいい。 また、setIntervalとsetTimeoutのループを消す方法。 setIntervalの場合 clearIntervalを用いる。 clearInterval( setIntervalのID); setti
jQueryプラグインの作り方の初歩
自分でもjQueryを使ってjsを書くので、これをプラグイン化できたらいいなと思うこともあります。という訳で大枠の構成だけですが、基本的な作り方を調べてみました。（あとは引数で設定を変えるのがかっこいいと思ったので作ってみたかったのもあります。） 無名関数 他の領域に干渉しないされないように以下の記述で囲みます。jQueryを引数として指定しているので、この中でも$表記が使えます。 (function($) { //中身 })(jQuery); メソッドを追加する ここが実際に処理するコードを書いていく場所です。「$.fn.hogehoge」のhogehogeの部分がメソッド名になります。 (function($) { $.fn.hogehoge = function(options){ //プラグインの中身 } })(jQuery); 使用する 実行のコードです。プラグインを使うときによ
ソースコードをハイライト表示する「SyntaxHighlighter」
ソースコードをハイライト表示する「SyntaxHighlighter」 Check Tweet 配布元：SyntaxHighlighter – Alex Gorbatchev ライセンス：LGPL 3 SyntaxHighlighterはソースコードを簡単にハイライト表示することが可能なJavaScriptライブラリです。 JavaScriptやHTML、CSS、PHP、Python、Rubyなど様々な言語のシンタックスハイライトが可能です。 利用方法 配布元よりダウンロードしたSyntaxHighlighter.cssとshThemeDefault.css、shCore.jsをhead要素内で読み込みます。 <link type="text/css" rel="stylesheet" href="styles/shCore.css"/> <link type="text/css" rel
JavaScriptをもっと上達したい人へのヒント（JavaScript おれおれ Advent Calendar 2011 – 24日目） | Ginpen.com
JavaScript おれおれ Advent Calendar 2011 – 24日目（最終日） JavaScriptを書くプログラマーさんでも、JavaScriptも書くデザイナーさんでも。 僕なんかがおこがましいとは思うんですが。 いっぱい書く とにかく書く事です。何でもいいです。作りたいものがあれば作ってもいいし、面白そうなものを見かけたら真似してみましょう。 ライブラリーやフレームワークは躊躇なく使う 簡単に書けるならそれに越した事はありません。どんどん使いましょう。そもそも便利なライブラリーを習得する事だって大切です。 分かりやすいと最近評判の本ですね。プログラミングの知識が全く無い状態の読者を想定しているそうです。 「Webデザイナーのための jQuery入門」という本を書きました – Takazudo hamalog で、私が書いた本の話に戻りますが、「Webデザイナーのため
JavaScript のスコープを理解する - tacamy--blog
スコープとは、変数の有効範囲のことで、プログラムのどの場所から参照できるかを決める概念です。 スコープの種類 JavaScript のスコープには、グローバル変数とローカル変数の 2 種類あります。 グローバル変数 ローカル変数 関数の外（トップレベル）で宣言した変数 関数の中で宣言した変数, 関数の仮引数 プログラム全体から参照できる その関数の中でのみ参照できる ブロックスコープは存在しない Java などの言語では、if や for などの {} で囲まれたブロックごとにもブロックスコープがありますが、JavaScript には存在しません。 JavaScript でどうしてもブロックスコープを使いたい場合は、with 命令を使う方法や、無名関数を定義と同時に呼び出すなどの方法で、擬似的にブロックスコープを作ることは可能です。 補足 : let を使うとブロックスコープがつくれると教
今すぐ辞めて欲しい、「jQuery勉強してます」「Backbone.js勉強してます」
最近、といってもここ２年ぐらいからだけど、「jQueryの勉強してます」とか「Backbone.jsの勉強してます」とか、そういう人からのプログラミングの修得の相談とかを頂いたりする機会が多い。 それらの中で、非常に口をすっぱくして言っているんだけど、なかなか理解して頂けないのが、『「jQuery」や「Backbone.js」を使うな』という個人的なアドバイスだ。これは個人的には本当に守ってほしい、絶対に手を出してほしくない、Framework達である。 なぜかみんな「jQueryってイケてる技術だよね」「jQueryだったらこんなこともいとも簡単にできちゃうんだよね」みたいな印象を持っている。もちろん、それは間違いではない。jQueryは早い。ライブラリもたくさんある。コミュニティも活発だ。リッチなウェブサイトなんて昔は数人月かけて作ったものだが、いまはjQueryとプラグインなんて使え
絶対に読んでおきたい、JavaScriptのおすすめ書籍7冊 - Qiita
フロントエンドエンジニアにとって、JavaScriptは今や開発の中心にあると言ってもいいと思います。 JavaScriptに対していまいち自信のない人向けに、おすすめしたい本をまとめてみました。 これで、日本のJS界隈がもっと賑わって、仲間が増えると嬉しいです(今でもかなり賑やかですが)。 基礎 JavaScript本格入門 JavaScriptの本の中では一番易しいんじゃないかな、と思います。 これ以上に読者ターゲットのレベルを落とした本は、解説が不十分だったり、レシピ集のような側面が強かったりで、勉強には向いていません(網羅的でないということ)。 この本は解説のみで、深い仕様やテクニックには踏み込みません。それだけに読みやすく仕上がっていると思います。 この本でJavaScriptに興味をもつことができたら、よりディープな本に進んでみるといいと思います。 パーフェクトJavaScri
JavaScript初級者から中級者になろう — uhyohyo.net
このページの最終更新日：2019年7月4日 JavaScript。主にWebページを作るのに使われるほか、現在ではさまざまなところで活躍しているプログラミング言語です。 このページはJavaScriptの中級講座です。最新鋭ではないかもしれませんが、読み進めれば大抵のものを自分で作れるようになることでしょう。 言い訳とJavaScriptの歴史 / 問い合わせ 最近の更新2017/10/05 全ページを手直ししました。十六章第六回を追加。2017/11/9 十六章第二十一回・十六章第二十二回を追加。2017/12/2 十七章第三回・十七章第四回を追加。2017/12/3 十七章第五回・十七章第六回・十七章第七回を追加。概要コンテンツは第一篇と第二篇に分かれています。 JavaScriptは昔からWebページに動きを与えるものとして用いられてきましたが、第一篇ではそのような、昔からあるJav
スマートフォン JavaScript ユーザーエージェント振分け
このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。 web帳 JavaScriptを用いて、「ユーザーエージェント」の振り分けの方法です。 ユーザーエージェントとはwebブラウザーや検索エンジンのクローラーといったwebサイトへアクセスするプログラムのことをいうのですが、web制作では一般的に「webブラウザーがHTTP通信時にサーバーへ送信する固有の文字列情報」のことを指します。 iPhone 、iPadのユーザーエージェント iPhone4 :iOS4 Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_0 like Mac OS X; en-us) AppleWebKit/532.9 (KHTML, like Gecko) Version/4.0.5 Mobile/8A293 Safari/6531
戻り値で関数から値を返すreturnを今一度勉強しなおしてみた
JavaScriptとかjQueryとか使っていろいろしてきていたんですが、今一度ちゃんと基礎を勉強＆復習しておかないとやばそう。覚えていないこととか多々あるので、基礎から勉強しなおしてみることにしました。 まずは「return」について。戻り値とか値を返すとかはわかるのですが、どう使うの？使いどころは？どうなるの？いろいろやってみた。 とりあえず、Firebugを使って色々入力してみることにします。 return; //SyntaxError いきなりreturnだけしてもエラーだよということですね。何かに値とか返すよ～って時に使うものとのこと。 それならってことで、関数の中に入れてみた。 function test(){ return; }; test(); //undefined でも、returnだけしても、何も返すものがないので、undefined。 じゃあ、trueってのをいれ
JSHintでJavascriptの構文チェック&Sublime Text2でのチェック | DevelopersIO
JSHint JSHintとは、Javascript用構文チェッカーです。 構文チェッカーとしては、かなり厳しめのチェックをしてくれるJSLintがありますが、 これをforkして融通効くようにしたものがJSHintです。 詳しい経緯はここに。 とりあえずどんなチェックをしてくれるか知りたい場合、 このサイトでJavascriptのコード入力すれば、 どのようなチェックをしてくれるかわかります。 今回はコマンドラインからJSHintを使ってみたり、Sublime Text2から使ってみましょう。 環境構築方法 今回使用した動作環境は以下のとおりです。 OS : MacOS X 10.7.4 Node.js : v0.10.0 npm : 1.2.14 Grunt : 0.4 npmを使用してJSHintをインストールします。 このモジュールはグローバルオプションをつけてインストールしましょ
JavaScriptのプロトタイプからオブジェクト指向を学ぶ - Qiita
JavaScriptの「プロトタイプ入門」 JavaScriptはオブジェクト指向です。 クラスという概念はないため、 擬似的なクラスの表現を使ったパターンがあります。 ただ今回はそちらではなくプロトタイプベースの説明をします。 その前にコンストラクタについて知らない人はこちらへ。 JavaScriptのクラス？コンストラクタ？ プロトタイプって？ そもそもプロトタイプってなに？ 実は、、プロトタイプとは「オブジェクト」のことなんです。 そして感覚としては親だと思って大丈夫です。 親の能力は子にも受け継がれている。。的なニュアンスですね。 （まぁ意味合いはちがいますがw） prototypeプロパティ ここで新規に関数を生成してみましょう。 そうするとprototypeプロパティが自動で作成されます。 このように関数を生成した時点で、 proto.prototypeプロパティが自動で生成さ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
yuguri.com
ユーザーエージェントによってPCとスマートフォン（iPhone / Android）を振り分ける方法いろいろ