タグ

Webに関するiseebiのブックマーク (65)

  • ユーザ情報を保存する時のテーブル設計 - そーだいなるらくがき帳

    はじめに ※この発言は個人の見解であり、所属する組織の公式見解ではありません 用法用量を守り、個人の責任で業務に投入してください 参考資料 2024/02/14追記 実際のテーブル設計の詳細はこちらを参考にどうぞ。 agilejourney.uzabase.com 要件 User情報を保存するときにどのようなテーブル設計を行うか 今北産業で頼む テーブルに状態を持たせず状態毎のテーブルを作る 状態が変わればレコードを消して別のtableに作る tableの普遍的な情報は別に持たせる 僕の考えた最強のDB設計 PostgreSQLをベースの雑なER図を作った。 これを元に話を進める。 table構成 users 親tableであり、すべてのユーザはここに属する。 基はINSERTのみでUPDATE、DELETEを考慮しない。 user_detail userに付随する詳細の情報がここに登録

    ユーザ情報を保存する時のテーブル設計 - そーだいなるらくがき帳
    iseebi
    iseebi 2018/05/02
  • 【CSS】とにかく読みにくいページをつくってみた!pointer-events でイベントを制御する

    こんにちは、R&D 部の青野です。 「読者視点で見やすくて読みやすいページを作りましょう」とよく言われてますが、たまには見づらくて読みにくいページがあってもいいんじゃないか。 ということで、読みにくいページを作りました。 と言っても、デザイン、ページ構成的にというわけではなく、ただ暗いだけのページです。 仕組みとしては暗く描画した canvas タグをページの上に重ねているだけとなっております。 また、このページはモバイルとPCでは見え方が少し違いますので、モバイルで見ている方はPCでも見てみてください。 (さすがに暗いままだと記事が読みにくいので、ページを明るくするボタンを付けました。ご利用ください。) ON OFF 通常 canvas 要素や img 要素などが上に重なっている場合、その下にある要素は選択できなくなります。しかしこのページではまっ暗な状態でも上にある[ON][OFF]の

    【CSS】とにかく読みにくいページをつくってみた!pointer-events でイベントを制御する
    iseebi
    iseebi 2017/10/04
    読みにくいって意味が想定外の方向だった
  • OWASP ZAP | OWASP Foundation

    The OWASP® Foundation works to improve the security of software through its community-led open source software projects, hundreds of chapters worldwide, tens of thousands of members, and by hosting local and global conferences. Project Information Flagship Project Classification Tool Audience Breaker Builder Downloads Download OWASP ZAP! Questionnaire Please help us to make ZAP even better for you

    iseebi
    iseebi 2015/05/30
  • Webアプリケーション負荷試験実践入門

    2015年2月24日 ヒカ☆ラボ発表資料 Webアプリケーション負荷試験実践入門 ■スライドの目的 負荷試験の重要性を認識して頂く 意味のある負荷試験を最短距離で行うための“段取り”を持ち帰って頂く 内容的には、主にAWS上のLAMP構成のシステムに対する負荷試験ですが、負荷試験ツールに依存しない全般的に通用する話を扱っています。Read less

    Webアプリケーション負荷試験実践入門
    iseebi
    iseebi 2015/05/17
  • Maverix Bootstrap Theme

    {{title}} ON OFF

    iseebi
    iseebi 2014/06/21
    おお、これいいなあ
  • Vagrant + AWS + Chef でサーバ構築自動化 - Develop with pleasure!

    AWS OpsWorks (DevOps アプリケーション管理・自動化) | アマゾン ウェブ サービス (AWS語)を利用してサーバの構成管理をしようとしたけど、問題になったのがOpsWorksで使われるChefのバージョン。現時点で9.x系なんだけど(2013/07/25にChef 11のサポートがリリースされてる)、opscodeが公開しているcookbookには結構10.x系以上じゃないと動作しないものが多い。 一々、9.x系で動作するようにcookbookを修正するのも面倒だし、opscodeが公開している沢山のcookbookを利用せずに自前で全部書くというのも避けたい。 chefのgemを最新にするcookbookを作って、それをOpsWorksで実行してChefのバージョンを無理やり切り替えられないかとも考えたけど、OpsWorks内でのchefを含めたgemの管理に

    Vagrant + AWS + Chef でサーバ構築自動化 - Develop with pleasure!
    iseebi
    iseebi 2013/07/24
  • JSON on HTTPやWeb APIを各言語でどうやって実装するのか

    HTTPでアクセスして、JSONを返すようなWebサーバを書きたいとする。 どんな言語を選ぶか。どんなミドルウェアを選ぶか。どんなライブラリを選ぶか。 たとえば、TIOBE Softwareが公表している「Programming Community Index(PCI)」という指標がある。人気のあるプログラミング言語の数値化。これを見ていて思ったのは、「多すぎだよね、プログラミング言語」ということ。これらのうち、どの言語を勉強し、どの言語をプロジェクトに採用すべきなのか。 その感触を得るために、 「同じ仕様のREST serviceを複数言語で実装したらいいんじゃね?」 と思った。いくつかの言語で実装を起こしてみている。 前提条件 大規模な開発を想定する。ユーザの規模が大規模。トランザクション数が大規模。そして、開発者が大規模。 実用的かつモダンな開発を想定する。プロジェクト毎のバージョン

    JSON on HTTPやWeb APIを各言語でどうやって実装するのか
    iseebi
    iseebi 2012/03/25
  • HTML5的にmanifestファイルをゴニョった

    とりあえず自サイトのために 当はもっと深遠な用途があるんでしょうけれども、jQuery系のデカいけど滅多に変更がないファイルをどうにかするためにHTML5のアプリケーションキャッシュを試してみました。(という建前) Javascriptとかでガシガシやるような、エンジニア系の風情はありません。なるべくチョロい感じで。 manifestファイルをつくるよ ともかく、HTML要素の属性としてmanifestファイルを指定しないと始まらないので、以下のような内容のファイルを用意しました。 CACHE MANIFEST # Revision: 20100201-2300 ############################################################ ## キャッシュ対象のコンテンツ CACHE: themes/havelog/syntax/scripts

    HTML5的にmanifestファイルをゴニョった
    iseebi
    iseebi 2011/11/06
  • nanapho.jp - 最新 アプリ 管理人 シェア 対応 ツール ファームウェア 接続 リソースおよび情報

    nanapho.jp は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、nanapho.jpが全てとなります。あなたがお探しの内容が見つかることを願っています!

    iseebi
    iseebi 2011/09/19
    これなんでそのいくつかのコメントアウトが必要だったの?まさかIEを通すためってことはないよね? / 現実的に使われない仕様をはずしてシンプルにしたらしい
  • mixi Engineers' Blog » スマートフォンブラウザのWebInspectorをリモートで実現するweinreが凄い

    こんにちは、寝過ごして長野まで行きそうになったソーシャルクライアント開発のtakimoこと瀧です。 先週弊社数名がアメリカで行われていたVelocity 2011 - O'Reilly Conferencesに参加しました。 そこではモバイル端末のテストやパフォーマンスについての講演やLTがあったようです。 自分もお土産話を色々聞きたいので詳しくは誰かが書いてくれるはず...です。 その中で気になったプロダクトがあったので紹介したいと思います。 weinre - Web Inspector Remote weinreはFirebug(Firefox)やWebKitのWebInspectorのようなデバッグ機能をリモートで提供してくれるプロダクトです。 iPhoneAndroid(2.1以上)には一応コンソール機能のようなものがありますが 基的には出力だけ ソフトキーボードでデバッグ用

    mixi Engineers' Blog » スマートフォンブラウザのWebInspectorをリモートで実現するweinreが凄い
  • EZwebの2011年秋冬モデル以降の変更内容とセキュリティ上の注意点 - ockeghem's blog

    au/KDDIの技術情報サイトEZfactoryには、2011年秋冬モデル以降にEZwebの仕様変更がある旨表示されています。セキュリティ上の問題の可能性もあるため以下に報告します。 EZfactoryトップページでの告知内容 EZfactoryトップページには、2011年秋冬モデルでの変更を以下のように要約しています。 ※お知らせ※ EZブラウザは、2011年秋冬モデルにて、EZサーバを含め、「機能」及び「ネットワーク環境」の見直しを行ないます。 これによる主な変更点は以下のとおりです。 <主な変更点> ・EZサーバの言語変換機能が削除され、HDMLが非サポートとなる。 ・EZブラウザ、PCサイトビューアーのIPアドレス帯域が統一される。 今後EZブラウザ向けコンテンツを作成する場合は、XHTML Basicを推奨します。 http://www.au.kddi.com/ezfactory

    EZwebの2011年秋冬モデル以降の変更内容とセキュリティ上の注意点 - ockeghem's blog
    iseebi
    iseebi 2011/06/15
    めんどいことに/HDML終了か。胸が熱くなるな。
  • Web開発者の皆様へ - Firefox5周りでの変更点について

    dynamis (でゅなみす/レッサーパンダ) @dynamitter Web開発者の皆様へ。変数名にclass, enum, export, extends, import, superを使ってないか注意してください。Firefox 5ではstrict mode外でも予約語扱いになります http://bit.ly/lInGNP

    Web開発者の皆様へ - Firefox5周りでの変更点について
    iseebi
    iseebi 2011/06/15
    最近Web系開発やってないけど、次のときのために覚えておこう。
  • スマートフォン用ページに振り分けるときはrel=”canonical”を設定する

    iPhoneiPadAndroid端末の普及でスマートフォン専用のページを用意するサイトも増えてきています。 スマートフォンからのアクセスに対して「リダイレクトによってスマートフォン専用のURLに振り分けるとき」の注意点を今日はお伝えします。 rel=”canonical”タグで、対応するデスクトップ用ページのURLを指定してください。 重複コンテンツの発生を防止するためです。 現状GoogleデスクトップPCとスマートフォンを区別せず同等に扱います。 スマートフォン用の検索結果も用意していません。 共に、ウェブクローラのGooglebotがクローリングします。 ※従来のモバイル端末はモバイルクローラのGooglebot-Mobileがクローリングします。詳しくはこちらの記事を参照。 スマートフォン用のコンテンツはデスクトップ用のページと、完全ではないにしてもほぼ同じになるはずです。

    スマートフォン用ページに振り分けるときはrel=”canonical”を設定する
    iseebi
    iseebi 2011/05/30
  • [速報]グーグル、Webアプリのマネタイズを提供、わずか5%の決済手数料。Google I/O 2011

    [速報]グーグル、Webアプリのマネタイズを提供、わずか5%の決済手数料。Google I/O 2011 グーグルがサンフランシスコで開催中のイベント「Google I/O 2011」。2日目の基調講演はWebがテーマになりました。Webアプリケーションでの課金、高速なゲームの実現、そしてChromeを搭載した専用のノートPCである「Chromebook」が発表されました。 2日目の基調講演の模様を紹介しましょう。 Chromeはさらに高速に 昨日に続いて、グーグル Senior Vice PresidentのVic Gundotra氏登場。Galaxy Tabは気に入ってくれたかな? 今日のテーマはWebだ。Chromeチームはスピード、セキュリティ、機能などに関してWebを前進させてきた。Chromeの今後について話をしよう。 Chrome担当、Senior Vice Presiden

    [速報]グーグル、Webアプリのマネタイズを提供、わずか5%の決済手数料。Google I/O 2011
    iseebi
    iseebi 2011/05/12
    Webコンテンツに対する課金ってことかしらん / Fishデモwww
  • 必見。スマートフォン対応、WebベースのHTML5オーサリングソフトウェア·Maqetta MOONGIFT

    MaqettaはIBMからDojoに寄贈されたWebベースのHTML5対応オーサリングソフトウェア。 MaqettaはWebベース、Java製のオープンソース・ソフトウェア。HTMLのオーサリングツールと言えばDreamweaverをはじめとしてローカルソフトウェアで行うのが一般的だ。だがその結果をレンダリングするのはWebブラウザだ。この環境の違いで作りやすさが変わってしまう。 メイン画面 どうせWebブラウザ上で動かすならば、元々Webブラウザ上で作ってしまうのはどうだろう。IBMが開発し、先日Dojoに寄贈されたMaqettaを使えばそれが実現する。 MaqettaはHTML5用のオーサリングツールで、Webブラウザ上でHTML/CSSを作成することができる。DojoやYUIといったUIウィジェットに対応しており、ドラッグアンドドロップで画面を作成していくことができる。配置したウィジ

    iseebi
    iseebi 2011/04/23
    これはすごそう
  • もう他のは要らないかも、なクールなツールチップ作成フレームワーク「Tipped」:phpspot開発日誌

    もう他のは要らないかも、なクールなツールチップ作成フレームワーク「Tipped」 2011年04月11日- Tipped - The Javascript Tooltip Framework | jQuery & Prototype Tooltips もう他のは要らないかも、なクールなツールチップ作成フレームワーク「Tipped」 これ1つで出回ってるであろう殆どのツールチップは作れる気がします。しかも全てハイクオリティ。 フレームワークということで以下の点をカスタマイズ可能 ・スキン ・ツールチップの位置設定(左右上下など) ・コンテンツをAJAX読み込み ・ローディング画像のカスタマイズ ・コールバック機能(afterUpdate)、イベント(onHide, onShow) ・APIの提供 スクリーンショットを以下にサンプルとして掲載。 それぞれがセンスがよくてどれをつかってもよい気が

    iseebi
    iseebi 2011/04/22
  • http://japan.internet.com/wmnews/20110225/5.html

    iseebi
    iseebi 2011/02/25
    Twitter専用じゃないアプリのアプリ名にTweetって含めるとTwitterのガイドライン違反だが大丈夫か?
  • IE9 vs. Firefox 4

    IE9 vs. Firefox 4 Is IE9 a modern browser? Let's compare IE9 to Firefox 4 HTML5 test IE9: 130 Firefox 4: 255 Firefox 3.5 (two years ago): 142 source In 2011, IE9 now supports Canvas, Video, Geolocation and SVG. Firefox came with Canvas and SVG 5 years ago, Video and Geolocation 2 years ago. Platform supported IE9: Windows Vista/7. Firefox 4: Windows Vista/7, Windows XP, GNU/Linux, Mac OS, Android.

    iseebi
    iseebi 2011/02/18
    僕Web屋なので、なんとなく納得してしまえる。/MS側の反論をきいてみたい。
  • これは凄いぞ!スマートフォン向けHTML5生成プログラミング言語「mobl」 | MOONGIFT | オープンソース・ソフトウェア紹介を中心としたITエンジニア/Webデザイナー向けブログ

    moblはEclipse上で開発し、HTML5/CSS/JavaScript/画像を生成するスマートフォン向けプログラミング言語。 moblJava製のオープンソース・ソフトウェア。スマートフォンの人気がとても高い。特にWebKitのモバイル版を組み込んでいるものが殆どで(iOS/Android/Palm Pre/Blackberryなど)HTML5の恩恵にあずかりやすいのが良い。 開発環境はEclipse そんなHTML5のパワーを使えば、まるでネイティブアプリのような動作をさせることも可能になっている。そのためのスマートフォン向けライブラリは数多くあれど、moblは一味も二味も違う。完全に専用言語でスマートフォン向けWebアプリケーションを開発できる。 moblはEclipse用のプラグインを配布しており、それをインストールした後プロジェクトを作成する。使うのはmoblという拡張子の

  • CSS3とjQueryでフォームを美しく装飾する方法

    2014年8月22日 CSS, jQuery どんなWebサイトでも設置されているフォーム。なんの装飾もなく味気ないフォームより、デザインされたもののほうが連絡してみたくなるはずです!そんなフォームも少し手を加えるだけで素敵なデザインに変身させることができます。今回はCSS3とjQueryを使ってより美しいフォームを作成する方法を紹介します。 ↑私が10年以上利用している会計ソフト! フォームの仕様 今回チャレンジするフォームの主な仕様です! グラデーション・ボックスシャドウを使って立体感を表現 角丸で丸みをつける(モダンブラウザ) 対応ブラウザ: IE7△, IE8△, IE9, Firefox, Chrome, Safari フォーム制作の流れ CSS3ってなんだ?という人もひとつひとつ記述していけば意外と簡単に作れるはずです!リンクをクリックで各項目にジャンプします。 テキストボック

    CSS3とjQueryでフォームを美しく装飾する方法
    iseebi
    iseebi 2010/11/03