タグ

webに関するtpircsのブックマーク (24)

  • HTTP/1.1 200 OK - Qiita

    ※このお話はたぶんフィクションです。実在の人物や団体とはあんまり関係ありません。 序 planetter.comをバージョンアップすることにした。数年前にリリースしてからずっと放置していたけど、そろそろ手を付けないとやばいと思った。 しかしウェブの世界はドッグイヤーだ。3年も経てば何もかもが変わっている。しばらく開発から遠ざかっていた僕には、最近の技術トレンドなんてさっぱりわからない。 まずは自分自身をアップデートするところから始めよう。 Atom 最初はIDEだ。以前はEclipseを使っていたけど、いまはもうウェブ系言語の進化速度に追いつけていないようだった。ウェブ開発用のIDEならいまはWebStormが人気のようだ。有料だけど、最新の技術に対応しているし、使い勝手もいい。 でも最終的にはAtomを選んだ。IDE(統合開発環境)ではなくエディタなので、これ自体は単機能だけど、不足分は

    HTTP/1.1 200 OK - Qiita
    tpircs
    tpircs 2016/05/11
    凄い濃密な近年の技術動向。この内容で読みやすいって凄い。
  • WEB系各社で使われている監視ツールまとめ - mikedaの日記

    次世代 Web カンファレンスで監視について話すことになったので、ネタとしてWEB系各社で使っている監視ツールを調査中。 うちはこれ使ってるよ!!!ってのがあったら@mikedaにメンションください! Cookpad Zabbix 昔はNagios+muninだけど台数増えて性能的に破綻した ビューはそのままじゃ辛いのでmunin風に表示するのを自作 StatusCake DataDog。サービス系、サーバに紐付かない系の監視に。DashBoard便利 waker。通知用。PagerDuty高い、と言ってryot_a_raiが秒で作ったらしい Kibana imon。独自のリアルタイムなサービス稼働状況表示ツール NewRelic 試し中なもの Real-User Monitoring : JSでbeacon飛ばしてfluentd -> BigQuery。Google SpreadShee

    WEB系各社で使われている監視ツールまとめ - mikedaの日記
  • 最近の Java Web 開発 : http://qiita.com/monzou/items/9174d0baf08af295e703

    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

    最近の Java Web 開発 : http://qiita.com/monzou/items/9174d0baf08af295e703
  • ビルド職人本のサンプルプロジェクトの展開例 - marsのメモ

    「Jenkinsではじめるビルド職人入門 | Gihyo Digital Publishing … 技術評論社の電子書籍」で例示したサンプルプロジェクトの展開例を紹介します。 サンプルプロジェクトはWebアプリケーションを作るための構成ですが,作るアプリがWebアプリだけで終わるってプロジェクトは希ですよね。大抵のプロジェクトには多少なりともバッチ処理が含まれると思います。以下の判断の善し悪しは人によりけりですが,あたしはこんな考えてバッチ用のプログラムをプロジェクトに混ぜ込みます。 WebがJavaなんで,バッチもJavaで組む(mainメソッド持ったクラスを作る) Java単体じゃバッチは起動できないので,ラウンチ用のシェルも作る(*.batとか*.shとかね) バッチ用に,WEB-INF的なディレクトリを用意して,そこにバッチ用の設定ファイルを置く(たとえば,log4j.proper

    tpircs
    tpircs 2011/11/24
    こういう情報はすごく参考になるのでありがたい。
  • JavaFXのWebViewでSeleniumみたいなWebテストやってみたら面白かったんだけど 2011-05-30 - きしだのはてな

    JavaFX2.0のWebViewで、Javaからブラウザが操作できるようになって、これをSeleniumが組み込んだらおもしろいことになるだろうなと思ってたのですが、よくよく考えると、SeleniumナシでWebサイトのUIテストが簡単に書けることに気づきました。 ということで、まずはテスト対象のサイトをつくってみます。 最初の画面(first.html)。テキストフィールドがあって、OKボタンを押すと「ほんと?」という確認ダイアログがでて、「OK」を押すと次の画面に行きます。 <!DOCTYPE html> <html> <head> <title>テスト画面</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body> <h1>テスト画面</h1> <form id

    JavaFXのWebViewでSeleniumみたいなWebテストやってみたら面白かったんだけど 2011-05-30 - きしだのはてな
  • Javaで軽快に使える「軽量フレームワーク」特集 ~本格的なRoRスタイルフレームワーク「Play!」(1)

    はじめに 今やWebのフレームワークと言えば、そのほとんどが「RoRタイプ」です。RoR(Ruby on Rails)がWebの開発に与えた影響は非常に大きく、その後生まれたフレームワークの多くがその影響を受けています。 しかし、Javaの世界に関しては、RoRはなぜか素通りしてしまいました。既にStrutsというデファクトスタンダードがあったために新しいMVCフレームワークが割り込む余地があまりなかったのか、あるいはLL(ライトウェイト)言語でないとRoRなスタイルは作りにくかったのか。ともあれ、その後、長い間、Javaでは「いわゆるRoRタイプ」と言えるフレームワークは登場しませんでした。 その流れを変えたのは、Groovyです。Groovyの登場により、JavaでもLL言語のような小回りの聞くコーディングが可能となりました。そのおかげで、ようやくJavaの世界にも遅まきながら新しい世

    Javaで軽快に使える「軽量フレームワーク」特集 ~本格的なRoRスタイルフレームワーク「Play!」(1)
  • Web開発者が知っておくべきローカルプロキシーツール Fiddler - すがブロ

    最近の愛用は Firefox を普段使っている時は、 HttpFox を使っています。 昔は Live HTTP Headers :: Add-ons for Firefox を使っていたのですが、けして見やすいというわけでは無かったのと、実際にボディの中身を見たいという時にパワー不足が否めません。 そこで、 HttpFox です。 HttpFox :: Add-ons for Firefox レスポンスコードを色分けしてくれたりするので、個人的には見やすいと思う。 たぶん、Firebug の接続タブでも同等のことができると思うのだけど、ウィンドウ領域の使い方とか、色分けの部分とかで HttpFox の方が好き。 こんな感じで閲覧できます。 リクエストパラメータ等も見やすく整形してくれるので助かります。 題は HttpFox ではなく、Fiddler についてです。 Fiddler

    Web開発者が知っておくべきローカルプロキシーツール Fiddler - すがブロ
  • 知らなかったらNGなWEBアプリケーション脆弱性一覧 : mwSoft blog

    先日、AmebaなうがCSRFという非常にポピュラーな脆弱性を披露したかと思ったら、ここ数日はセブンネットショッピングでXSSの脆弱性と、ID推測による他ユーザの個人情報閲覧の問題が発生しているという噂が流れています。 ユーザの情報を預かっておきながら、基的なセキュリティの対策もできていないというのは、銀行に例えるなら、お金を預けようとした時に「お金は預かります。ちゃんと保管します。でも警備はあまりしないので盗まれたらスイマセン」と言われるようなものだと思う。 警備に穴があったというのではなく、まともに警備してませんでした、というのはさすがにありえないことです。 そこで、野良WEBプログラマである私が知っている脆弱性を列挙してみた。 私はプログラマであってセキュリティの専門家ではないです。しかも今年の春辺りからずっと外向けのWEBプログラムは組んでません。 その人間が知っているものを並べ

    tpircs
    tpircs 2009/12/16
    知らないのもあった。むむむ。
  • JavaScriptで読み込むCSSファイルをまるっと[7korobi8oki.com]

    代表中山陽平 ブログ「苦手意識を無くせばWeb活用はうまくいく」弊社では「がんばる中小企業」のWeb活用をサポートしています。今の時代、第3者である、制作会社や代理店におまかせでは勝てません。同じような商品・サービスが溢れる中、選んでもらうためのコンセプトを立て、それを実現するためにネットもリアルも総動員しながら戦う必要があります。 みなさんが世の中に・自社の従業員に実現したい幸せや提供価値を、しっかりと実現していくためには、みなさん自身が主役になり、私達のような専門会社が側面支援するのがベストです。 このブログでは御社が中心となってウェブ活用できるヒントを配信しています。お悩みの方はお気軽に問い合わせフォームからご相談ください。 最新の記事一覧

    JavaScriptで読み込むCSSファイルをまるっと[7korobi8oki.com]
  • Webサイトの制作/運用の効率化を図る 「ガイドライン策定」のすすめ(前編)(1/4):CodeZine

    Web標準に従うことは、SEO効果、ユーザービリティ、メンテナンス性の向上など、Webサイトの利用者と制作者の双方にさまざまなメリットをもたらします。しかし、実際にWeb標準の仕様書に従ってWebサイトを制作しようとすると、制作者の頭を悩ませる多くの問題が待っています。連載では、Web標準のメリットを最大限に生かすことをテーマに、仕様書には書かれていない部分を中心に取り上げ、実際のWeb制作現場で起こり得る問題について、解決の糸口をたらしていきたいと思います。 はじめに Web標準に従うことは、SEO効果、アクセシビリティ、ユーザービリティ、相互運用性、互換性、メンテナンス性の向上など、Webサイトの利用者と制作者の双方にさまざまなメリットをもたらします。しかし、実際にWeb標準の仕様書に従って「正しい(X)HTML+CSS」でWebサイトを制作しようとすると、制作者の頭を悩ませる多くの

    Webサイトの制作/運用の効率化を図る 「ガイドライン策定」のすすめ(前編)(1/4):CodeZine
  • HTML表示だけではない、近未来のWebブラウザとは

    16日に開催されたイベント「Firefox Developers Conference 2008~次世代Webとプラットフォーム~」では、Firefoxに関するセッションが中心となったが、Firefoxの枠を超えたWebブラウザのあり方や、次世代のHTML規格「HTML 5」に関するセッションも行われた。 ● LEDもデジタルサイネージも服も「Webブラウザ」? Webブラウザの進化はめざましい。レンダリングエンジンの改良はもとより、プラグインによるリッチ化、タブインターフェイス、検索エンジン窓、携帯電話やゲーム機などへの組み込みなど数多くある。しかし、“コンピュータ上でHTMLを表示する”という根の部分は変わっていない。未来のWebブラウザもその延長線上なのだろうか? パネルディスカッション「近未来ブラウザの形を考える60分―ユーザエクスペリエンスの視点から―」では、3年から5年先のW

  • MOONGIFT: » Web開発者は必須!様々なバージョンのIEを収録した「Internet Explorer Collection」:オープンソースを毎日紹介

    Webサイトを構築する際に、どのバージョンのブラウザまでサポートするかが問題になりやすい。最新のバージョンだけであれば良いのだが、不特定多数へのサービス提供となればそうもいかないだろう。 様々なバージョンのIEが立ち上げられる IEの場合で言えば5.5以降を対象とする場合が多いように思う。だがそんなバージョンのIEを簡単に用意できるだろうか。そこで使いたいのがこのソフトウェアだ。 今回紹介するフリーウェアはInternet Explorer Collection、様々なバージョンを収録したIEだ。 Internet Explorer Collectionで提供されるバージョンは1.0/1.5/2.01/3.0/4.01/5.01/5.5/6.0/7.0/8.0となっている。8.0β版まで収録されているので、今後を見越した上でのテストが実行できるようになる。 なぜかインストーラーはVista

    MOONGIFT: » Web開発者は必須!様々なバージョンのIEを収録した「Internet Explorer Collection」:オープンソースを毎日紹介
  • YappoLogs: ウェブエンジニアをしていて知らないと恥ずかしい日本人プログラマ300

    ウェブエンジニアをしていて知らないと恥ずかしい日人プログラマ300 ウェブ関係で仕事をしていて知らないと恥ずかしい日人100があまりにあんまりでブクマするのも恥ずかしいので、日のWeb周りでエンジニア(特にプログラマかな)で知らないと恥ずかしい日のプログラマ(主にWebに関わる的な意味で)100人のリストを作ろうと思う。 今のところ目標の1割くらいリストアップ出来た。まだまだ足りないのでもっと追加する。 14時: いっぱい追加 OPML化はerogeekがやってくれると思うのでOPML作ったよエントリを発見し次第リンクします。 OPML ktkr! yusukebe++ ゆーすけべー日記: ウェブエンジニア(略)と恥ずかしい日人プログラマ300のブログを列挙祭り 以下敬称略順不同 yoshiori - java-ja ats - Python ひがやすお - Java 羽生章洋

    tpircs
    tpircs 2008/04/14
    kakutani Ruby, kdmsnr bliki_ja, kakuda オレンジニュース 角の3人をあげてみた。
  • ALPSLAB 略地図

    ALPSLAB 略地図の簡単な使い方 左の地図上にマウスクリックで道順を入力します。 入力された道順から左側の略地図エリアに略地図が表示されます。 道順の入力は自動的に道に沿って結ぶモードと直線で結ぶモードが選択頂けます。 道順の入力を間違えた場合、一つ戻るボタンや、クリアボタンで修正することができます。 ※ 構成点は1000点が上限となっています。1000点を越える点列は入力できません 作成した略地図を利用する 略地図をダウンロードする場合は「地図の画像をダウンロードする」ボタンをクリックし、保存してください。 ブログやWEBページなどに貼り付ける場合は「地図を貼り付けるコードを取得する」ボタンをクリックし、表示されたコードをお使いのブログやWEBページにコピー&ペーストしてお使いください。 ※ ほとんどのブログに対応しておりますが、一部<a>タグに対応していないブログサービスなどはご利

  • CSSのレイアウト作成に役立つ便利なリソースいろいろ

    最近のページやサイト作成に欠かすことのできない「CSS(カスケーディング・スタイル・シート)」ですが、そのレイアウト作成を行う際に便利なリソース22種類です。ゼロから作るよりは楽に製作できるはず。 詳細は以下の通り。 40種類のCSSレイアウトがそろっています。 Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download! CSSのフレームワーク blueprintcss - Google Code 16種類の異なるCSSベースのレイアウト intensivstation :: CSS Templates :: Templates 12種類のCSSによるレイアウト Dynamic Drive CSS Layouts- CSS Frames CSSのレイアウトを作成する

    CSSのレイアウト作成に役立つ便利なリソースいろいろ
  • ブックマークに入れておきたいお役立ちサービス/Webページ一覧:ITpro

    出典:日経NETWORK 2006年11月号 35ページより 記事は執筆時の情報に基づいており、現在では異なる場合があります。

    ブックマークに入れておきたいお役立ちサービス/Webページ一覧:ITpro
  • ソフト-Bug Tracking-trac - discypus

    2013-06-14 Shibuya.trac第14回勉強会 日時: 2013-06-14(金) 19:00/21:00 場所: KDDI Webコミュニケーションズ会議室 東京都千代田区麹町三丁目6番地 住友不動産麹町ビル3号館 2011-07-30 SCM Boot Camp in Tokyo 日時:2011-07-30 10:00/18:00, 場所:オラクル青山センター http://www.oracle.co.jp/aoyamacenter/ 2011-06-30 19:00/22:00, Shibuya.trac第12回勉強会 〜チケット管理システム大決戦 第二弾〜 meeting/17 - Shibuya.trac Wiki - SourceForge.JP 日時: 2011/06/30(木) 19:00-22:00 (開場18:45) 場所: ニフティ株式会社 セミナールー

  • Trac を使ってみたよ

    ■ Trac を使ってみたよ 昨日の「Trac をインストールしてみたよ」の続きです。ちなみに、ここの Wiki に凄く情報がまとまっているって事を今日になって知りました…。 それで、まずは昨日さぼった権限の設定から。apache の設定を変更して、閲覧だけの場合でも認証が必要にします。anonymous ユーザとか必要って人はドキュメントに書いてある LocationMatch って書く方法でやりましょう。 .htpasswd は適当な所に用意しておいて下さい。Subversion を WebDAV 経由で利用している人はそっちと同じファイルを使うのが通っぽいですよ。 $ vi /etc/apache2/sites-available/trac Alias /trac "/usr/share/trac/htdocs/" <Location "/proj"> SetHandler mod_

  • ウェブ魚拓

    ウェブ魚拓は、ウェブページを引用するためのツールです。 ブログや掲示板に、記録した魚拓のURLを貼って利用できます。取得後ブラウザのURLをコピーしてください。(*) (*PDF等で外部ビューワが開いてしまう場合、取得したURLで魚拓の検索をし、取得URLをコピーしてください) 便利な表示中のページを取得する機能はこちらからどうぞ。 広告に関するプライバシーポリシーAutoStreamの利用者情報の取り扱いについて | 株式会社FLUX

    ウェブ魚拓
  • Japanese Traditional Colors

    桜色 (さくらいろ) # 薄桜 (うすざくら) # 桜鼠 (さくらねず) # 鴇鼠 (ときねず) # 虹色 (にじいろ) # 珊瑚色 (さんごいろ) # 一斤染 (いっこんぞめ) # 宍色 (ししいろ) # 紅梅色 (こうばいいろ) # 薄紅 (うすべに) # 甚三紅 (じんざもみ) # 桃色 (ももいろ) # 鴇色 (ときいろ) # 撫子色 (なでしこいろ) # 灰梅 (はいうめ) # 灰桜 (はいざくら) # 淡紅藤 (あわべにふじ) # 石竹色 (せきちくいろ) # 薄紅梅 (うすこうばい) # 桃花色 (ももはないろ) # 水柿 (みずがき) # ときがら茶 (ときがらちゃ) # 退紅 (あらぞめ) # 薄柿 (うすがき) # 長春色 (ちょうしゅんいろ) # 梅鼠 (うめねず) # 鴇浅葱 (ときあさぎ) # 梅染 (うめぞめ) # 蘇芳香 (すおうこう) # 浅蘇芳 (あさすお