タグ

2011年1月4日のブックマーク (13件)

  • HTML5で進化したフォーム機能 ここが違う!サンプルで見るHTML5(5)

    はじめに この連載では、今日のウェブ業界の流行語となっている「HTML5」をとりあげ、全6回に分けて、これまでの技術とどのような違いがあるのか、具体的にサンプルのコードを示しながら解説していきます。 過去の連載も読む 第1回:HTML5が注目を浴びる理由とは? 第2回:HTML4から変化したHTML5のマークアップ 第3回:HTML5で再定義された要素と属性 第4回:HTML5で実現できるマルチメディア系機能 新たに導入されたフォームコントロール これまでウェブにおける入力フォームコントロールは、非常に限られたものしかありませんでした。皆さんがよくご存じのテキスト(パスワード)入力フィールド、ラジオボタン、チェックボックス、セレクトメニュー、テキストエリア、ファイル選択です。お問い合わせフォームであれば、ほとんどのシーンで十分といえるでしょうが、ウェブアプリケーションにおいては、不足してい

    wackey
    wackey 2011/01/04
  • HTML5でつまずきやすいasideとsectionの使い方

    HTML5分かりにくいですよね。 初めまして。11月からME課で働いている久保田(@ta2_o2p)です。よろしくお願いします! 自分の仕事としては、携帯サイト中心にコーディングを行っているのですが、BMKidsの縁起物と笑い袋の紹介ページのコーディングを行ったり、他にも色々とPCサイトのコーディングをしています。 さて、実はカヤックで働き始めてHTML5を格的に触ったのですが、触れていくうちに「HTML5はややこしい所があるなー」と思い、この記事を書きました。 そういう訳で、HTML5でコーディングするに当たって間違いやすいポイントについて、書いていきたいと思います。 まずその前に 題とは反れますが、HTML5でコーディングするにあたって、押さえておきたいポイントを2つ書きます。 文字コードの指定はmeta要素のcharset属性で 今までは以下のようにmeta要素の中に長々と属性を

    wackey
    wackey 2011/01/04
  • Googleからページを削除する方法: ウェブマスターに贈る完璧なガイド » SEO Japan

    無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする >> 作成中のページや誤ってアップしてしまったページがグーグルにインデックスされて困った、、、という経験がある方はいるでしょうか?もしくは制作会社の方であればクライアント企業から「グーグルにインデックスされたページを即効で削除してほしい」と頼まれ、困ってしまった経験はないでしょうか?そんな時に役立つかもしれないこの記事をSEO by the Seaから。 — SEO Japan サイトのオーナーなら、通常、グーグルに出来るだけ多くのページをインデックスしてもらいたいはずだ。しかし、グーグルに公開したくないコンテンツや投稿したくない情報を誤ってインデックスされてしまい、出来るだけ早く削除したくなるときが

    Googleからページを削除する方法: ウェブマスターに贈る完璧なガイド » SEO Japan
    wackey
    wackey 2011/01/04
  • 34歳の私が中高生向けのWebサービスに携わって感じたこと。 « モノづくりブログ 株式会社8bitのスタッフブログです

    イチゴミルク飴つきのチラシを配るのでぜひよかったら こんにちは、株式会社8bitの高です。 先週のブログでも書いていましたが、当社のプリクラを使った中高生向けWebサービスがやっとリリースされました。 http://prilabo.net/ ガラケーのみ対応。 そもそもこのWebサービスは、アルバイトで来てくれている現役女子大生のアイデアから始まり、ほぼ20代前半のスタッフで企画・開発しました。 その中で私はというと、ちょっとした進行管理と技術的な部分でのサンプルコードの提供だけ携わった程度です。 一緒にミーティングに参加して、中高生など若年層に向けたWebサービスのユーザビリティーだとか感じ方に愕然とするものがあり、今回はそのことについて書きたいと思います。 はっきり言って、参考書でみるようなユーザービリティーやアクセシビリティーとか、企業に対してプレゼンするときのような提案や企画は

  • WordPressの管理画面をiPhoneなどのモバイル対応にするプラグイン -WordPress Mobile Admin

    WordPress Mobile Admin [ad#ad-2] WordPress Mobile Adminの特徴 モバイルから新しい記事を投稿することができます。 モバイルで撮った写真をWordPressに投稿することができます。 モバイルから記事、ページ、タグ、カテゴリの編集ができます。 モバイルからコメントに返答することができます。 モバイルからプロフィールページを編集できます。 Gravatarをサポートしています。 多言語対応 -WordPressが対応している全ての言語をサポートしています。 [ad#ad-2] WordPress Mobile Adminのスクリーンショット iPhoneを持ってないので、WordPress語版でも大丈夫なのか分かりませんが、導入した際の管理画面はiPhoneで下記のように表示されるようです。 多言語対応なので、日語も平気だと思うのです

  • いいね!割引も可能なフェイスブック内にショップを無料で作れるPayvmentを使ってみた - 新ECおもろ

    Facebook上でショップを無料で開店できるPayvment、以前から気になっていたんだけど 試しに使ってみようと思い、組み込んでみたらこれがけっこう楽にできるので使い方をかんたんにご紹介。 eコマース運営してるならこれはこれでfacebookにショップ立ち上げてみてもいいかもです。 Payvment 特徴は 無料で使える。プログラムなどの知識がなくてもOK。(ショップの主要な機能がそろってます) facebookの中だけで注文が完了できる。(外部サイトとの連携が必要ない) 「いいね!」割引の機能がある。(facebookならではな機能) あたり。 開店までの流れは アプリインストール ファンページに組み込む 店舗情報などを登録する 商品情報を登録する いいね!割引設定(任意) ショップオープン! って感じで、スムーズに商品が販売できます。 では以下もう少し詳しく。。。 ちなみに決済はP

    いいね!割引も可能なフェイスブック内にショップを無料で作れるPayvmentを使ってみた - 新ECおもろ
  • 遅いブログパーツを高速表示する方法

    ブログパーツの表示が遅いと、ページ全体の描画が止まってしまいますよね。 ブログパーツを「非同期化」してしまえば、ストレス無くページが表示されるようになりますよ。 非同期化とは、ページの一部分を、全体のページから独立して描画させる方法です。 方法はいろいろあるのですが、今回はJavascriptの「setTimeout()」関数を利用しました。 setTimeout()は、メインの描画とは別に、指定した時間後に命令を実行する関数です。時間を0にすれば、非同期で動作させることが可能です。 ブログパーツは、主に3つの形に分けることができます。各々の形ごとに、高速化する方法を紹介します。 ●タイプ0 <iframe src=”http://hogehoge.com/blogparts.cgi”></iframe> iFrameのタイプは、すでに非同期化されているため、特に対策は必要ありません。 ●

    遅いブログパーツを高速表示する方法
    wackey
    wackey 2011/01/04
    採用。ありがとうございます。
  • MySQLでサービス停止のないALTER TABLEの検討 - SH2の日記

    MySQLでテーブルへのカラム追加、インデックス追加やテーブルの再編成などを行うと、その間テーブルに共有ロックがかかってしまいます。そのためこれらのメンテナンス処理は、通常利用者の少ない深夜早朝帯にサービスを止めて実施する必要があります。日はそれを無停止、オンラインのままでできないかという話題です。 基的なアイデア メンテナンス対象の元テーブルをコピーして、作業用の仮テーブルを作ります 仮テーブルに対して、カラム追加などの変更を加えます その間、元テーブルに対して行われる更新処理について差分を記録しておきます 仮テーブルの変更が終わったら、記録しておいた差分データを仮テーブルに反映します 差分データの反映が終わったら、元テーブルと仮テーブルを入れ替えます これと似たようなことを考えた方は結構いらっしゃるのではないでしょうか。ただ、言うは易し、行うは難しです。整合性がきちんと取れるかどう

    MySQLでサービス停止のないALTER TABLEの検討 - SH2の日記
  • ヤフーにおけるWebサービスのアクセスコントロール

    ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、R&D統括部 開発推進室 セキュリティプラットフォーム技術 セキュリティスペシャリストの戸田 薫です。 今回は、ヤフーにおけるWebサービスのアクセスコントロールについてご紹介します。 ヤフーでは、会社組織やWebサービスの運営面でいろいろなアクセスコントロールを行っています。 アクセスコントロールをする目的には、いくつも理由がありますが、たとえば、以下の理由が挙げられます。 お客様やパートナーの情報を守らなければなりません。 サーバの制御を奪われ、攻撃に利用されてはいけません。 システムの不正な利用を予防しなければなりません。 今回は、ヤフーのWebサービスにフォーカスして説明をします。 インターネットからヤフーへ

    ヤフーにおけるWebサービスのアクセスコントロール
  • Webサービスを作ったそのあとに、「自分でもできる低コストなWeb PR方法」 « モノづくりブログ 株式会社8bitのスタッフブログです

    こんにちは、株式会社8bitの高です。 ここ最近Webサービスを個人で立ち上げる方が増えているとのことで、よく開発や企画工程についての記事を見かけます。 以下のようなブログ記事を見ていると自分も何か作りたいという気持ちがわいてきます。 ウノウラボ Unoh Labs: 個人でWebサービスを作る時に一番大変なこと 自分でWebサービスを作ってたら起業することになりました – func09 自分でWEBサービスを作りたいと思っている人へ 自分でWEBサービスを作る人、ペパボ創業者・家入一真氏。|ホットココア社長日記 私も前々回くらいにWebサービスの運用についての記事を書きました。 そこで今回は、Webサービスを作ってリリースした後にすることです。 せっかく作っても、見てもらったり使ってもらえないと完成時の満足感なんて2~3日しか持ちません。 反響があって初めて面白いのです。

  • 覚えておくとMacがとても便利になる7つのキーボードショートカット

    Macを使うようになって8ヶ月くらい経ちますが、もうWindowsには戻れないほどメインになっています。まぁマシンスペック的にもMacの方が快適だっていうのもありますけどね。 Mac歴はまだまだ短いですが、やっぱり覚えておいて損のないのがキーボードショートカット。そんなわけで、このショートカット便利だよねーというのをまとめてみました。 (1)ポップアップ辞書を使う 個人的に一番役に立ってるのがポップアップ辞書を使うキーボードショートカット。 海外系のWebサービスを利用していると、たびたび「?」な英単語が出てきますが、そんなときに単語を選択して^+⌘+Dで意味が表示されちゃいます。 (2)再起動の時にパッと使える あんまりMacの電源を落とすことはないんですが、1週間に1度は再起動をかけるようにしていて、そんなときに使えるのが^+Ejectですね。 システム終了させるか、スリープさせるか、

    覚えておくとMacがとても便利になる7つのキーボードショートカット
  • 【ロゴ&マーク大辞典!】

  • はてなOAuthライブラリ公開してみました | さくらたんどっとびーず

    はてな OAuth、あんま盛り上がってませんね! ぶっちゃけ mixi の OAuth に合わせてリリースしてればこんなことにもなってないと思うのですが、PHP ですぐ使えるコピペ PHPer 向け便利ツールが無いのも流行ってない一因じゃなイカと思ったりします。だってはてな API 使えばはてブし放題だし、スパムマーケッター御用達ツールとかアホみたいに量産できるんですもの!(都合により自粛) ということで株式会社はてな様のますますのご発展をお祈りして、OAuth 関係のアプリ作ったことある PHPer なら誰でも知ってると思われる twitteroauth 互換のライブラリを作ってみました。 github に置いといたるので好きに使いーや! sakuratan/hatenaoauth 使い方 リポジトリにサンプルを入れてますのでそっち見てください。gettoken.php が OAuth

    はてなOAuthライブラリ公開してみました | さくらたんどっとびーず