タグ

develに関するUDONCHANのブックマーク (125)

  • Flashの知識がなくても簡単に設置できる、iTunesのカバーフロー風ギャラリー

    滑らかに画像がスライドする、Flash製のiTunesのカバーフロー風画像ギャラリーをYoFLAから紹介します。 Cover Flow - the Open Source Flash Script demo 実装にはFlashの知識は特に必要なく、配置する画像やテキスト、カバーフローのサイズなどは、XMLファイルにテキストベースに指定します。 ライセンスは、CC 3.0とのことです。

  • 巨大なSJISのCSVファイルをfgetcsv関数で処理する - hnwの日記

    さて、前回記事「PHPでメモリ上に一時ファイルを作る」では、file_get_contents関数でCSVファイル全体を取得して文字エンコーディングの変換を行い、変換結果に対してfgetcsv関数を利用しました。しかし、CSVファイルが巨大な場合にはfile_get_contentsを使うとメモリ上限に引っかかってPHPが停止してしまいます。 もちろん、UTF-8CSVファイルに対してfgetcsvを利用するのであれば、どんな大きなCSVファイルだろうと処理することが可能です。なぜなら、fgetcsvはファイルを1行単位で読み込む関数ですから、1行分のメモリ消費だけでファイル全体を読み込み続けられるからです(正確にはストリーム上のデータはバッファリングされるので、バッファサイズ分のメモリは消費しますが)。 それでは、巨大なSJISのCSVファイルをfgetcsvで処理したい場合はどうすれ

    巨大なSJISのCSVファイルをfgetcsv関数で処理する - hnwの日記
  • URLを扱うテーブルを作るときにどうすべきか - 金利0無利息キャッシング – キャッシングできます - subtech

    はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

    URLを扱うテーブルを作るときにどうすべきか - 金利0無利息キャッシング – キャッシングできます - subtech
  • わずか2.5KBでテーブルにソート機能を提供する「TinyTable」:phpspot開発日誌

    TinyTable JavaScript Table Sorter - 2.5KB - Web Development Blog わずか2.5KBでテーブルにソート機能を提供する「TinyTable」。 シンプルだけど次のようなかっこいいソート可能テーブルを実現できる軽量ライブラリが公開。 デモページ 各種変数の設定でカスタマイズも可能みたい。 CSSのクラス名の指定なんかが出来るようです。 var sorter = new TINY.table.sorter("sorter"); sorter.head = "head"; //header class name sorter.asc = "asc"; //ascending header class name sorter.desc = "desc"; //descending header class name sorter.even

  • CSSハックしてはいけない5つの理由 | エンタープライズ | マイコミジャーナル

    SitePoint: New Articles, Fresh Thinking for Web Developers and Designers WebページやWebアプリケーション開発の終盤に入ってから、特定のブラウザでレンダリングに問題があることが発見されるというのはままある状況だ。すぐに問題を解決することを目指してクイックハックやConditional-CSSの適用などを実施することもある。この方法は短期的に見れば効果があるが、長期的に見ると逆により多くの問題をもたらすため使わない方がいいという紹介がSitePoint: 5 Reasons to Avoid CSS Hacks and Conditional Stylesheetsで紹介されている。紹介されている理由は次のとおり。 CSS妥当性検出が不可能 - クイックハックではブラウザの既知のバグを使っていたりベンダ固有のプロパテ

  • 教科書に載らないWebアプリケーションセキュリティ 第1回 [これはひどい]IEの引用符の解釈 − @IT

    XSSにCSRFにSQLインジェクションにディレクトリトラバーサル……Webアプリケーションのプログラマが知っておくべき脆弱性はいっぱいあります。そこで連載では、そのようなメジャーなもの“以外”も掘り下げていきます(編集部) 小さな話題が面白い 皆さん、はじめまして。はせがわようすけと申します。 「教科書に載らないWebアプリケーションセキュリティ」ということで、Webアプリケーションのセキュリティに関連する、普段あまり見掛けないような小さな話題を取り上げていきたいと思います。 セキュアなWebアプリケーションを実現するために、開発者の方だけでなく、Webアプリケーションの脆弱性検査を行う方々にも読んでいただきたいと思っています。重箱の隅を楊枝でほじくるような小さな話題ばかりですが、皆さんよろしくお願いします。 さて第1回は、Internet ExplorerがHTMLを解釈する際の引用

    教科書に載らないWebアプリケーションセキュリティ 第1回 [これはひどい]IEの引用符の解釈 − @IT
  • memcachedで快速アプリケーション - @IT

    第4回 memcachedで快速アプリケーション 太田 哲也 株式会社Cuon 2008/2/25 Rubyを使った大規模エンタープライズ開発が始まっている。Ruby on Railsでの開発において、インフラやアプリケーションアーキテクチャをどのように構成すべきかを考える(編集部) CGM(Consumer Generated Media)サイトを構築する際、考慮するべき点を挙げだすときりがない。 スケールアウトの容易なインフラ設計(第1回「CGMサイト構築で悩む負荷対策と拡張性の確保」参照)、開発効率の高いフレームワークの選定、保守性の高いソースコードの製造など、さまざまな要素が複雑に絡み合っている。 しかし、これらはあくまでも開発側として立った場合の視点であり、実際に利用する人々にとってはまったく関係のないことで、(当然のことではあるが)利用する人々は「触っていて快適」なサービスを求

  • 文字化けクイズ(問題編) - 西尾泰和のはてなダイアリー

    みんな安易に「文字化けした!」って言うけど、いろいろ雰囲気の違う文字化けがあるじゃないの、というわけで5問ほどクイズにしてみた Q1(初級): 「こんにちは、世界」と表示されるはずなのになぜか「縺薙」などの難しい漢字が表示された。何が起きたか。 Q2(初級): 「こんにちは、世界」と表示されるはずなのになぜか「ã」(aの上に~)などが表示された。何が起きたか。 Q3(中級): ブラウザであるリンクをクリックしたところ「臼NG」で始まる謎の文字列が表示された。何が起きたか。 Q4(上級): 「こんにちは」と表示されるはずなのになぜか「S?kao」と表示された。何が起きたか。 Q5(上級): 「ファイルが見つかりません」と表示されるはずなのになぜか斜め四角に囲まれた疑問符などが表示された。何が起きたか。なお参考までに表示された文字列は20文字であり、表示されたウェブページのエンコーディングはu

    文字化けクイズ(問題編) - 西尾泰和のはてなダイアリー
  • java.util.Dateをjava.sql.Dateにきちんと変換する方法 - ひがやすを技術ブログ

    多くの人はこうやればいいと思っているかもしれません。 java.util.Date d = new java.util.Date(); java.sql.Date d2 = new java.sql.Date(d.getTime());確かにこれでも一応変換はできますが、きちんと変換してはいません。java.sql.DateのJavadocを見るとこう書いてあります。 SQL DATE の定義に対応させるために、java.sql.Date のインスタンスでラップされたミリ秒の値は、インスタンスが関連した特定のタイムゾーンで時間、分、秒、ミリ秒をゼロに設定することで、「標準化」する必要があります。 つまり、java.util.Date#getTime()をjava.sql.Dateにただ渡すだけでは不十分で、「特定のタイムゾーンで時間、分、秒、ミリ秒をゼロに設定しなければいけない」のです。そ

    java.util.Dateをjava.sql.Dateにきちんと変換する方法 - ひがやすを技術ブログ
  • 「クックパッド」の裏側にいってきた | Carpe Diem

    Web デベロッパーの祭典に行ってきた。今回は、通路沸きに用意された比較的狭いスペースで開催された。 以下、メモと自分の勝手な感想をまとめておく。 クックパッドについて 毎日の料理を楽しみにすることで心からの笑顔を増やす 1998年にオープン 去年のリニューアルのときに Rails で作り直した 使い方 レシピをのせる レシピをさがす 月間ユーザ数 547万人 Rails サイト中世界7位 (from rails 100 wiki)、まさか1位がscribd.comとは 月間 2.8億 PV(PVでは、Rais サイト中世界3位) 登録レシピ数: 47万品 トラフィックは、16-18時くらいがピーク(夕飯を作る前に調べるユーザが多いとのこと) 秋からバレンタインにかけてトラフィックが伸びる(来週はピークだということで、最近はパフォーマンス向上に中心にやっていた) ユーザ数: 547万人(す

  • ユーザーフレンドリーな優れたナビゲーション集

    Smashing Magazineのエントリー「50のユーザーフレンドリーで美しいナビゲーション集」から、有用的で優れたナビゲーションをいくつか紹介します。 50 Beautiful And User-Friendly Navigation Menus 有用性のポイントやその効果については「ウェブデザインにおける効果的なコミュニケーションの取り方」を参照ください。 CSSベースのナビゲーション

  • まったくの初心者もこれでバッチリ 12のキーワードから学ぶデータベース基本中のキホン(前編)

    データベースに限った話ではありませんが、特にコンピュータ関連ではたくさんのキーワード(用語)が出てきます。はじめてデータベースの勉強をしようとすると、まずはキーワードの数と難しさにとまどってしまうと思います。また一般的なコンピュータに関するキーワードでも、データベース関連だと意味が多少異なるキーワードもあります。そして、キーワードを1つずつすべて把握しようとするのは大変困難で時間もかかります。中にはよく使用する用語もあれば滅多に使用しない用語もあります。そこでパートでは、出現頻度が高く、最低限は押さえておきたいキーワードを12 個紹介します。 keyword 1 データベース(DBMS) 入門者の中には、データベースという言葉は聞いたことはあるが、具体的なイメージがわかないという人が意外に多いと思います。考え方としては、データベースは「複数の人が共有利用するデータを貯めてある入れ物」です

    まったくの初心者もこれでバッチリ 12のキーワードから学ぶデータベース基本中のキホン(前編)
  • 希望するドメインをなんとか探し出してきてくれる『DomainTyper』 | 100SHIKI

    どうしてもこの名前がいいのだけれどドメインがあいていなくて・・・というシーンはよくある。 そうしたときに使えそうなのがDomainTyperだ。 このツールを使えば、普段使わないようなトップレベルドメインを駆使してなんとか希望のドメインが取れるような提案をしてくれる。 ドットの位置が微妙なところに来るのでいまいちかもしれないが、最後の手段的に使ってみてもいいのかもしれないですな。

    希望するドメインをなんとか探し出してきてくれる『DomainTyper』 | 100SHIKI
  • SQLチューニングの基礎知識 「データアクセスと索引(インデックス)」の関係を理解する

    パフォーマンス向上を見据えた「データアクセス方法」を理解する ユーザーによりよいサービスを提供していくために、データベースのパフォーマンスチューニングは欠かせません。これを実現していくには、最低限「データアクセスの仕組み」を理解しておく必要があります。 第2回「リレーショナルデータベースの3大構成要素とは?」で解説した通り、SQL(Structured Query Language:リレーショナルデータベースのデータを操作するための言語)でのデータアクセスは、ディスクにある表のデータをメモリにロードしてから実行されます。そのため、非効率なデータアクセスはディスクI/Oの多発を招き、パフォーマンスに影響を及ぼします。データアクセス方法の効率とデータベースのパフォーマンスは密接に関係しています。 従って、パフォーマンス問題を抱えているシステムの多くはSQLによるデータアクセス方法に問題があると

    SQLチューニングの基礎知識 「データアクセスと索引(インデックス)」の関係を理解する
  • [JS]わずか「12文字」でIEを判別するスクリプト | コリス

    これを利用したデモを下記に設置しました。 IEを判別するスクリプトのデモ IEであれば「This is IE.」 IE以外は「This is NOT IE.」 とアラートを表示します。 IE6/7/8beta2, Fx2/3, Op9.6, Safari3, Chrome1で試したところ正しく動作しました。 コメントには、IE8でも動作する、とあります。

  • IE6についての考え方(2009/01版)

    FirefoxやSafari,Chromeが出てきた現状、プロのWeb屋の中では、Internet Explorerだけの対応をもとめられて面倒くさい!と思うことは多々あります。 ただ、半分冗談で「IEクソ」と思う人と、気で「IEクソ」と思ってる人の両方が存在している可能性があるので、IT系特有のネガティブな教育のせいで後者に洗脳されてしまってる人がもしいたら、そういう人に送りたいエントリー。誰向けかというと、主に対象は実装屋さんなのかな。 知っておいて欲しい事は 「IEがあったからこそ、今、僕等はメシをえているかもしれない」 ということ。 そして、 「僕等の当のお客様は、IEを使い続けているし、これからも使い続ける可能性が高い人たち。お客様がブラウザの種類などを意識せずともインターネットにアクセスしてもらえる環境を維持することが、プロのWeb屋の使命である。」 ということ。 過去、

  • IPA式ウェブアプリケーション脆弱性チェックリスト

    先日書いた業務用アプリに関連するんですけど、うちの会社ではサービスをリリースする前に脆弱性監査を通す必要があります。会社の仕組みとしてそのような監査チームがあることが凄く助かっています。 さて、会社の脆弱性監査の内容は守秘義務等で書くことが一切できないのですが、IPA(独立行政法人 情報処理推進機構)にて脆弱性対策についてのまとめ資料が公開されています。 情報処理推進機構:情報セキュリティ:脆弱性対策:安全なウェブサイトの作り方 ココで公開されている 「安全なウェブサイトの作り方 改訂第3版」 は全76ページからなる脆弱性対策マニュアルになっていて、どのような脆弱性に対してどうのように対処すべきかが記載されています。この第3版は行ってみれば、脆弱対策2009年度版みたいなもん。新しい攻撃手法がどんどんでてくるのでその都度対策が必要なのですが、このマニュアルに記載されている内容で、現在の対

  • ブラウザの下部にフッターを固定表示する『CSS Sticky Footer』 – creamu

    フッターをブラウザの下部に常に表示させたい。 そんなときにおすすめなのが、『CSS Sticky Footer』。ブラウザの下部にフッターを固定表示するCSSだ。 クロスブラウザで、IEやFxはもちろん、Opera、Safari、Google Chrome、Chaminoなどにも対応している。 ブラウザ対応状況は以下から。 » Here is the Full List HTMLCSSもとてもシンプルなので、ぜひ見てみてほしい。 ブラウザの下部にフッターを固定表示するCSS、チェックして使ってみてはいかがだろうか。 » CSS Sticky Footer Oisixの野菜を炒めてべました。だいぶ減ってきたな。じゃがいもとたまねぎがうめぇ。

  • Webデザイナーのためのフリーイメージギャラリー20選 – creamu

    簡単に使える画像ギャラリーを探している。 そんなときにおすすめなのが、『20 Free & Open Source Image Galleries for Web Designers』。Webデザイナーのためのフリーイメージギャラリー20選だ。 以下にいくつかご紹介。 » Auto Slider かっこよくてコンパクトなギャラリー » Flash Gallery クールで見た目の修正も可能なギャラリー » Flickr Show Flickrセットからギャラリーにセットできる » Gallerific スタイルとレイアウトが簡単にいじれる。↑のキャプチャはこちら » Highslide lightbox効果でグレーアウト。スタイルのオプションもついている その他のリストは以下から。 » 20 Free & Open Source Image Galleries for Web Design

  • 画像処理についてあれこれ

    ipycanvasで図形に影をつける事ができます。影をつけるには、以下の属性でパラメータを設定します。 shadow_color : 影の色 shadow_offset_x : 影の水平方向オフセット shadow_offset_y : 影の垂直方向オフセット shadow_blur = ぼかしの大きさ サンプルコード 以下のサンプルコードは、円の図形と影を描画しています。 from ipycanvas import Canvas from math import pi canvas = Canvas(width=200, height=100) canvas.shadow_color = '#c0c0c0' canvas.shadow_offset_x = 5 canvas.shadow_offset_y = 5 canvas.shadow_blur = 5 canvas.fill_st