並び順

ブックマーク数

期間指定

  • から
  • まで

161 - 200 件 / 6583件

新着順 人気順

safariの検索結果161 - 200 件 / 6583件

  • JavaScript はどのように実行されるか - IT戦記

    JavaScript はどのように実行されるか Safari*1 の実装を例に JavaScript はどのようにして実行されているかを書く。自分用のメモ。日本語の出来は気にしない 1. ブラウザを起動して以下のようなページを開いたとする <html> <head> <script> var a = 1; var b = 2; alert(a + b); </script> </head> <body> </body> </html> 2. インターネットからデータが到着する そうすると WebCore::FrameLoader::write という関数に生の文字列が渡される。型は char* だ。 http://trac.webkit.org/browser/trunk/WebCore/loader/FrameLoader.cpp#L990 この関数の中では、到着した文字の文字コードを解

      JavaScript はどのように実行されるか - IT戦記
    • パニック・ジャパン - Coda - Mac OS X 用 シングルウインドウ Web 構築環境

      Codaは終売しました。 サポートやプラグインのご入手などはライブラリをご参照ください。 他社製のCodaはこちら。 ...まったく新しい、Macにネイティブなウェブコードエディタの誕生です!

      • flexboxのバグに立ち向かう(flexboxバグまとめ) - Qiita

        注)本文中の「コンテナ」「アイテム」について 本文中でいう「コンテナ」「アイテム」は、flexコンテナとflexアイテムのことを指しています。 コンテナ display: flexや、wrap指定などをする 複数のアイテムを含む アイテム flex: 1 0 0%などの指定をする 1. アイテム潰れる問題(Safari) Chrome Safari 潰れてますね。 起きる条件 Safari なぜ コンテンツの最小サイズを尊重してくれない模様 どうすればいいのか flex-shrinkに0を指定 flex-basisにautoを指定(デフォ値なので、指定がなければそのままでOK) Safari10にて修正済み(つまり、SierraとiOS 10以降では対応不要) 2. align-items:center はみ出す問題 Chrome IE11 はみ出てますね。 起きる条件 IE10-11 f

          flexboxのバグに立ち向かう(flexboxバグまとめ) - Qiita
        • はてな技術勉強会 #2 録画公開 「TitaniumによるiPhone/Androidアプリ開発」「iPhoneアプリ開発講座Web連携アプリ編」 - Hatena Developer Blog

          こんにちは、id:stanakaです。昨日開催された、はてな技術勉強会 #2の資料&動画を公開します。今回は、翌日に公開できました。今後もこのスピード感を維持したいものです。 「TitaniumによるiPhone/Androidアプリ開発」 id:r_kurain いま最も注目をあつめる、スマートフォンアプリ開発環境であるTitaniumについて解説します。 インストールなどの導入から、簡単な Twitter クライアントの作成までの一通りの開発について実際に動く様子を確認しながら説明していく予定です。 TitaniumによるiPhone/Androidアプリ開発View more presentations from kurain. サンプルコード: https://github.com/kurain/TitaniumMobileSample 「iPhoneアプリ開発講座Web連携アプリ

            はてな技術勉強会 #2 録画公開 「TitaniumによるiPhone/Androidアプリ開発」「iPhoneアプリ開発講座Web連携アプリ編」 - Hatena Developer Blog
          • Drift Diary12: dolipoで更に加速するインターネット : polipo proxy用GUIアプリを作りました。

            MacBook Airの購入、WindowsMobileのフリースポット化あたりから、劇的に変化している、自分のネットワーク環境ですが、Delegateの情報を調べているうちに、polipoというProxyソフトを発見しました。ごく一部で話題になり初めてるようですが、polipoは個人用にネットワークの高速化に特化したプロキシーサーバーで、実際試してみたところ、光の自宅回線ですら、mixiやFlickrが劇的に快適になったので、感動のあまり、Mac用GUIを作成しちゃいました。 その名もdolipo polipoは基本的にコマンドラインツールで、若干導入に敷居が高いのとターミナルで操作が面倒だったので、メニューバーアプリにして、簡単に操作できるようにしました。 ここからアプリをダウンロードして、アプリケーションフォルダなどに入れておけば、あとは、起動しておくだけです。 初回起動時に、システ

            • スマートフォン最適化を実施する際に最低限抑えておきたいこと : LINE Corporation ディレクターブログ

              こんにちは。livedoor グルメを担当している澤田です。 livedoor グルメでは3月に、iPhone版Safariブラウザでの表示最適化に対応いたしました。これは、iPhone版Safariブラウザでlivedoor グルメを閲覧した際に、PC版の画面ではなく、iPhoneの表示サイズや使い方に合わせてカスタマイズされた画面を表示させるものです。 最適化されてないサイトの場合は、基本的にPCと同じ画面がiPhoneに表示されるので、表示される画面が小さく、大量の画像データなどを読み込むため表示に時間もかかります。 この「最適化」の作業を行うことで、iPhoneユーザーにとって必要な機能を、より使い易いナビゲーションで提供できるようになります。 今回はその画面開発時に、ユーザーの使い勝手に留意して設計した、いくつかのポイントについてご紹介します。iPhoneをお持ちの方は、ぜひSa

                スマートフォン最適化を実施する際に最低限抑えておきたいこと : LINE Corporation ディレクターブログ
              • 標準準拠・後方互換モード各々の CSS 解釈の違いをまとめたドキュメントを共有

                2007-07-27T21:11:11+09:00 最近のブラウザには DOCTYPE 宣言の有無や種類で大きくわけて2種類の表示モードを切り替え、CSS や HTML の解釈を変える機能が備わっています。マイクロソフトは同様の機能を DOCTYPE スイッチとしており、一般的にもそう呼ばれることが多いように感じます (この記事でも DOCTYPE スイッチとします)。 DOCTYPE スイッチはオンの状態で standards mode (標準準拠モード) に、オフの状態で quirks mode (後方 (過去) 互換モード) になります。標準準拠モードは仕様に準拠した厳格な表示モード、後方 (過去) 互換モードは仕様に準拠していない古いブラウザとの互換を目的とした表示モードです。つまり DOCTYPE 宣言の記述が無いようなコンテンツに対しては、仕様に準拠していない古いブラウザの解釈

                • HTML5でiOS Webアプリを作ってみました -えほんのじかん(iPad版)-

                  ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに こんにちは、EveryWhere開発部の久下孝順、高橋淳史と申します。 先日リリースされました、iPad用Webアプリ「えほんのじかん」(iPad版)の紹介をさせていただきます。 このサービスの内容はごく単純で、たくさん並んだサムネイルから気に入ったものを選択すると、アニメーションと朗読によって構成された絵本風の動画が流れる、というものです。 もともとこの「えほんのじかん」の元祖は、「テレビ版」でした。 インターネット対応テレビ向けに提供しているテレビ版Yahoo! JAPANやYahoo! JAPAN for AQUOSなどからみることができます。 iPad版より作品収録数は多く、30作品以上を掲載しています。 テレビ

                    HTML5でiOS Webアプリを作ってみました -えほんのじかん(iPad版)-
                  • 1分でわかる「X-ナントカ」HTTPレスポンスヘッダ - 葉っぱ日記

                    最近のモダンなWebブラウザがサポートしている、セキュリティに関連しそうな X- なHTTPレスポンスヘッダをまとめてみました。それ以外にもあったら教えてください。 X-XSS-Protection 0:XSSフィルタを無効にする。 1:XSSフィルタを有効にする。 XSSフィルタを有効にすることでエンドユーザがXSSの被害にあう可能性が低減するが、まれに誤検知することで画面の表示が乱れることもある。IE8+、Safari、Chrome(多分) で有効。IEでは「X-XSS-Protection: 1; mode=block」という指定も可能。 2008/7/2 - IE8 Security Part IV: The XSS FilterBug 27312 – [XSSAuditor] Add support for header X-XSS-Protection X-Content-Ty

                      1分でわかる「X-ナントカ」HTTPレスポンスヘッダ - 葉っぱ日記
                    • 動画をアニメーションGIFに変換するウェブアプリケーション作った - hitode909の日記

                      rokugaっていうウェブアプリケーションを作った.ブラウザ上で動画をアニメーションGIFに変換できる.Google Chromeでもちょっと動くけどSafariで見るのが良い. http://rokuga.herokuapp.com/ 使い方 こんな感じで,動画をドロップしてくださいとか言ってる. 1コマずつ出てきて,このコマとこのコマ,この速さ,みたいな指定ができる. 完成したアニメーションGIFは名前を付けて保存しましょう. 特徴 ブラウザで再生できる動画なら何でも変換できる Macなら動画はQuickTime Playerで撮れるので気軽に使える リアルタイムにプレビューしながら仕上がりを確認できる コマ送りは逆再生,行ったり来たり,シャッフルに対応 Herokuで動かしたらCPUが遅くて動画の変換にす時間かかる git cloneしてローカルで動かすとちょっと速い ソースコード→

                        動画をアニメーションGIFに変換するウェブアプリケーション作った - hitode909の日記
                      • CSSの新しい単位「lvh」「svh」これでiOSのSafariで100vhがビューポートの高さではない仕様に対応できる

                        Safari 15.4(最新は15.5)で新しいビューポート単位「lvh」「svh」がサポートされました。ビューポートを基準にした単位で、この単位を使用することで、iOSのSafariで100vhがビューポートの高さではないという仕様に対応できます。 今まではCSSの-webkit-fill-availableがその対応方法でしたが、ネストされた要素やcalc()内では使用できません。新しいビューポート単位を使用すると、そういった問題もなくなります。 The Large, Small, and Dynamic Viewports by Bramus 2021年の記事ですが、Safari 15.4でこれらの新しいビューポート単位がサポートされたので、このタイミングで紹介します。 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじ

                          CSSの新しい単位「lvh」「svh」これでiOSのSafariで100vhがビューポートの高さではない仕様に対応できる
                        • MacBook Pro Late 2016レビュー: おっとTouch BarとUSB-Cの悪口はそこまでだ

                          iPhone / Mac MacBook Pro Late 2016レビュー: おっとTouch BarとUSB-Cの悪口はそこまでだ Thursday, December 8th, 2016 MacBook Pro 13インチ Touch Bar モデル(Late 2016)を11/17から使用し、3週間ほど経過したのでレビューを書きました。 MBPの購入を検討している方で、特に「Touch Barってどういうものだろう?不便はないのだろうか?」とか「USB端子が変わったことによるメリットとデメリットは?」という事が気になる方に参考になるように書いています。約15,000文字あります。 Touch BarとUSB-Cについて多くの人が誤解していること レビュー本文の前に、まず大手メディアが報じているMacBook Pro、Touch Bar、USB Type-C(以下USB-C)に関する

                            MacBook Pro Late 2016レビュー: おっとTouch BarとUSB-Cの悪口はそこまでだ
                          • ウェブサイトの制作に携わる全ての人に役立つスタイルガイドを簡単に作成できる -Style Guide Boilerplate

                            ウェブサイトのデザインや実装の一貫性を促進するために、制作に携わる全ての人に役立つスタイルガイドを簡単に作成できるテンプレートを紹介します。 現役時代、独自のテンプレートを使ってましたが、こういう便利なものがリリースされる時代なのですね(遠い目 Style Guide Boilerplate Style Guide Boilerplate -GitHub Style Guide Boilerplateの紹介の前に、スタイルガイド未体験の人用にどのように役立てるか簡単に説明します。 ウェブサイトのデザインや実装方法を定義し、一貫性を促進する。 モジュール形式の考え方を促進する。 ページを作成する際にパーツやエレメントで迷わないようにする。 ウェブサイトを効率的に管理する。 スタイルガイド制作のタイミングとしては、草案を制作中に作りつつ、納品時には定義が全て網羅されている状態がベストではないで

                            • iPhoneユーザーに朗報? 「テザリング」可能に 無線LANで"炎上"のコネクトフリーが意地の新サービス - 日本経済新聞

                              無料の公衆無線LANサービスが利用者情報を無断で取得していたとして今年4月に総務省から行政指導を受けた通信関連ベンチャーのコネクトフリー(東京・品川)が、また物議を醸しそうな新手のサービスを投入した。今回はiPhoneを経由してパソコンをネット接続できるという、特定ユーザーにとって垂涎(すいぜん)のサービスだ。手持ちのスマートフォン(高機能携帯電話=スマホ)などを通じて、パソコンなど外部機器か

                                iPhoneユーザーに朗報? 「テザリング」可能に 無線LANで"炎上"のコネクトフリーが意地の新サービス - 日本経済新聞
                              • AppleもiOS/macOSをProgressive Web Apps(PWA)対応へ。次のSafari 11.1でService Workerなど実装

                                AppleもiOS/macOSをProgressive Web Apps(PWA)対応へ。次のSafari 11.1でService Workerなど実装 Appleが、iOSとmacOSの次バージョンにバンドルされるSafari 11.1で、Progressive Web Apps(PWA)の重要な構成要素であるService Workerをサポートすることが分かりました。次のiOSとmacOSのバージョンはiOS 11.3/macOS 10.13.4で、現在ベータ版としてAppleが開発中です。 PWAとは、HTML、CSS、JavaScriptなどのWeb技術によって開発されるWebアプリケーションの一種です。Webサーバから配信されて実行されるだけでなく、リソースをローカルに保存しオフラインでの実行にも対応。Service Workerによるバックグラウンド処理やプッシュ通知なども

                                  AppleもiOS/macOSをProgressive Web Apps(PWA)対応へ。次のSafari 11.1でService Workerなど実装
                                • TechCrunch

                                  Zelda fans already got a stellar new game with “Tears of the Kingdom” this year, but Nintendo just dropped another exciting nugget of news: the gaming giant is working on a live-action mov Lucid has revised its 2023 production outlook amid softening demand for luxury electric vehicles, the company said Tuesday in its third-quarter earnings report. The EV maker said it will produce 8,000

                                    TechCrunch
                                  • Twitterが自社製JavaScriptフレームワーク「Flight」をオープンソースで公開

                                    Twitterは自社サービスで利用しているJavaScriptフレームワーク「Flight」をオープンソースで公開しました。 Flightはコンポーネントベースの軽量フレームワーク。開発者に対して非同期で独立性の高いコンポーネントを定義する機能を提供することで、デバッグ、テスト、イベントハンドリングなどを容易にするフレームワークのようです。 Githubのページでは以下のように説明されています。 Components cannot be directly referenced, instead they communicate by triggering and subscribing to events. Consequently every component, and every component API, is entirely decoupled from every othe

                                      Twitterが自社製JavaScriptフレームワーク「Flight」をオープンソースで公開
                                    • 君は3つのリロードを知っているか? - os0x.blog

                                      はい、今さら聞けないウェブ開発者の基礎知識のお時間です。 ブラウザには3つの読み込みモードがあることはご存知ですか? 2つくらいはわかるけど、3つ目が出てこないって方は少なくないかもしれません。 リロード 一番オーソドックスなのがブラウザのリロードボタンを押したときの挙動ですね。普通ですね。 スーパーリロード ブラウザによっては、スーパーリロードという機能を備えています。IEの場合Ctrl+F5(Ctrl+更新ボタン)、Firefoxの場合Ctrl+F5(Shift+更新ボタン)、Chromeの場合Shift+更新ボタン(Ctrl+Shift+R)などでスーパーリロードを呼び出すことができます。スーパーですね。 ページ遷移(リフレッシュ) 3つ目はちょっと良い名前が思いつかないのですが、リロードではなく、通常の画面遷移での読み込みのことです。アドレスバーにフォーカスしてenterするといっ

                                        君は3つのリロードを知っているか? - os0x.blog
                                      • iPhone向けWebアプリを作ろう(1/4) − @IT

                                        Safari Web Content Guide for iPhoneを読み解きながら、iPhone/iPod touch上のWebブラウザのSafariで動くWebアプリを作成し、UIを最適化するコツを紹介します。 (編集部) Safari Web Content Guide for iPhoneを読み解く ネイティブアプリケーション開発を可能にするSDKが公開され、一層注目を集めている米アップルのiPhone(Applle Developer)。3Gへの対応がうわさされ、日本市場向けの発表も待たれますが、読者の中には、早速iPhone向けのアプリケーション開発にチャレンジしている人もいるでしょう。 しかし、ネイティブアプリケーションを作るにはそれなりにプログラミングスキルが必要ですし、完成したアプリケーションは米アップルが用意する「App Store」経由でしか配布できないといった制約

                                        • 知る人ぞ知るiOS 8の隠し機能トップ10 | ライフハッカー・ジャパン

                                          Appleはいつも、記者会見では語らないクールな「隠し機能」を忍ばせています。iOS 8も例外ではありません。以下、iOS 8の秘密の機能ベスト10を紹介します。 10. メモにリッチテキスト、動画、アニメーションGIFを追加できる メモアプリがリッチテキストや動画に対応しました。これで、より自由なスタイルのメモが作れます。さらに、アニメーションGIFにも対応。メモにGIFファイルをコピペしたり、写真ライブラリから写真を選んでアニメーションGIFとして追加できます。 9. クレジットカード番号を読み取る オンラインで買い物をするときに、クレジッカード番号をいちいちタイプするのは面倒ですね。iOS 8では、クレジットカードをカメラでスキャンするだけで番号を自動入力してくれます。Safariでクレジットカード情報入力フォームが表示されたら、「クレジットカードを読み取る」をタップするだけでOKで

                                            知る人ぞ知るiOS 8の隠し機能トップ10 | ライフハッカー・ジャパン
                                          • dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

                                            このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.

                                              dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
                                            • http://www.designwalker.com/2009/03/crossbrowser.html

                                                http://www.designwalker.com/2009/03/crossbrowser.html
                                              • 知っておくとiPhoneをもっと便利に使える「URLスキーム」とは? | AppBank

                                                AppBank の主任です。 App Store で様々なアプリの説明文を見てみると「URL スキーム」という用語が出てくることがあります。 これを使えば、コピー&ペーストなしに文章をアプリからアプリへ渡すことができたり、アプリを素早く起動→指定したキーワードで検索が行えたりします。 中には「通知センターからファイルや他のアプリを開く」を実現するアプリもあったりと、1回使うとその便利さからなかなか手放せなくなります。 そこで今回は「URL スキームとは何か?」「URL スキームの役割」、そして「URL スキームを活用する、おすすめアプリ」をご紹介します。 URLスキームとは? URL スキームとは、ウェブページの URL のような形で書かれているアドレスを指します。以下のように書きます。 例えばウェブぺージなら「https://www.appbank.net」、Google Maps アプ

                                                  知っておくとiPhoneをもっと便利に使える「URLスキーム」とは? | AppBank
                                                • 最近のWebページで使用されている『さまざまな魅せ方』を実装するCSSやJavaScriptの最新チュートリアルのまとめ

                                                  最近のWebサイトやブログで見かけるアニメーションを使ったさまざまなかっこいいエフェクトやコンテンツの見せ方を実装するCSSやJavaScriptのチュートリアルをCodyHouseから紹介します。 それぞれファイルを一式でダウンロードできるので、すぐに利用できます。 Fixed Background Effect デモページ 対応ブラウザ:Chrome, Safari, Firefox, Opera, IE9+ sectionやdivを垂直に配置した縦長ページで、背景を固定し、各コンテンツがカーテンを引き上げるようにスクロールするシンプルなテンプレート。

                                                    最近のWebページで使用されている『さまざまな魅せ方』を実装するCSSやJavaScriptの最新チュートリアルのまとめ
                                                  • IDEA * IDEA

                                                    ドットインストール代表のライフハックブログ

                                                      IDEA * IDEA
                                                    • Firefoxの国内シェアが6%以下らしいけど、これ結構ヤバくないか?「Chrome一強でGoogleに支配される」「IEの暗黒時代に逆戻り」

                                                      Firefoxとは "Mozilla Foundationおよびその傘下のMozilla Corporationによって開発されているフリーかつオープンソースのウェブブラウザである。"(Wikipediaより) リンク Mozilla 史上最速の Firefox をダウンロード より高速なページ読み込み、メモリ使用量削減、機能満載の最新版 Firefox が登場しました。 166 users 1936

                                                        Firefoxの国内シェアが6%以下らしいけど、これ結構ヤバくないか?「Chrome一強でGoogleに支配される」「IEの暗黒時代に逆戻り」
                                                      • これからはこの実装がオススメ! iOSの100vhでアドレスバーがあっても高さいっぱいに表示するCSSのテクニック

                                                        高さいっぱいに表示したい時、古くはheight: 100%;、そしてmin-height: 100%;で実装していたと思います。現在ではビューポートの単位min-height: 100vh;が使用できるようになりました。 しかし、iOSでは100vhを使用してもアドレスバーが表示されていると下がその分隠れて表示されてしまい、高さいっぱいになりません。JavaScriptを使用するというやり方もありますが、CSSのみで対応できるので、そのCSSを紹介します。 Chromeにも対応しています。

                                                          これからはこの実装がオススメ! iOSの100vhでアドレスバーがあっても高さいっぱいに表示するCSSのテクニック
                                                        • すべてのネット広告業者に神の裁きを、Apple様の広告ブロックです : 市況かぶ全力2階建

                                                          決算発表が出ないことを怪しんでストップ高まで買われたエックスネット、TOBされるどころか逆に資本提携解消で切られて過剰にお金が流出するお笑い劇場に

                                                            すべてのネット広告業者に神の裁きを、Apple様の広告ブロックです : 市況かぶ全力2階建
                                                          • Chromeでは自動保存のパスワードが丸見え。サーッと血の気が引いたわ

                                                            Chromeでは自動保存のパスワードが丸見え。サーッと血の気が引いたわ2013.08.10 19:0010,286 satomi Chromeは初めて立ち上げると面白いことが起きます。 先日Ember.jpアプリ向けの開発でChromeを使った時のことです。閲覧はSafari常用ですが、Safariは一番ファイルをキャッシュして欲しくない時に限ってキャッシュする癖があるので、時たまChromeに切り替えるんです。 すると、Chromeにこんなのが出てきました。Safariのブックマークレット移植したら両ブラウザとも同じ環境になって便利だな、と思って「Import bookmarks now(ブックマークを今すぐインポートする)」のリンクを押してみたら、こんな予想外のものが出てきたんです。 なぜ「保存済みパスワード」がグレイで、もうチェックしたことになってるんでしょうね?? チェック外せない

                                                              Chromeでは自動保存のパスワードが丸見え。サーッと血の気が引いたわ
                                                            • WWW.AKIRAFUKUOKA.COM BLOG | 今VJするならブラウザででしょ! HTML5でVJアプリ「Fi-VJ」を制作しました

                                                              HTML5ならのVJアプリだって作れるはず!で、作りました Fi-VJ ver1.02 デモページはこちら ファイルダウンロードはこちら (ver1.02) DLしたら@akirafukuokaに声をかけていただけると嬉しいです!! Fi-VJ(ファイブイジェイ)というVJアプリを極々個人的に制作しました。MacのネイティブアプリでもなければiPhone/iPadアプリでもありません。ブラウザで動くHTML5-VJアプリです。確認済み動作環境はMac版Safari 5.0.5だけです。他のブラウザでは確認してません(デモページはSafariとChromeで動くようですが)。というかローカル実行ではSafari以外ではまず動きません。これに関する解説は後ほど。 ここ数年ビデオミキサーにiPhoneやiPodを繋いでプレイしていた私ですが、そろそろPCを使ったVJに戻ろうかと思ったのがちょうど

                                                              • 決定版! パスワード変更法、使用法、管理法 | ライフハッカー・ジャパン

                                                                以下、詳しく紹介します。 まず、ポイント サイトごとに、異なる強いパスワードを作成し、使用するのがポイントです。簡単なパスワードや、辞書に載っているような言葉で作成したパスワードは、容易にクラックされます。さらに、パスワードを暴くサイトも数多く存在するので、同じパスワードや似た文字列のパスワードを、複数ヶ所で使用するのは避けるべきです。 パスワードを忘れてしまった際に、再度パスワードを送信してくれるサービスの利用にも、注意が必要です。そのメールをアーカイブしていると、メールにアクセスできる人であれば、誰でも見られてしまいます。 そこで、誰にもアクセスできない、当てずっぽうで的中しないパスワードを設定し、強固な管理システムを導入しましょう。入力の必要もほぼ無くなるので、忘れてしまってアタフタすることも減ります。 パスワードの法則を作成 米 Lifehacker を立ち上げた Gina が作成

                                                                  決定版! パスワード変更法、使用法、管理法 | ライフハッカー・ジャパン
                                                                • 最速インターフェース研究会

                                                                  http://blog.livedoor.jp/dankogai/archives/50957890.html まず、Object.prototypeにメソッドを生やしてしまうとfor inでキーを列挙するときにいちいちhasOwnPropertyを使わないといけなくなるので普通は使いません。影響が大きすぎるので、よっぽど変態的なライブラリじゃないと使わない。他のライブラリと組み合わせるとほぼ確実に問題が起きる。それから、deep_cloneが欲しい場合はJSONを作ってevalすればよい。パフォーマンスを気にする場合とか、浅いコピーが必要な場合はそれなりに工夫する必要があるけど。 で、JSONにするのにFirefoxだとtoSourceというのが使える。unevalというラッパーがあって、これだとnullでも平気。 http://subtech.g.hatena.ne.jp/cho45/

                                                                  • 3 Cool Techniques For Your Next Web Design Project

                                                                    2017年3月27日 CSS, jQuery, Webサイト制作 Webデザインの勉強を始めたという方によく質問されるのが、「どうやって勉強すればいいですか?」。私はWeb制作の学校の学生だった頃から実践しているふたつの事があります。素敵だなって思えるWebサイトを見つけたら、どのように作られているのか自分なりに分析してみること。そしてそこで使われている技を実際に試してみること。そこで今日は最近見かけた素敵Webサイトと、そのサイトで使われていた技術を解説してみたいと思います! ↑私が10年以上利用している会計ソフト! 準備:分析&実践に役立つツール Chrome、Safariなら付属のデベロッパーツール ChromeとSafariならブラウザーにはじめからデベロッパーツールなる開発のためのツールがついています。私が愛用しているのはこのツール。表示しているWebページのHTMLやCSSが確

                                                                      3 Cool Techniques For Your Next Web Design Project
                                                                    • Facebookアプリを、HTML5でどうしてサクサクにできたのか。Sencha Touch開発チームが用いた3つのテクニック

                                                                      Sencha Touchの開発チームがHTML5で高速に動作するFacebookアプリを開発したことを紹介した1つ前の記事 「Facebookのモバイルアプリが失敗した理由はHTML5のせいじゃない。HTML5でサクサク動くFacebookアプリを作って見せたSencha Touch開発チーム」は、非常に多くの読者に注目されました。 この記事で紹介したSencha Touch開発チームのブログ「The Making of Fastbook: An HTML5 Love Story」の後半では、どのようなテクニックを用いて高速なHTML5アプリケーションを実現したのかも紹介されています。 この記事では、その3つのテクニックについてポイントを紹介したいと思います。タイムラインやニュースフィードのようなユーザーインターフェイスを備えたモバイルアプリケーションは、これから広く開発されていくことにな

                                                                        Facebookアプリを、HTML5でどうしてサクサクにできたのか。Sencha Touch開発チームが用いた3つのテクニック
                                                                      • 【フォントスレ】 メ イ リ オ 最 強 他 は 糞 【ν速フォント部】 | ライフハックちゃんねる弐式

                                                                        1 : エンジニア(新潟県):2010/08/06(金) 20:53:40.00 ID:TqEFa99P● CMSのCSS編集における作業効率の向上 Dreamweaver CS5では「Adobe BrowserLab」との連携が出来るようになったため、Webkitでの表示エミュレーションだけでなく、様々なOS環境での表示エミュレーションを行なうことが可能になった。 Adobe BrowserLabとは、MacやWindowsに搭載されている主要ブラウザ(Chrome、Safari、Firefox、Internet Explorer)で実際にどのような表示になるのかを同時に確認することが出来るオンラインのサービス。違うブラウザでの表示を左右に並べて比較したり、重ね合わせて表示の違いを確認できたるというような便利な機能がある。 もちろんInternet Explorerで確認を行なうと、その

                                                                        • 広告やSNSボタン、追跡コードを無効化してページ表示を最大27%高速化する「Disconnect」

                                                                          個人情報の漏洩につながるような2000種類以上のデータトラッキング用のコードをブロックし、ついでに一部広告やSNSボタンもウェブページ上から非表示にしてしまうことでページの表示を最大27%も高速化してしまうブラウザの拡張機能が「Disconnect」です。開発者は元Googleのエンジニアで、オンライン上での個人情報をユーザー側でしっかりとコントロールできるようにするために開発したツールとのことなので、どんなふうに動作するのか実際に使ってみました。 Disconnect | Online Privacy & Security https://disconnect.me/ ◆PC向けの拡張機能を使ってみた 「Disconnect」はGoogle Chrome・Firefox・Safari・Opera向けに拡張機能をリリースしており、以下のページにアクセスして「Get Disconnect」を

                                                                            広告やSNSボタン、追跡コードを無効化してページ表示を最大27%高速化する「Disconnect」
                                                                          • Discover gists

                                                                            You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                                                              Discover gists
                                                                            • Appleの最近のプロダクトで使用されているかっこいいテクスチャをさくっと作るチュートリアル

                                                                              iPhone, iPadのiOSの背景をはじめ、SafariなどAppleのさまざまなプロダクトで使用されているかっこいい布地のテクスチャを作るチュートリアルを紹介します。 慣れたら、1分くらいでさくっと作れます。

                                                                              • 加速するフロントエンドとPWA

                                                                                at DevSumi 2018

                                                                                  加速するフロントエンドとPWA
                                                                                • jQT

                                                                                  jQT A Zepto/jQuery plugin for mobile web development on the iPhone, Android, iPod Touch, and other forward-thinking devices.

                                                                                    jQT