タグ

ブックマーク / builder.japan.zdnet.com (7)

  • [jQuery Mobile] ページ推移でアニメーションをする - H2O Space. Blog - h2ospace - builder by ZDNet Japan

    jQuery Mobileは、基的に普通にHTMLを記述しても必要に応じてJavaScriptで制御されます。ページ内リンクもそう。 例えば、次のようにHTMLを作成してみましょう。 [xml] <!DOCTYPE HTML> <html lang="ja-JP"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" /> <script src="http://code.jquery.com/jquery-1.4.3.min.js"></script> <script src="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.mi

  • iPhoneの数あるカメラアプリから、とにかく操作が簡単で実用的なものを5つ厳選してみた。 - ネットナナメ読み - 山田井ユウキ - builder by ZDNet Japan

    builder読者の皆さん、こんにちは。 金曜日担当の山田井ユウキです。 今日はiPhoneアプリの話題です。 最近、カメラ系のアプリをいろいろ使っているのですが、これがなかなか面白い! iPhoneを買ったときはカメラはあんまり性能良くないなーと思っていたのですが、アプリを使うことでいい感じに遊べることがわかりました。 ただカメラアプリってものすごくたくさんの数があるんですよね。 そこで今回は、とにかく操作がシンプルなもので、なおかつ面白加工とかではなく、かっこいい写真が撮れる実用的なアプリに限定して探してみました。 ・CAMERAtan - トイデジタルカメラ ものすごくたくさんの画像加工ができるアプリ。 写真を呼び出して(もしくはこのアプリで撮影して)すぐワンタッチで加工できるので使い方もとても簡単です。 すごく便利なんだけどあまりにもたくさんの加工パターンがありすぎて最初は何すれば

  • HTMLをDBみたいに使えるスゴイライブラリ『htmlSql』を CakePHPで使う - h2ospace - builder by ZDNet Japan

    APIRSSなどを提供しているサイトは、情報を簡単に扱うことができますが、例えば Yahoo!の検索結果とか、mixiのニュースとか、あるサイトの一部を取り出したいことってよくあります。(とはいえ、著作権違反には注意 そんな時、PHPのライブラリである「htmlSql」を利用すると便利。このライブラリに、ファイルでもURLでも文字列でも、HTMLで作られたものなら何でも与えると、解析して取り出しやすくしてくれます。しかも、その取り出し方はSQL! 例えば、「id属性が’test’の p要素の内容を取り出したい」という場合には、次のようなSQLを使います。 SELECT text FROM p WHERE $id=="test" 超パワフル。ということで、これを CakePHPで利用するためのテクニック。 まずは、ダウンロードしたファイルの中から次のファイルを「app/vendors」フォ

  • iPhoneのタップ・回転イベントを JavaScriptで取得するサンプル - H2O Space. Blog - h2ospace - builder by ZDNet Japan

    iPhone特有の「タップ」や体の「回転」は、JavaScriptでも取得することができます。 つまり、Webサイト・Webアプリでこれらのイベントを捕まえてプログラムを作ることができるという訳。 簡単なサンプルを作ってみましたので、お試しください。 iPhoneのタップ・回転イベントをJavaScriptで取得するサンプル(iPhoneで確認してください) まずは、こんなHTMLを準備して・・ <dl class="iPhoneDL"> <dt>イベント</dt> <dd id="dEvent">なし</dd> <dt>X位置</dt> <dd id="dX">-</dd> <dt>Y位置</dt> <dd id="dY">-</dd> <dt>向き</dt> <dd id="dTurn">-</dd> </dl> プログラムは次の通り。 <script type="text/java

  • 長い単語やURLの改行をコントロールするword-wrapプロパティ - builder by ZDNet Japan

    欧文のテキストは半角スペースの位置で改行される。そのため、半角スペースが入らない長い単語は途中で改行されることがない。レイアウトスペースの横幅が狭い場合、長い単語ははみ出してしまい、レイアウトを崩す原因となる。 とはいえ、レイアウトスペースよりも横幅が長い単語を使う機会はほとんどないだろう。問題が発生する確率が高いのは、長いURLを表記した場合だ。 URLは半角スペースを含まないので、ブラウザにとっては1つの長い単語と同じ扱いになる。特に、ブログなどのコメントで長いURLを記述されると、制作者の予期しないところでレイアウトが崩れる原因になってしまう。 そこで今回は、ブラウザごとのURLの改行処理の違いを確認して、長い単語やURLの改行をコントロールするword-wrapプロパティを紹介したい。 ブラウザごとのURLの改行処理 次のサンプルは、横幅が300ピクセルのボックス内に長い単語やUR

    長い単語やURLの改行をコントロールするword-wrapプロパティ - builder by ZDNet Japan
    uch
    uch 2010/01/06
  • CSSの擬似クラス:IE6/IE7でも使う方法あります - builder by ZDNet Japan

    年間5,000件の問い合わせに対応 疑問を解消したいユーザーも答える情シスも みんな幸せになるヘルプデスクの最適解 大事なのは”仕事の段取り” 幅広い業務を任されているからこそできる ひとり情シス流の業務改善術 Kubernetes活用の最適解とは? 今、注目のコンテナを活用した柔軟なIT基盤 運用、管理の課題を解決しメリットを最大化 ハイブリッドクラウド時代の救世主 企業ITを素早く進化させるためのAVS サービス開始から1年で大幅に機能がアップ 電話営業・インサイドセールの革新 AIによる自動文字起こし・会話分析が 音声コミュニケーションの可能性を拓く 新OSのWin11はどう進化したか ビジネス上の役割、開発の要因と Win11が目指した5つのポイントを紹介 データ活用は次のステージへ トラディショナルからモダンへ進化するBI 未来への挑戦の成功はデータとともにある AWSとAzur

    uch
    uch 2008/04/09
  • 何となくじゃダメ!データベースをきっちり理解する--WebデザイナのためのPHP入門 - builder by ZDNet Japan

    データベースを知ってWebサイトをパワーアップ 例えばショッピングサイトを作ることを考えてみよう。 「価格が安い順に並べたい」とか、「入力したキーワードに一部でも合致したら、その商品を表示する」とか、はたまた「最初に20件だけ表示して、『次のページへ』のリンクをクリックすると、次の20件を表示する」といった具合に、さまざまな機能を思い浮かべることができるだろう。 いったい、どれだけ難しいテクニックが必要なのかと思われるかも知れない。また、実際にWebプログラマに提案しても「難しすぎるので無理」などといわれるかも知れない。 しかし、実際にはこのようなデータ処理は「データベース(DB)」を利用してさえいれば、実に簡単に実現することができる。是非、デザイナの皆さんもデータベースの知識を身につけ、理論武装でプログラマを説得してみて欲しい。 データベースはソフトの種類の名前 まず最初におさえておきた

    何となくじゃダメ!データベースをきっちり理解する--WebデザイナのためのPHP入門 - builder by ZDNet Japan
  • 1