タグ

関連タグで絞り込む (117)

タグの絞り込みを解除

Web開発に関するJHashimotoのブックマーク (628)

  • Cutting Edge - クライアント側デバイスの簡易検出

    定義済み文字列の 1 つ。Desktop (デスクトップ)、App (アプリ)、Tablet (タブレット)、Smartphone (スマートフォン)、Feature Phone (フィーチャーフォン)、Smart-TV (スマート テレビ)、Robot (ロボット)、Other non-Mobile (その他、モバイル以外)、Other Mobile (その他、モバイル) など。 WURFL.JS は、多くのキャッシュを利用して迅速な応答を確保しています。開発段階では、debug=true を URL に追加することで、キャッシュをオフに切り替えることができます。DOM の ready イベントが発生したら、WURFL オブジェクトを安全に使用することができ、クライアント側の機能を有効または無効にしたり、オプションのデータをサーバーに要求できるようになります。 WURFL.JS による

    Cutting Edge - クライアント側デバイスの簡易検出
    JHashimoto
    JHashimoto 2015/03/15
    "1 つは個別にモバイル サイト (以下「m-site」) を作成する方法、もう 1 つは現在の画面サイズやデバイスの向きに合わせてコンテンツや動作が動的に切り替わるようにサイトを作り直す方法です。"
    リンク

  • ブラウザ・OSを検出してJSON化できるjQueryプラグイン「PgwBrowser」:phpspot開発日誌


    PgwBrowser - Browser & OS / platform detection plugin for jQuery / Zepto ブラウザ・OSを検出してJSON化できるjQueryプラグイン﹁PgwBrowser﹂。 次のようにJSON値でブラウザ、OS、viewport情報を受け取れます。iOS、Androidなどにも対応 関連エントリ ブラウザ上で動くイラストレーターのOSS﹁mondrian﹂ SVG非対応ブラウザでも魔法のようにSVGが表示できるjQueryプラグイン﹁SVGMagic﹂ 複雑なレイアウトをブラウザ上でWYSIWYGで組み立てられる﹁Gridmanager﹂ ChromeのタブっぽいUIをブラウザ上で実現する﹁ChromeTabs﹂
    JHashimoto
    JHashimoto 2014/09/12
     “ブラウザ・OSを検出してJSON化できるjQueryプラグイン﹁PgwBrowser﹂。 次のようにJSON値でブラウザ、OS、viewport情報を受け取れます。iOS、Androidなどにも対応”  

    ●JavaScript
    ●jQuery
    ●Web開発
      
    リンク

  • Windows 8 で魅力的なWeb サイトを作る

    2013年5月11日開催 "Conunity Open Day 2013" のセッション「Windows 8 で魅力的な Web サイトを作る 」のスライドです。Read less

    Windows 8 で魅力的なWeb サイトを作る

  • ASP.NET - Katana プロジェクトの概要


    Katana プロジェクトの概要 Howard Dierking ASP.NET が初めてリリースされた 2002 年当時の状況は今とは異なり、まだインターネットの揺籃期で、ユーザー数は約 5.69 億人、1日の平均利用時間は約46分、Web サイトの数は約 300 万でしたが、わずか10年後の現在、インターネットのユーザー数は 22.7 億人、1日の平均利用時間は4時間、Web サイトの数は 5.55 億に達しています (bit.ly/MY7GzO、英語)。 このような増加が、Web アプリケーションの構築と実行の基盤となるフレームワーク、ツール、ランタイムに対するアプリケーション開発者のニーズを急激に変化させたことは明らかです。最新の Web アプリは、迅速に変化できるように多種多様なコンポーネントやフレームワークを利用する必要があります。その上、クラウドのように大掛か
    ASP.NET - Katana プロジェクトの概要

  • Internet ExplorerのどのバージョンからどのHTML/CSS/JSに対応しているかの一覧

    Internet Explorer 7から対応したHTML/CSS/JS Internet Explorer 7はMicrosoft社から2006年10月18日（日本語版は11月2日）にリリースされたウェブブラウザ。 HTML 透過PNGフォーマット abbr要素 CSS 子供セレクタ（親要素 > 子要素 ） 隣接セレクタ（要素1 + 要素2） 間接セレクタ（要素1 ~ 要素2） 属性セレクタ（[属性名], [属性名="属性値"], [属性名~="属性値"], [属性名|="属性値"]） a要素以外をセレクタにした:hover擬似クラス, :active擬似クラス :first-child擬似クラス max-widthプロパティ, max-heightプロパティ min-widthプロパティ, min-heightプロパティ positionプロパティの fixed の値 border-c

    Internet ExplorerのどのバージョンからどのHTML/CSS/JSに対応しているかの一覧

  • Breeze入門

    データ管理JavaScriptライブラリ「Breeze」とは クライアントサイドのJavaScriptでのデータ処理を簡単にするライブラリ「Breeze」を紹介。JSONデータをキャッシュしたり、ODataのクエリ文字列などを利用したデータのソートやページング処理をしたりできる。

    Breeze入門

  • Excelのテーブルを修飾ごとHTMLへ。数式も保持して表計算も可能なHTML/JavaScriptを生成する「Excel to HTML」。アドバンスソフトウェア


    Excelのテーブルを修飾ごとHTMLへ。数式も保持して表計算も可能なHTML/JavaScriptを生成する﹁ExceltoHTML﹂。アドバンスソフトウェア Webアプリケーションにおいて、ユーザーの入力に対して簡単な計算や変換をした結果をWebページ上に表示したい、というニーズはよくあることでしょう。例えば業務用のWebアプリケーションなら、いくつかの金額を入力すると合計を表示するといった動作は非常に一般的です。 アドバンスソフトウェアが発表した﹁ExceltoHTML﹂は、こうしたWebページをExcelから簡単に生成できるWindowsアプリケーションです。計算式を含むExcelのテーブルをHTMLとJavaScriptに変換、Webページに簡単に埋め込むことができます。入力するセル間の移動はExcelと同様にタブキーで行えます。 Excelテーブルで設定された表示形式や
    Excelのテーブルを修飾ごとHTMLへ。数式も保持して表計算も可能なHTML/JavaScriptを生成する「Excel to HTML」。アドバンスソフトウェア
    JHashimoto
    JHashimoto 2013/10/24
    "計算式を含むExcelのテーブルをHTMLとJavaScriptに変換、Webページに簡単に埋め込むことができます。"
    リンク

  • ブラウザ横断で JavaScript のテストを自動化する BrowserSwarm


    Spring BootによるAPIバックエンド構築実践ガイド 第2版 何千人もの開発者が、InfoQのミニブック﹁Practical Guide to Building an API Back End with Spring Boot﹂から、Spring Bootを使ったREST API構築の基礎を学んだ。この本では、出版時に新しくリリースされたバージョンである Spring Boot 2 を使用している。しかし、Spring Boot3が最近リリースされ、重要な変...
    ブラウザ横断で JavaScript のテストを自動化する BrowserSwarm
    JHashimoto
    JHashimoto 2013/10/21
    "Microsoft の Internet Explorer チームは appendTo と Sauce Labs と協力して BrowserSwarm Beta をリリースし、Web開発者がブラウザ横断でソースコードを実行する方法を提供した。"
    リンク

  • JavaScriptのGridライブラリ決定版 - SlickGrid - Qiita


    正直、表示だけするならどれも高機能で大差ないと思う。 ただ、多くのグリッド系ライブラリは、高機能な代わりに遅い＆書きにくかったり、編集機能はあるものの表示→編集モードへの切り替えがもっさりしていたり保存機能が書きにくかったりする。 その中で高速な表示、Excelかのような編集機能を備えているのがSlickGridだ。 ﹁Excelみたいにできないの？﹂とはよく言われることでその言葉にそんな簡単じゃねーんだよ、とイラッとしたことがある人も多いかと思うが、SlickGridを使うことでお互いストレスフリーな関係を築けるだろう。 では、SlickGridのパワーが実感できる例を紹介したい。 1.パフォーマンス このExampleで表示しているデータは、なんど500,000件である。他のグリッドが数万件表示可能！と言っているそばで、ケタが違う。何せExcel(2003)の限界行より多いんだからビッ
    JavaScriptのGridライブラリ決定版 - SlickGrid - Qiita
    JHashimoto
    JHashimoto 2013/10/04
    "その中で高速な表示、Excelかのような編集機能を備えているのがSlickGridだ。"
    リンク

  • FINDJOB!終了のお知らせ | FINDJOB!

    FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

    FINDJOB!終了のお知らせ | FINDJOB!
    JHashimoto
    JHashimoto 2013/10/04
    "Microsoft製。単一・複数のWebサイトに対して1,000個単位でのリクエストを投げることができます。IPv6にも対応しています。fwpttと同じくWindows向けのツールです。"
    リンク

  • MicrosoftらがJavaScriptコードの自動テストサービス「BrowserSwarm」を公開 | OSDN Magazine


    米Microsoftは9月26日、JavaScriptコード向けの互換性テストツール﹁BrowserSwarm﹂ベータ版を公開した。クラウド型のサービスで、JavaScriptコードのWebブラウザおよび端末互換性検証が行える。 BrowserSwarmは、MicrosoftのInternet Explorler︵IE︶チームが米AppendToおよびSause Labsと協業して作成した、JavaScriptフレームワークやライブラリのWebブラウザ互換検証を行うオープンソースプロジェクト。Web開発者の検証作業を軽減することを目的としている。AppendToはjQueryのトレーニングや支援を行う企業で、Sauce Labsはクラウドベースのクロスブラウザテストを提供する。 BrowserSwarmではGitHub上のコードレポジトリと連携し、リポジトリを更新するとユニットテストフレー
    MicrosoftらがJavaScriptコードの自動テストサービス「BrowserSwarm」を公開 | OSDN Magazine
    JHashimoto
    JHashimoto 2013/09/27
    "米Microsoftは9月26日、JavaScriptコード向けの互換性テストツール「BrowserSwarm」ベータ版を公開した。クラウド型のサービスで、JavaScriptコードのWebブラウザおよび端末互換性検証が行える。"
    リンク

  • jQuery UI逆引きリファレンス

    jQuery UIを利用するには？ jQuery UIの基本機能を目的別リファレンスの形式でまとめる連載スタート。jQuery UIで提供されているコンポーネントと、基本的な利用法を説明する。

    jQuery UI逆引きリファレンス

  • HTML5でサイトを高速化─wri.peで学ぶ、イマドキのWebアプリの作りかた（後編）


    HTML5でサイトを高速化─wri.peで学ぶ、イマドキのWebアプリの作りかた︵後編︶ 増井 雄一郎︵FrogApps, Inc.︶ 前回の記事では、 wri.peの紹介と、HTML5のApplication Cacheを使ったHTMLや画像などの読み込み高速化の話をしました。今回は、Web StorageのlocalStorage/sessionStorageを使い、Ajax通信部分と表示の高速化を行う手法を説明しましょう。 localStorageを用いた通信と表示の高速化 前回のApplication Cacheで、HTMLの読み込みが高速化されました。これでも十分速くはなったのですが、画面に全ての情報が表示されるまでには、ちょっと時間がかかります。 wri.peではメモの一覧や、メモ本体の読み込み・保存はXHR(XMLHttpRequestの略。Ajax通信で使うモジュール名)を
    HTML5でサイトを高速化─wri.peで学ぶ、イマドキのWebアプリの作りかた（後編）

  • loader.io を使って Web サイトの負荷テストを実行してみた - しばやん雑記

    Application Load Testing Tools for API Endpoints with loader.io loader.io はメール送信サービスで有名な SendGrid が実験的に提供しているサービスです。 これもまた Dev Intersection に参加したときに Brady Gaster 氏のセッションで使われていて、凄く便利だと思ったので実際に試してみました。 ちなみにセッションでは Windows Azure Web サイトに対して負荷をかけて、無料から共有へとスケールさせるデモだったんですが、当然ながらそれ以外にも使えます。 まずはアカウントを登録する必要がありますが、メールアドレスとパスワードを入力するだけなので非常に簡単です。とりあえずアカウントを作ってサインインすると以下のような画面になります。 「New Test」ボタンをクリックすると、テス

    loader.io を使って Web サイトの負荷テストを実行してみた - しばやん雑記

  • DOM操作の最適化によるJavaScriptチューニング（後編）


    連載﹁Webサイト・アプリ高速化テクニック徹底解説﹂の第5回は、前回の﹁DOM操作の最適化によるJavaScriptチューニング︵前編︶﹂に続く後編です。後編では、createElement()などのDOM操作メソッドを使ったさまざまなテクニックや、パフォーマンスを劣化させるよくあるパターンについて詳しく解説します。 CodeIQとの連動企画！ この記事で学べるJavaScriptチューニングのテクニックを、実際にCodeIQの問題で試すことができます。もう既に自信がある方は腕試しに、もしくは理解度チェックのための復習として是非ご活用ください！こちらから問題にチャレンジ！ 前回は、DOM操作が遅い原因と仕組みについて簡単に説明し、チューニングのサンプルをいくつか解説しました。その中で、innerHTMLを利用したコードをサンプルにあげていますが、innerHTMLを利用する場合、いくつかの
    DOM操作の最適化によるJavaScriptチューニング（後編）

  • 【保存版】IEのバージョンを判別し、バージョンごとにスタイルを適用する3つの方法 | DX.univ


    エンジニアの菊池です。 今回、初めてブログを投稿させていただ[...]エンジニアの菊池です。 今回、初めてブログを投稿させていただくことになりました。 業務では主にフロントエンドの実装とマークアップ等を担当しています。 さて、WindowsXPのサポート終了まで残り約8ヶ月となりました。 ようやく長くにわたり苦しめられてきたIE6から解放されることになりますが、でも実はIE7、8、9もIE6ほどではないまでもバグや独自解釈が多かったりします。 そんな時にはCSSハック等の手法やJavascriptを利用してIEだけ特別な処理やスタイルを適用したりします。 ということで今回かなり今更感はありますが、自分用の備考録も兼ねてIE6〜10のバージョン別CSSハックと条件付きコメント分岐、jQueryによるIEバージョン判別の3つの方法についてまとめてみました。 1.CSSハック /* I

  • 入力フォームの全角・半角を勝手に変換してくれるJavaScript


    入力フォームの全角・半角を勝手に変換してくれるJavaScriptを作りました。1．発端 ﹁入力フォームの迷宮。全角数字を強要するフォームを理解できません。﹂を読んで、たしかに私も半角全角の入力を強制されるフォームには辟易してしまいます。 というか、半角全角どちらでも良いという登録フォームを︵多分︶見たことがありません。 それはさておき、システム側で半角文字・全角文字の制御が不能であれば、せめてフロントエンドでなんとかできるんじゃないの？と思ったのが、作ったそもそもの発端です。2．半角を全角に変換する仕組み 半角文字の文字コードから65248番目の文字コードが全角文字になるようです。 よって半角を全角に変換するには、charCodeAt()で参照した半角文字コードに65248を加算したあと、fromCharCode()で文字コードを文字に戻します。 "ABC".replace( /[A
    入力フォームの全角・半角を勝手に変換してくれるJavaScript

  • JavaScriptエラーを表示・確認する方法のまとめ


    JavaScriptエラーを表示・確認する方法をまとめました。1．はじめに ブラウザでページを表示したときに正しく表示されない、あるいはjQueryで設置したパーツなどが動作しない場合、JavaScriptエラーが発生している可能性があります。 JavaScriptエラーが発生しているかどうかを確認するためにはエラーを表示するためのコンソールを開く必要がありますが、コンソールの開き方が分からなかったり、ブラウザで操作方法も異なります。 このエントリーでは、以下のブラウザを対象にしてJavaScriptエラーの表示・確認方法を解説します。 Google Chrome Firefox IE ビギナーの方向けの内容です。2．エラーになるJavaScriptのサンプル エラーになるJavaScriptのサンプルとして、次のサンプルを用いて解説します。このJavaScriptを実行するとシンタッ
    JHashimoto
    JHashimoto 2013/08/02
    "IEでJavaScriptエラーを表示・確認するには、設定アイコンをクリックして「F12 開発者ツール」を選択します。F12キーを押下してもOKです。"
    リンク

  • Twitter Boostrapを使って作られている有名サイトまとめ | startapp


    Twitter Boostrapを使って作られた有名サイトをまとめてみました。デザインをカスタマイズする方法や、レスポンシブの考え方などBootstrapを使ったWebサービス製作の際に参考にしてください。 paper.li 固定ナビバー、レスポンシブ ドットインストール 基本CSS、ボタンなど Disqus 基本CSS Favstar 基本CSS StumbleUpon Title QiitaTopページのみ!? Delicious 基本CSS Mashable固定ナビバー, レスポンシブ Kippt ナビバー、レスポンシブ lang-8 ナビバー Conyac ナビバー ntfy.it 固定ナビバー Digg モーダル SlideShare ナビバー、ドロップダウンmemrise AddThis ホバー けっこうたくさんありますね。Bootstrapは、慣れるとまるでプロトタイプ
    Twitter Boostrapを使って作られている有名サイトまとめ | startapp

  • ＜チェック表＞WEBサービスを立ち上げるまでにやらなければならないこと(2013年版） | startapp

    個人的なブログの「＜チェック表＞WEBサービスを立ち上げるまでにやらなければならないこと」という記事にいまだにアクセスがあるのですが、だいぶ情報が古くなっていて、申し訳ないという気持ちで2013年版を書いてみました。制作以外にやらなければならない事のTODOリストとして使っていただければと思います（順不同）。 1) ドメイン サービス名が決定したら、ドメインが利用可能か調べます。優柔不断なあなたには、ドメインの取得をギリギリまで遅らせる事をおすすめします。途中で心変わりしてサイト名が変わったりしますからね。 2) サーバーのレンタル サービスを公開するサーバーを確保します。サーバーの種類はルート権限が使える、VPSかクラウドタイプがおすすめです。サーバーはネットなどで調べて安定しているものを選ぶといいでしょう。安いものなら月980円くらいからレンタルできます。 ちなみにこのサイトは、NTT

    ＜チェック表＞WEBサービスを立ち上げるまでにやらなければならないこと(2013年版） | startapp
  • 1 2 3 4 5 6 7 8 9 10 次のページ

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.