タグ

webとあとで読むに関するitengineerのブックマーク (21)

  • はてなブックマークが重い件について、Page Detailerというツールを使って調べてみる - VTuberになったプログラマーの魂の残滓

    JavaScriptの部分は というわけでid:amachangに任せましょう。 というわけでそれ以外の部分でいったいどこが重いのか 何が重いの?ということで重たい箇所を分析していきましょう。 IBM PageDetailer 解析ツールとしてIBM PageDtailerを利用します。 alphaWorks Community 解説するよりも見てもらうほうが早いと思うのでさっそく使ってみるよ。 ちなみに上記ソフトのダウンロードにはIBMアカウント(無料)が必要なので、使いたい人は登録しよう! http://b.hatena.ne.jp/HolyGrail/ の結果 こんな感じのグラフが出てきます。 では、詳細を見てみましょう。 このグラフですが、長い部分が http://b.hatena.ne.jp/HolyGrail/ のHTMLそのもののロード時間になっています。 内訳としては 濃い

    はてなブックマークが重い件について、Page Detailerというツールを使って調べてみる - VTuberになったプログラマーの魂の残滓
  • [ThinkIT] 第1回:Webアプリケーションフレームワークとは (1/4)

    近年のWebアプリケーション開発は大規模化が進み、基幹システムなどの一角を担うまでになってきています。また、Webアプリケーション開発はレガシーなシステム開発に比べて手間のかかる部分が多いにも関わらず、開発にかけられる工数は短縮化の傾向にあります。 そのため、案件の大規模化で開発に携わる人数も増える傾向にあり、開発チームの各々がWebアプリケーションのライブラリを別々に制作してしまい、同様の機能を持ったライブラリが複数存在してしまったり、またUIを担当するデザイナーとビジネスロジックを担当するプログラマが、いざそれぞれの部分を組み合わせようとしたらうまく機能しなかったりといった様々な問題が出てきます。 このような背景から、それらの問題に対するソリューションのひとつとして現在、開発現場ではWebアプリケーションフレームワークを用いた開発スタイルが注目され、実際に多くの開発会社がWebアプリケ

  • 第6回 Webアプリケーションのテスト | gihyo.jp

    前回はテスト工程の最初の段階である単体テストについてご紹介しました。単体テストの次は統合テスト(結合テスト⁠)⁠、システムテストと続いていきます。これらの工程でのテスト内容は、対象とするシステム形態やドメインによって異なってきます。 今回は、皆さんがユーザとして活用しているWebアプリケーションを対象に、統合テストやシステムテストで実施するテスト内容について紹介し、中でもアプリケーションの「機能」に着目したテストの観点について掘り下げて紹介します。 Webアプリケーションのテストの特徴 皆さんは普段の生活の中でもWebアプリケーションを利用する機会が多いと思います。情報ポータルサイト、検索サイト、オンラインショッピング、オンラインバンキング、掲示板、ブログ、SNSなどさまざまなWebアプリケーションを使っていることでしょう。また最近は、パソコンだけでなく携帯電話からも実行できるアプリケーシ

    第6回 Webアプリケーションのテスト | gihyo.jp
  • Google Code Archive - Long-term storage for Google Code Project Hosting.

    Code Archive Skip to content Google About Google Privacy Terms

  • フォームのインタフェースデザインを考える(1) - builder by ZDNet Japan

    フォームのインターフェースデザイン フォームはユーザーから情報を送ってもらうのに欠かせない要素だ。ユーザーが入力で迷うことのないように、わかりやすくデザインすることが求められる要素でもある。 CSSではユーザーのアクションや入力項目の状態に応じてフォームのデザインを設定するセレクタがさまざまに定義・提案されており、FirefoxやSafariの対応も進んでいる。そこで今回から、フォームのインターフェースデザインに関連したセレクタを紹介する。 ユーザーのアクションに応じてフォームのデザインを変更する :hoverといったセレクタを利用すると、ユーザーのアクションに応じてスタイルシートを適用することができる。一般的にはリンク部分のデザインを変えるのに利用するが、フォーム部分のデザインを変えることも可能だ。利用できるセレクタは次の3種類となっている。 :hover 項目にカーソル(マウスポインタ

    フォームのインタフェースデザインを考える(1) - builder by ZDNet Japan
  • オキニー 画像ブックマーク

  • MarkupDancing » ウェブ業界はどこを向いているのか・その1

    フロント・ページ 河孝之のウェブサイトです。情報セキュリティから人種差別やタイポグラフィまで、個人としての趣味や関心にかかわるページを全て列挙しています。 https://www.markupdancing.net/ 2020-08-03 14:08:18 2020-08-03 14:08:18 2024-02-19 09:13:47 MarkupDancing,MD,Takayuki Kawamoto,philsci,河孝之 Takayuki Kawamoto, 河孝之 philsci Chief Privacy Officer, 個人情報保護管理者, general manager at department of infromation systems, 情報システム部長 Philosophy of Science Society, Japan: 日科学哲学会 Graduat

  • Webアプリ開発環境としてのSafariを知ってますか?

    Java News.jp(Javaに関する最新ニュース)」の安藤幸央氏が、CoolなプログラミングのためのノウハウやTIPS、筆者の経験などを「Rundown」(駆け足の要点説明)でお届けします(編集部) シェア競争に挑まないWebブラウザ「Safari」の登場 2008年3月、iPhoneの日登場に先駆けて、Windows版Safari 3.1が登場しました(参考「AppleWindowsにも正式対応の「Safari 3.1」リリース」)。 WebブラウザのシェアはFirefoxが健闘しつつも、いまだInternet Explorer(以下、IE)が大半を占め、多くのWebアプリケーションサービスにとって、IEへの対応が必須であると思われてきました。そんなWebブラウザのシェア競争の中へSafariが登場したことは、最初はとても異質なことに感じられました(参考「新しいWebブラウザ

    Webアプリ開発環境としてのSafariを知ってますか?
  • 【連載】完全理解Firefox - いま知るべきWebブラウザの過去・現在・未来 (4) 広がるFirefoxの波 - 標準と利便性を追いかけて | パソコン | マイコミジャーナル

    W3CとWebブラウザの「標準」 ブラウザの進化の歴史は、Webにおける「標準」の進化の歴史と並列の関係にある。PCか組み込みか、オープンソースかプロプライエタリかといった実装の違いを問わず、少なくとも現在のブラウザ開発は「W3Cが定めた標準」を意識して進められている。 そのW3C (World Wide Web Consortium) は、WWW生みの親Tim Berners-Lee氏、およびMITやCERNが中心となり、1994年10月に設立された非営利団体。1993年にMosaicが誕生してまもなく、ブラウザ開発者それぞれが独自の新機能を追加 (「タグ」の実装) する状態に陥ったが、WWWを全世界共通の、ロイヤリティーフリーのオープンなサービスとして維持するためには標準化が必要、という認識のもと設立された経緯がある。 現在のW3Cは、MIT (米) とERCIM (欧州)、慶應義塾大

  • ウェブサイトの効果を改善するツールが公開されました

    メディア関係者向けお問い合わせ先 メールでのお問い合わせ: pr-jp@google.com メディア関係者以外からのお問い合わせにはお答えいたしかねます。 その他すべてのお問い合わせにつきましては、ヘルプセンターをご覧ください。

    ウェブサイトの効果を改善するツールが公開されました
  • 僕やはてながPerlを選ぶ理由 - naoyaのはてなダイアリー

    ご存知の通り、はてなのシステムはほぼすべてPerlで書かれています。そもそも僕がはてなに入った一つの理由に、僕が一番得意とする言語であるPerlを使ってシステムを構築していたという点があったりします。 世の中にはたくさんのプログラミング言語があります。PerlJavaRubyPHPPython、C、C++、lisp、Smalltalk、Cobol...数え上げたらキリがありません。そして、プログラマはかならずと言っていいほど、どれかひとつ以上の言語を愛しています。好き、ではなく愛しているのです。 自分が愛しているものを批判されると感情的になりやすいのは人の常、プログラミング言語の差異に関する議論は炎上しがちで、よく宗教戦争だなんて言われたりもします。その中で、言語なんてどれも一緒だなんていう乱暴なまとめがされることもよくあったりします。 しかし、何年かプログラマというものを経験して

    僕やはてながPerlを選ぶ理由 - naoyaのはてなダイアリー
  • 簡単実装で学ぶWeb技術---目次

    この連載は,日経ソフトウエア2006年7月号から,2007年6月号までに掲載した連載「簡単実装で学ぶWeb技術2006 / 2007」の再録です。Web技術を具体的でシンプルなサンプル・プログラムを通して紹介します。進歩と変化の激しいWeb技術は,手際よく質をつかんでいきたいものですね。小さいけれどもわかりやすいサンプルを実際に動かして「なるほど,こういうものだったのか」と思っていただければありがたいです。 題材は,新しいものから基的なものまで幅広く取り扱っていく予定です。 第1回 Ajax---動的なWebアプリケーションを作るための技術 第2回 Comet---プッシュ型のWebアプリケーションを作る 第3回 Cookie---状態管理とトラッキング 第4回 Catalyst(前編)---Perl向けWebアプリ・フレームワーク

    簡単実装で学ぶWeb技術---目次
  • IDEA * IDEA

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

  • 3分でわかるQ&A:Google技術を読み解く鍵[Googleを支える技術 ……巨大システムの内側の世界(WEB+DB PRESS plusシリーズ)]|gihyo.jp … 技術評論社

    西田圭介 最近,Googleのサービスを使う場面が増えてきたという方々はけっこういらっしゃるかもしれません。しかしながら,そのサービスの礎となる技術的な部分を知る機会は,これまで滅多になかったのではないでしょうか。 自分もそうかもーと,自身も思い当たったとある編集部員(以下,Q )。そんな矢先に,『Googleを支える技術 ……巨大システムの内側の世界』という書籍が,なんと発売直後に増刷決定との報せが! 聞くに,書の著者さん(以下,A )は,一技術者としての興味を発端に「これはおもしろいことしているなぁ」と執筆にあたり,オープンな情報を一つ一つ時間を掛け丁寧に調べ,今回の一冊にまとめたとのこと。ぜひお話しを聞きたいと思ったところに,貴重な機会が廻ってきました。 Q: Googleはいつも便利に使っているのですが,それがどう作られているかとは考えたこともありませんでした。これってやっぱり,

  • [Think IT] 第3回:パフォーマンス/トラフィック管理 (1/3)

    【ネットワーク教習所】 サービスを守るネットワーク監視 第3回:パフォーマンス/トラフィック管理 著者:トゥワイズ・ラボ 山居 正幸 公開日:2008/03/27(木) パフォーマンスが悪いとは? 前回は、ITサービスを止めないためのネットワークの障害管理について紹介した。今回はシステムのパフォーマンスについて解説していく。 ITサービスが停止するような障害に対して利用者は非常に敏感であり、そのような事態が発生したら、問い合わせが殺到するであろう。しかし、アクセスさえできていれば多少レスポンスが悪くても、サーバやネットワークが混んでいる影響だろうと寛容に受け止める傾向にあると思う。 例えば、接続後に気の遠くなるような遅いレスポンスや「サーバが混み合っています」というメッセージが表示された場合などは、アクセスが集中しているのだと納得し、忍耐強く待つことができよう。 人間はシステムのパフォーマ

  • Adobe : EDGE Now! ウェブの今、更新中。

    ウェブ・ポータルサイト、EDGE Now!は、2009年9月1日よりシステムのリニューアル作業に入るため、しばらくの間すべての機能を停止いたします。 8月31日をもって、機能を一時停止するもの EDGE Now!における全てのコンテンツ(ブロガーランキングや、ブログ記事の反映も停止いたします) ADOBE EDGE Now! Bookmarker EDGE Now!ブログパーツ ブログ記事の反映について 現在、ブログ記事をEDGE Now!に反映する際、カテゴリの指定やタイトル、URLの表記といったブログの書き方についてのお願いをしておりますが、8月31日をもって、しばらくの間、反映されなくなりますのでご了承ください。 再開について システムのリニューアル作業が終了し、EDGE Now!が再開した際には、登録ブロガーの方に、メールでお知らせいたします。 登録ブロガーの方のみならず、参考サイ

  • jQuery UIで実現! Ajaxで複数選択ドラッグ&ドロップ

    jQuery、プラグイン、jQuery UI、Web経由のCDNとは CSSの書き方も分かるjQueryプラグイン実践活用法(1) 基/おさらいとしてプラグインやjQuery UIについて簡単に触れ、Web経由でjQueryを使うCDNについて解説 デザインハック < リッチクライアント 2009/12/8 今回は「jQuery UI」のより進んだ活用例 ■ jQueryのプラグイン「jQuery UI」とは? 今回紹介するjQuery UIは、JavaScript(Ajax)フレームワークjQueryのプロジェクトがjQuery用に開発している、以下の機能を提供するプラグインです。 ドラッグ&ドロップなどのマウス操作の機能拡張 ユーザーインターフェイスを改善するウィジェット(アコーディオン、日付入力、ダイアログ、スライダー、タブなど) 今回は、jQuery UIのドラッグ&ドロップ機能

    jQuery UIで実現! Ajaxで複数選択ドラッグ&ドロップ
  • 第42回 野放しのWebが経営危機を招く

    企業統治の観点から見ると,Webサイトは治外法権を持っている。ビジネスが行われる場となったWebサイトを野放しにしておくことは危険きわまりない。まずなすべきは,「Webサイト構築・運用管理基準」の策定である。これは,Webサイトをビジネスに利用するにあたってのチェック項目集と言える。とりわけ,Webサイトが法的基準や社内規定に準拠しているかどうかを確認すべきだ。 島田 直貴 記事は日経コンピュータの連載をほぼそのまま再掲したものです。初出は2001年であり,当時と現在とでは状況が異なりますが,この記事で焦点を当てたITマネジメントの質は今でも変わりません。 多くの企業がインターネット上にWebサイトを公開している。当初は,対外的に情報を発信するだけだったが,今日では顧客との双方向の通信や各種の取引処理をWebサイト上で実施している。金融機関専門のコンサルタントである筆者が見聞きした例で

    第42回 野放しのWebが経営危機を招く
  • 2007~2008セキュリティ事情 ―今「普通のWebブラウズ」が危ない! | gihyo.jp

    プロローグ-マルウェアの広がりはネットワーク経由直接感染からWebページ埋め込み型へ いまやWindows XP SP2 が国内のパソコンの多くで稼働する実情からいって、パーソナルファイアウォールが標準完備という時代であることは間違いない。したがって、従来ネットワークを通じた感染を行うことで、最終的に迷惑メール等を発信して収益を上げるシステム・ボットネットを構築させてきた犯罪者は、別の手口を考案させられるに至った。 その別の手口とは、マッシュアップなどWebの複雑性を隠れ蓑に、脆弱性のある一般企業等のWebサイトを足がかりにしたものである。 具体的な手口-一般企業や個人のWebが攻撃元に 具体的には、「⁠とても危害なんて加えてくるとは思えない」サイトを巧妙に改ざんすることである。つまり一般の企業や組織、あるいは個人のBlogなどを巧妙に改ざんし、画面上からは感染活動などを何ら示さないように

    2007~2008セキュリティ事情 ―今「普通のWebブラウズ」が危ない! | gihyo.jp
  • 2008年のWeb標準 | gihyo.jp

    あけましておめでとうございます。株式会社ミツエーリンクスの木達です。私はWebサイト構築の現場において、標準化された技術の適切な利用をエンジニアの立場から推進してきました。Webで用いられる標準技術を総じてWeb標準と呼びますが、私が注力しているのは主に(X)HTMLCSSといったフロントエンド分野に属するWeb標準で、その多くはW3Cによって策定されています。稿では、Webコンテンツ制作者にとって身近な存在である狭義のWeb標準に関し、今年2008年中にどのような動向が予測されるか、私見と期待を交え書かせていただこうと思います。 更なる標準準拠が期待されるWebブラウザ かつてはブラウザ側の対応状況が芳しくなかったがゆえに、Web標準を用いたコンテンツ実装にデザイナーや開発者がなかなか踏み切れない時代がありました。しかしそうした時代も、Internet Explorer(以下IE)や

    2008年のWeb標準 | gihyo.jp