XHTML+CSSでコーディングするときにブラウザのバグを知っているか知らないかでは大きく違いますよね。とりわけ他のブラウザよりバグが多いIE6さんのバグをまとめてみることにしました。そろそろIE7の自動配布が始まるころなので忘れないうちにということで。 とは言ったもののIE6のバグを改めて見てみると多い･･･多すぎるよ！逆にこれだけのブラウザがあるからこそコーダーという職種がある気さえしてきます。 今回は『CSSバグ辞典スレッド』の要約のWinIE CSSバグリストからIE6のバグを抜き出して自分でわかりやすいように種類わけしてみました。これで全てではないですがこれだけ知ってればかなりのケースで対応できると思います。 2012/07/31 追記: リンク先がなくなったのでリンクを外して一覧だけ残しときます。 ちなみにこの種類分けも厳密ではないのであしからず。 ボックスモデル maring
Practical Scheme
Shiro Kawai まだ下書き Schemeの特徴をあげるときに、「継続」や「call/cc」が出て来ないことはない。 でも、R5RSのcall/ccの項をいくら読んでも、どうもよくわからない。 call/ccを使えばC言語のbreakみたいなのとか、コルーチンとかいう スレッドもどきとかが書ける、というのはわかったけど、一体そういうのが書けて 何が嬉しいのか、そこんとこがピンと来ないんだ。 今、そこにある継続 プログラミングの世界の概念には、禅の公案のようなものがある。 それを説明する文章はほんの一文なのに、最初に目にする時、 その文は全く意味をなさない、暗号のように感じられる。 だがひとたびその概念を理解すると、 その概念の説明は確かにその一文で説明されているのがわかるのだ。 そんな、「分かれば分かる」という禅問答の中でも 「継続」は最も謎めいたものの一つと言えるだろう。 文献を紐
こんにちは！もう新卒エンジニアとは言えなくなった西尾です！（社会人2年目） 最近、世界的に流行っているWebスキミングについて調べていたのですが、意外と日本語の情報が少なかったので、今回はWebスキミングについて調べた内容をブログにまとめてみました。 Webスキミングとは Webスキミング（Web skimming）とは、その名の通り Web版のスキミング です。具体的には、ECサイトなどの決済画面に不正なスクリプトを埋め込み、ユーザがフォームに入力したクレジットカード情報を窃取する攻撃です。 一般的には「フォームジャッキング」とも呼ばれている攻撃ですが、個人的には「Webスキミング」の方が直感的に分かりやすいかなぁと思ってます。 Webスキミング自体は数年前から発生していたようですが、昨年イギリスの大手航空会社が大きな被害を受けたことがきっかけで有名になり、最近は世界中でスキミング被害が
Intro 誕生と言うのが正しいか微妙だけど、多分誕生でいいと思います。 というのも、「Ajax」という名前の出典は以下の記事で、この記事が書かれたのが今日からちょうど 10 年前でした。 Ajax: A New Approach to Web Applications (当時から、 URL が一回変わっている) Web 初めてまだ 10 年たって無いんで、全部見てきたってわけではないですが、個人的にはちょっと思い出深い記事だったりするので、ちょっと振り返ってみます。 Ajax: A New Approach to Web Applications 筆者の Jesse James Garrett 氏は UX のコンサルティング会社である Adaptive Path の創立メンバーの一人で、 UX エンジニアです。 この記事の趣旨は、当時既にあった Google Maps や Gmail、G
ルーティンワークはロボットに、創造的な仕事は人間に。月128時間の事務作業を減らしたRPA導入の全貌 | フルスイング by DeNA
「面倒な仕事は、ロボットで自動化できたらいいのに」 働く中で、そう考えたことはありませんか？ 面倒なルーティンワークはロボットに任せ、創造的な仕事は人間がする。そんな“近未来”的な世界が、テクノロジーの進歩により徐々に実現してきています。RPA（Robotic Process Automation ※）によって。 DeNAでは2017年4月からRPA導入のプロジェクトをスタートし、社員データの登録や稟議申請などを自動化して業務効率化に繋げています。IT戦略部 業務改革推進グループの大脇智洋（おおわき ともひろ）と塩田可奈子（しおだ かなこ）、システム開発グループの国賀由慎（くにが よしのり）が、このプロジェクトに“フルスイング”しているメンバーたち。トータルで月間128時間もの工数削減に成功したというRPA導入を、どうやって実現したのでしょうか？ ※……パソコン上のソフトやブラウザで行う業
0 0 0 0 Dropbox はスタートから ８ 年で ５ 億人以上のユーザーを抱えるまでに成長しました。 Dropbox が生まれた一番最初のきっかけは、当時24歳のドリュー・ハウストンのアイデアでした。 「USB メモリーが壊れてデータを紛失しそうになった」 そんな自分の失敗を何とかしたいと考えたドリュー・ハウストンは、その経験から Dropbox を生み出し、8 年で 5 億人以上のユーザーを抱える世界的なクラウドストレージサービスとなりました。 これまで Dropbox はどんな成長をたどってきたのか、これまでの歴史をまとめました。 この記事を最後までご覧いただければ、Dropbox が何をしてきたのか、なぜここまで多くのユーザーに支持された理由がわかるはずです。 ぜひあなたの Web サービス成長の参考にしてください。 1.Dropbox ユーザーの推移 Dropbox は 2
「使える人にだけ使わせる」 ~ マネーフォワード IDのログインUXから見るパスキー普及のポイント - r-weblife
ritouです。 いよいよドコモさんもパスキー対応が始まりましたね！いや、これを書いている時点ではまだです。 k-tai.watch.impress.co.jp それよりも、今回はマネーフォワード IDのパスキー対応に注目します。 corp.moneyforward.com (4/5追記) マネーフォワード側からも解説記事が出ていました。この記事で言いたいことが全部書いてあります。 moneyforward-dev.jp ブラウザのパスワードマネージャー機能を利用したパスワード認証のUX パスキー対応に触れる前に、マネーフォワードIDのパスワード認証のUXから見ていきましょう。 マネーフォワードの「メールアドレスでログイン」のフローを何も考えずに使うと、最初にメールアドレスを入れてからパスワード入力を求めるUXになっています。 このようなUXでブラウザのパスワードマネージャーの機能を使う場
「本を書いてみませんか？」――paperboy＆co.が運営する書籍レビューサイト「ブクログ」は6月22日、ブログを作るような感覚で手軽に電子書籍を作成・公開・販売できる個人向けサービス「パブー」を公開した。作成から販売まで、すべての操作がWebブラウザのみでできる。 本のタイトルや表紙を決め、1ページずつテキストや画像を入力して電子書籍を作成。販売価格（無料～3000円）や無料試し読みページを設定してWeb公開できる。EPUBとPDFファイルも自動で作成。ダウンロードすれば、iPadやKindle、iPhoneなどでも快適に閲覧できる。 文章や画像は、ブログ入力フォームのようなユーザーインタフェースで簡単に入力できる。決済は同社独自の「おさいぽ！決済」のみ対応。クレジットカードへの対応も計画している。売り上げの70％が印税として作者に入り、残りの30％を同社が手数料として受け取る。 今後
パソコンで入力作業をしている際に、文字が左上に出てくる現象ツイートに、注目が集まっている。あるあるですね。 Wordや検索窓に文字を入力する際に、時々おこるあの現象。さまざまな対処法があるようだ 注目を集めているのは、この世で一番憎いものとして、パソコンを利用した人なら、一度は経験のある文字が左上に出てくる現象を挙げたツイートだ。ツイートを見た人達から、この現象のさまざまな発生条件や、対処法などが続々と寄せられた。 そう、これこれ。本当に憎いよね まず現象の原因としては「日本語入力がオンの状態で、デスクトップ画面をクリックして入力すると出てくるらしいですよ」「文字の入力先がデスクトップになっているとそうなります」との声が。どうやら文字の入力先が「デスクトップ」になってしまっているのが原因のようだ。 そして対処法には「他のソフトで同じ症状出た時の対処法なのですが、IME(windows右下の
公共機関や関連サービスが提供するAPI 18選
近年、公共機関などでもAPI提供が行われてきており、格段にできることの幅が増えてきました。 今回は、様々なシーンで使える公共機関や関連サービスが提供するAPIをまとめてご紹介します。 自社サービスに活用できそうなものがあれば、ぜひ使ってみてください。 ※掲載中の利用料金、使用条件は2015年9月25日時点の情報です。今後情報が変更となる可能性がありますのでご了承ください。 なお、料金についての情報が記載していないものについては個別対応としております。 様々なサービスに活用できる公共施設のAPIまとめ 1.RailGo http://www.railgo.jp/guide.html イースト株式会社が提供する、経路探索APIです。 「駅すぱあと」をメソッド化したもので、駅情報を検索したり、駅配列から経路情報を検索したりできます。 また、ホームページ上で体験サービスも提供していますので、気軽に
[対象: 全員] Google Research Blogがユーザーテストに基づいてまとめたレポートから、入力フォームの完了にもっとも大きな影響を与えた設定をこの記事では紹介します。 次の4つの設定になります。 入力条件を事前に指示する エラーメッセージをフィールドの横に配置する 必須の項目と任意の項目を区別しやすくする ラベルをフィールドの上に配置する 順に説明します。 入力条件を事前に指示する 入力条件（たとえば、パスワードの最低文字数）は、フォームを送信する前にフォームのなかで指示します。 このガイドラインの適用は、フォームの完了と被験者の評価に大きなプラスの影響を与えました。また、被験者のコメントにも（前もって指示してもらった方がいいと）頻繁に現れました。 エラーメッセージをフィールドの横に配置する ユーザーがすぐに訂正できるように、エラーメッセージは入力フィールドの隣に配置します
![[Google調べ] 入力フォームの最適化のために必須な4つの設定](https://cdn-ak-scissors.b.st-hatena.com/image/square/f00f4804fe59acd36d8e9d02e50d10db7dc9a119/height=288;version=1;width=512/https%3A%2F%2Fwww.suzukikenichi.com%2Fblog%2Fwp-content%2Fuploads%2Fsplash_1200_675.png)
OperaやChromeなどいくつかのブラウザでは既に使用可能となっている2012年3月頃に正式勧告予定のHTML5。そのHTML5関連技術やweb標準について福岡で開催されたカンファレンス「HTML5 Tech Talk @Fukuoka」に招待されたので参加してきました。HTML5に追加されたaudio要素、video要素、canvas要素などの新しい機能やAPIについて多種多彩なデモを交えたスピーカの方々の講演でHTML5の新しい世界に触れることができました。 「HTML5って何？」、「実際どんなことができるの？」、「動いているサンプルを見てみたい」と感じている人もいるのではないでしょうか。そこで、著名な専門家の方々が今回の講演で用いたスライドやデモプログラムを紹介したいと思います。 詳細レポートは、以下から。開場前の様子。机といすが整然と並べられているだけでガランとしています。 会
SEO重要要因ランキング（Google版）―日米SEOプロ60人が評価した重要度 | SEOで効く! 検索エンジンが順位を決定する57個の要因 日米SEOプロ60人のグーグル&ヤフー対応版
この特集で挙げた57の要因に関して、Googleに限定して集計した重要度のランキングを示す。 プラス要因トップ20（Google）titleタグ内でのキーワード使用被リンクのアンカーテキストサイト全体でのリンクポピュラリティサイト開設からの経過時間サイト内部構造としてのリンクポピュラリティ被リンクの話題関連性話題コミュニティ内でのリンクポピュラリティ本文でのキーワード使用リンク元サイトのサイト全体でのリンクポピュラリティ被リンク増加率外部サイト／ページへのリンクの質や関連性リンク元ページとの話題の関連性リンク元サイトの話題コミュニティ内でのリンクポピュラリティ本文のコンテンツとキーワードの（トピック分析による）関連性文書公開からの経過時間h1タグ内でのキーワードの使用インデックス可能なテキストコンテンツの量リンク設置からの経過時間サイトの主要テーマと検索の関連性リンク元サイトとの話題の関連
ECサイトやSaaSのアカウントを作るため、入力フォームに全角で住所を打ち込み。番地や郵便番号などの数字は半角で書き、情報を登録しようとしたら「この情報は半角では入力できません。全角で入力してください」。よく見るとページ内に「番地は全角で入力してください」という注意書きがあったので、再度打ち直し──入力フォームを使ったことがある人なら、多くの人がこんな面倒な経験を味わっているのではないだろうか。 こういった仕様は巷（ちまた）にあふれており、ネットで「全角・半角問題」などと呼ばれている。ユーザーに不便を強いているにもかかわらず、このような入力フォームはなぜなくならないのか。 この課題のソリューションとして、ユーザーが入力フォームに打ち込んだ文を自動で半角・全角に統一するなどの機能を持つJavaScriptライブラリ「InputManJS」を提供するグレープシティ（仙台市）の若生尚徳さん（ツー
前々から思っていたんですが、住所を入力する際に全角で入れてくださいという指定をされていることがよくあります。これ、毎回イラッとします。 住所が全角だろうが半角だろうが、システム側で勝手に変換制御してくれよって思います。システム上、全角でないとマズイかどうかは利用者にとっては関係のないことです。 例えば、住所が福岡市天神1-2-3だった場合、福岡市天神１−２−３と入れなおす。そうすると−が全角ではありません。と出てきたり…。この「ー」もたくさん候補があるので、どれが全角だったっけ…と何度か試すこともあったり。まぁ、１丁目２番地３と書けばいいんですが。かたや、電話番号は半角で入れてくださいとか、まぎらわしい。 そのほか「住所の文字数がオーバーしています」って出てきたこともあります。マンション名が記入できませんでした。しょうがないので、マンション名をイニシャルで省略しました。小さなことかもしれま
ウェブサイトの使い方を目の前でアニメーションして説明するスクリプトをどんなサイトにでも埋め込める「Embedded Help System」
目の前でマウスカーソルを動かして説明すると理解してもらえるという場合に使えるのがこのjQueryのプラグインとして動作する「Embedded Help System」です。どのようなサイトにでも埋め込んで使うことが可能となっており、最大の特徴は実際のフォームやチェックボックスなどを操作する様子を目の前で見せてくれるという点。 一体何を言っているのかわからないと思いますが、これは実際に目の前でデモを見てもらうのが一番わかりやすいです。 デモは以下から。 Embedded Help System http://embedded-help.net/ デモを見るにはこの「Usage」ページにまずはアクセスします。 次に「Search database」をクリックするとこのようにしてクリックして使う順番の数字がふわっと浮かび上がります。これだけでも割とわかりやすいのですが、ここからが真価を発揮すると
東京オリンピックについて、これまで関係組織からの発表や報道されたサイバー関連事象についてまとめます。この記事は個別事象を整理したもので各々の関連性は一部を除きありません。また大会期間中のものを判別つきやすくするためタイトル部を赤文字で記載しています。 大会中に起きたこと 東京オリンピック期間中、過去大会で見られたようなサイバー攻撃などに起因する情報流出やシステム破壊の発生は報じられなかった。また官房長官は「サイバー攻撃に起因する問題発生は確認されていないとの報告を受領している」と7月26日にコメントしている。*1 大会後は経産大臣が電力やインフラなどのサイバーセキュリティに関してテロの様なものはなかったと説明した。*2 サイバー空間上でオリンピックに関連する事象が何もなかったわけではなく、大会に乗じた偽動画配信などの詐欺サイトの存在が報告されていた。またSNS上で選手への誹謗中傷が行われる
＜ 前のエントリトップページへ最新のエントリです個人的にもう一度読みたい2008記事あけましておめでとうございます。昨年紹介した11,845記事の中から個人的に秀逸だと思ったものをご紹介します。デッドリンク、ネガティブなもの、時事ネタははなるべく外しました。これでも上半期なんですが、数が多くユルめなので正月の暇つぶしにでもどうぞ。年間ランキングはまた今度。 ■一般 ここまですれば眠れるはず、深い眠りに達するための24の方法 http://gigazine.net/index.php?/news/comments/20080513_deep_uninterrupted_sleep/ 不眠解決法は？ あなたの快眠度チェック！ http://allabout.co.jp/gs/goodsleep/closeup/CU20061215A/ 本当に睡眠時間を短くする方法 - コトリコ http://
エンジニアのためのWebデザイン教室：ITpro
Webプログラムを手がける企業であっても，必ずしもWebデザイナが存在しているとは限りません。プログラマが自分でデザインを適用しなくちゃならないことも少なくありません。 技術者の人と会話をすると「僕にはデザインのセンスがなくてね」という自嘲的な発言をよく耳にします。しかし，Webデザインにセンスは必ずしも不可欠ではありません。ちょっとしたポイントを学習することで，誰にでもしっかりデザインされたページが作れます。HTMLとCSSによる実装を通して，デザインの基礎を学んでいきましょう。 第1回 Webデザインに必要なのはちょっとした知識と訓練 第2回 Webデザインの基礎はHTMLの構造にあり 第3回 文書を装飾するのはCSSの役目 第4回 Webデザインの基本を学ぶための環境について 第5回 HTML文書を装飾するCSSの基礎（その1） 第6回 HTML文書を装飾するCSSの基礎（その2）
はじめまして。昨年末ライブドアに入社しました阿部です。 入社してまだ日が浅いということで、今回は前職でのナレッジを一部ご紹介したいと思います。 前職ではアフィリエイト広告を主軸としたWeb専業の広告代理店で、Webプロモーションのディレクションを担当していました。 アフィリエイト広告の特性上、例えばランディングページ（以下LP）であればコンバージョン（成約）を意識したクリエィティブであることが重要です。なぜならクリエイティブの視点からもコンバージョンを意識する事で、目に見えて広告効果が改善されるからです。 そしてコンバージョンを意識したクリエィティブは、アフィリエイト広告のLPに関わらず、多少なりともコンバージョンアップに気を配るページであれば、流用可能なものばかりです。そのため、知っていて損の無い10項だと思われます。 当たり前の事柄ばかりを集めましたので、現在のLPに漏れが無いか、宜し
Kawa.net は、川崎有亮（かわさきゆうすけ）のウェブサイトです。 このサイトでは主に、JavaScript・Perl・ActionScript などの技術情報を載せています。 Kawanet Blog II（ウェブリブログ） でも、日々の知ったこと・思ったこと・試してみたことを書いています。 2012年9月から、 Kawanet Blog III（はてなブログ）に引っ越しました。 国内・海外の技術系カンファレンス Shibuya.pm、Shibuya.js、 YAPC（東京、シカゴ、コペンハーゲン、リスボン、リガ）、OSDC.TW（台北）、 Google Develoeprs Day、Adobe MAX などで講演したり、 The JUI、TokyoCloud などのイベント企画・運営も行っています。 ≫もっと詳しく 著書に、インプレスジャパン『ソーシャルストリーム・ビジネス』（共著
teratailに以下のような投稿がありました。 PHPでメールフォームを作成したので、脆弱性がないかアドバイスいただけないでしょうか。 エンジニアでもなければ、PHPもろくに書けない雑魚ですが、「php メールフォーム 作り方」でググって表示されるサイトを見ると、「んんんんん？？？」と思うところがあります。 これらを参考にしたり、コピペする方は、記述されているコードの良し悪しは判断できないかと思います。 そのような方々が参考にできるメールフォームを作りたいという思いで、調べて作りました。 周りに書いたコードを確認してもらえる人もいないので、皆様からのアドバイスがほしいです((_ _ (´ω｀ )ﾍﾟｺ 【PHP】作成したメールフォームに脆弱性がないか、アドバイスもらえないでしょうかより引用 どれどれ…と確認すると、トークンのチェックが入っているにも関わらずクロスサイト・リクエストフォージ
たかがパクツイで炎上させるのってやりすぎじゃないですか？
みなさんこんにちは、小野ほりでいです。 Twitterに無断転載、されてますか？ 私はもう58回ぐらいされて、どうでもよくなりました。 ＜登場人物＞ エリコちゃん 「仕事をする気が起きない」が口癖のOL。 ミカ先輩 「仕事をするなんて滅相もない」が口癖のOL。 ふぅ～…危ないところだった。 やめてほしいわね、今後の展開とまったく関係ない大砲…。 先輩、今回はトゥギャッチ読者のキヨミさんから質問が来てますよ。 やった～！ エリコちゃん、ミカ先輩、いつも楽しく拝見しております。 最近Twitterで、人のツイートをパクった人が批判されたり、 ひどいときには炎上しているのをよく見るのですが、 正直騒ぎすぎではないのかと思います。 剽窃や転載は悪いことですが、 もはやそれを通り越して私怨で叩いているようにしか見えません。 お二人はどう思われますか？ あと、最近更新ペースが落ちているように思えるので
Deno入門 ─ 新しいTypeScript/JavaScript実行環境でWebアプリ開発とデータベース接続の基本を体験しよう｜ハイクラス転職・求人情報サイト AMBI（アンビ）
例えばmain.tsというスクリプトに対して、ファイルの読み取りだけを許可したい場合は、以下のようにコマンドを実行します。 $ deno run --allow-read main.ts このときmain.tsプログラムはファイルの読み取りだけが可能になるため、ファイルの書き込みやネットワークアクセスをするとPermissionErrorによる実行時エラーになります。 なお、実行時にフラグを何も与えなければ、どの権限も持っていない状態になります。 各フラグにはパラメータを指定でき、例えば次のように実行すると/home/userディレクトリの読み込みだけが許可されます（--allow-writeフラグも同様）。 $ deno run --allow-read=/home/user main.ts また、--allow-netを次のように指定すると、特定のドメインとポートだけのアクセスを許可で
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、フロントエンドエンジニアの近藤です。Yahoo! JAPANのスマートフォンのウェブトップページのフロントエンド開発業務と、社内で利用されているデザインシステムの開発に携わっています。 近年、デジタルプロダクトを持つ多くの企業で、デザインシステムが活用されています。デザインシステムには、ビジュアルとしてのデザインの規定だけでなく、実際のプロダクトに利用できるUIライブラリやコンポーネントライブラリなどが含まれます。そのため、デザインシステムの構築にはデザインとエンジニアリングの両方の力が不可欠です。 本記事では、私が開発に携わっているデザインシステム「Riff」の紹介とともに、フロントエンド部分におけるデザインシステム
デジタル庁は9月17日、新型コロナワクチンの接種証明書を、スマートフォンで電子交付する際の仕様案を公開し、意見の募集を始めた。マイナンバーカードを使って専用アプリから申請すれば、スマホ画面に証明書を表示できるようにする案だ。ワクチン接種情報を取得するAPIも提供し、事業者が予約サイトなどで使えるようにする計画だ。年内にサービスを開始する予定。 ワクチン接種証明書の電子交付は、既に交付が始まっている紙の証明書と同じ内容を、スマートフォンに表示させる仕組み。 仕様案では、専用の「接種証明書アプリ」をダウンロードし、マイナンバーカードと4ケタの暗証番号を入力して申請すると、2次元コード付きの接種証明書が交付される。2次元コードからは、氏名や生年月日、接種日、ワクチンのメーカーやロット番号といった情報が読み取れる。 海外渡航予定がある人は、専用アプリでパスポートの指定エリアを読み込めば、パスポート
GASとVueでサーバレス社内向け工数管理（勤怠管理）を作ってみた。｜Hot Factory Creators
初めまして、ホットファクトリーでフロントエンドを担当しています森本です。 これまでスプレッドシートを使って社内チームの工数管理を行なっていたのですが、 「もう少し細かい工数管理がしたい。」 「集計がしずらい」 「残業管理もできれば」みたいな要望が上がってきたのと、最近自分の中でVueが熱かったのと、あくまでコストをかけないという事でgoogleスプレッドシートとGASを使って、サーバレスの環境で今回の実装をしてみました。 ざっくりこんな仕様です。 ・スプレッドシートでクライアント、プロジェクト、案件を管理 ・ユーザーが投稿するフォームにはスプレッドシートのクライアント、プロジェクト、案件が選んだ内容でプルダウンが切り替わる。 ・ユーザーは１日ごとに行なった「クライアント」「プロジェクト案件」「かかった時間」をフォームから入力 ・フォームがSUBMITされた内容を計算用シートにぶち込む。やっ
先日、某サイトの住所入力フォームで都道府県を選択する時に、都道府県の並び順がアイウエオ順になっていて驚きました。都道府県の項目の選択肢が「愛知県」から表示されていて最初全く意味がわかりませんでしたし。普段、北海道で始まって沖縄で終わる、北から南に並ぶ順序に慣れているので、かえって自分の住んでいる県を探すのが大変でした。 たぶん、サイト制作者さんはアイウエオ順に並べることで探しやすくなるだろうって思ったのかもしれませんが。なんというか、金額で4桁ごとにカンマが打ってあったり、タッチパネルキーボードでアイウエオ順に並んでいるのを見た時と同じような感覚を持ちました（笑） 他にも今まで見たフォームで違和感を覚えたのは、「北海道、青森県、岩手県…」と一応北から南へ順番に並んでいるんですが、福島県で東北地方が全部出た次は関東になるのかと思いきや新潟県になってたりした並び順とか。緯度を基準にすればそうな
家計簿をつけて無駄な出費を省く に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。nanapiでライフレシピ生活！ あなたのライフレシピを待っている人たちがいます あなたが生活でちょっとうまくやっていること、 それを知りたがっている人たちがいます！ あなたの投稿で、 みんなの生活をハッピーにしてみませんか？ nanapiに参加する（無料） 家計簿をつけると無駄が見えてくる 何気なくお金を使っていると、いつの間にか財布の中が寂しくなってきてしまいます。欲しいものはたくさんありますが、ぐっと堪えるためにもせめて今月はどれぐらい使っているかを把握していれば、「おっと、いかんいかん」となるかもしれません。 Google Docsで家計簿をつける GoogleのWebサービスにGoogle Docsというものがあります。 MicrosoftのO
10分で作るYahoo! OpenID RP
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは。システム統括部脇阪です。 「OpenID関係の記事を24時間書く」という依頼の元、がんばって何か書こうと思います！ OpenID関連の記事ということで、今回はYahoo! JAPANのOpenID対応RPを構築する方法を紹介したいと思います RPって何？ RPとはRelying Partyの略で、OpenIDでログインできるサイトのことです。日本ではsmart.fm(旧iKnow!)が有名です。 ちなみにOpenIDを発行しているYahoo! JAPANやmixi,livedoorなどのことはOP(OpenID Provider)と言います。今回はOPに関しては取り扱いません。 RPになるメリットって？ ユーザーごとに
ユーザーエンゲージメント部の諸橋 id:moro です。 わたしはずっと、ユーザー登録やログイン周りという、サービス的には基盤的なところ、技術スタック的にはアプリケーション寄りのところに取り組んできました。関連する話を何度かこの開発者ブログにも書いています。 ユーザー基盤を作り直しながらRailsでのサービス層に向き合う 巨大なWEBアプリケーションに巨大な変更を取り入れるためにやったこと この記事で触れている「電話番号による登録」について、チームメンバーが別の側面を紹介してくれています。 今日はそのあたりの開発を通じて考えた、Railsアプリケーションでのフォームオブジェクトやサービス層といったものが何であるか、という問いに対する、現在の自分のスタンスを紹介します。 サービス層、サービスオブジェクト、フォームオブジェクト もともと Railsは Web 画面から DB 構造までをあえて密
0 0 225 0 考えれば考えるほどアイデアが浮かばないとお困りですか？そんなときにマンダラートが役に立つということは知っていても、やり方がよく分からないとお感じではありませんか？ マンダラートはすでにあるキッカケから連想していくという人間の思考を利用して、自然に頭の中にあるものを書き出すことができるアイデア技法です。特に勉強することや用意するものがないので手軽に始められる上に、実際にやってみるとかなりの威力を発揮してくれます。 この記事では Web 制作や Web プロモーションなどで数多くの営業ツールやプレゼン資料の作成に関わってきた筆者が、これまでに実践してきたマンダラートの活用法を解説します。基本から実際にマンダラート図を作成する手順、そしてマンダラートを簡単に描けるスマホアプリやテンプレートもご紹介していますので、ぜひご一読ください。 出そうで出ないとお感じのアイデアが、きっと
p2.2ch.net βバージョン
２ちゃんねる公式ビューア「p2.2ch.net」なら、もう人多杉はありません。 携帯／PC両対応。どこからでも快適２ちゃんねるをどうぞ。 もうすでにモリタポアカウントを作成済みの人は今すぐp2をご利用できます。モリタポアカウントのメアドとパスワードでログインして下さい。 モリタポのご利用が初めての人は、アカウントを作成してください。モリタポアカウントの作成は無料です。 p2.2ch.netは、ブラウザからそのまま使える2ちゃんねるビューアです。2chが人大杉状態で混雑して表示できない時でも快適にアクセス可能。閲覧のみの利用は無料、p2.2ch.net経由で書き込みをおこないたい場合は年間1000モリタポ（＝100円）必要です。ウェブ＆携帯両対応済み。 p2.2ch.netへのログインにはモリタポアカウントが必要です。まだの方は新規作成してください。 →モリタポって何？ 耳より情報
Mozilla Re-Mix: 2009年 [moziller]がお世話になった32個のFirefoxアドオン
2009年も多くのFirefoxアドオンが公開され、ユーザーの好みや用途に応じて様々な機能を提供してくれました。 今回は、まとめシリーズ第3弾として、mozilerが今年お世話になった現在利用中のFirefoxアドオンを32個を公表してみたいと思います。 何年も使い続けている定番もあれば、今年新たに利便性を与えてくれたものもあり、自分にとっては無ければ困るものばかりです。 それでは、今回も長くなりますが、おつきあいください。 1.All-in-One Sidebar ブックマークはもちろん、履歴、ダウンロードなどあらゆるパネルをサイドバーで開くことができるようになります。 日本語で細かなカスタマイズも可能で、手放すことができません。 参考記事：（古いですが・・）Firefox2.0対応「All-in-One Sidebar」 2.Clear Text Fields 入力フォームに記入済みの
0 0 223 0 本記事は Dropbox Paper チームのリーダーのカビータによってこちらで執筆された記事の和訳です。 Dropbox Paper の最も優れた点のひとつはシンプルさですが、逆に言えば、Paper がシンプルであるために、よく利用しているユーザーさえも気づいていない機能が実は多いということです。最近、お客様とのミーティングで、Paper の「知られていない」機能をいくつかお知らせしたところ、大変ご好評をいただきました。そこで、こちらでも皆様にご紹介させていただきます。 今回ご紹介する機能は、私たちも毎日使用している便利なものばかり。これらの機能で、スピーディーかつ簡単に仕事を進められるようになりますので、ぜひお試しください。 1. Markdown による書式設定 Paper が Markdown をサポートしているのをご存じでしたか？ Markdown 書式設定の
デザインシステムとは、サービス開発する上で必要となるデザインの概念、スタイルガイド、コンポーネント集などで構成されるデザインのルールです。 Salesforce.comの「Lightning Design System」が2015年に登場して以来、多くの企業がこのデザインシステムを導入するようになりました。 プロトタイピングツールで有名なUXPinが提供するデザインシステムプラットフォーム「adele」では、90個以上（2019年12月現在）ものデザインシステムが公開されています。その企業のラインナップを見ると、大手ITベンダー、SaaSベンダーのみならず、自治体、金融機関、大学など多くの業界で、組織のブランド確立のために、デザインシステムを活用していることが分かります。 GoogleやAppleが提供するデザインシステムは、既に多くのブログで語りつくされていますが、その他の企業でも素晴ら
白栁隆司@エンジニアカウンセラー @ShirayanagiRyuj @assialiholic すみません。 何故悪いフォームなのかが理解できないのです。 普通のフォームだな、と思ってしまいます。 お手数ですが、解説をお願いできますでしょうか？ 2020-09-11 10:46:09 歩くCSS設計完全ガイド / HubSpot Tech Ninja @assialiholic @ShirayanagiRyuj 主に ・カードのブランドは選択させる必要がない（カード番号から判別できるため） ・カード番号入力欄が4つに分かれている（おまけに4桁入力したら勝手に次に遷移するので、修正が面倒です。入力欄は1つでOK） ・有効期限に独自の並び、形式を使用している（ここでめっちゃハマりました） です！ 2020-09-11 10:50:52 白栁隆司@エンジニアカウンセラー @Shirayanagi
0 0 220 0 Dropbox Paper はただのドキュメント ツールではありません。アイデアを出しあいながら共同作業をするための自由なワークスペースです。簡単に始められる Paper ですが、使えるツールを少し増やせばさらに便利になります。基本機能だけではなく、もっと Paper を使いこなしたいとお考えの皆様に、10 種類のツウな機能をご紹介します。 1. テキストをハイライトする 長いドキュメントを作成したけれど、チームに見てもらいたいのは重要なフレーズ数か所だけ。そんな時は、特定のテキストをハイライト表示できるキーボード ショートカット（Mac では cmd + E、Windows では Ctrl + E）を活用しましょう。これで読む相手の時間も節約できます。 2. リンクを手早く作成する リンクを付けたい時は、テキストに URL を貼り付けるだけで完了です。後は Paper
HDDのパフォーマンスを通常より4倍から6倍引き出すことも可能なデフラグソフトが「UltimateDefrag」です。複数のデフラグ方法があり、スケジュール機能なども搭載しています。高速化の仕組み、インストール、操作方法は以下から。 UltimateDefrag - The Defragger For Power Users - Trial http://www.disktrix.com/UDFree.htm ◆高速化の仕組み 使用頻度の高いデータを全体の20％と想定し、そのデータをアクセス速度が速いディスクの外側（水色部分）に配置させ、使用頻度の低い残りの80％のデータをディスクの内側（黄色部分）に配置して、ディスクアクセスを高速化させるという仕組みです。これはパレートの法則にのっとって考えられています。 ◆インストール 公式サイトの下にある入力フォームにFirst Name（名）/La
脆弱なAWS S3侵害によるユニクロオーストラリアの入力フォーム改ざんについてまとめてみた - piyolog
Netcraftは、2019年5月13日頃にユニクロのオーストラリア向けオンラインショップが改ざんされ、画面上で入力する様々な情報が外部へ流出する可能性があったと報告しました。データの送信先や改ざんの手口から、RiskIQなども発表していたmagecartによる攻撃を受けたとみられます。 その後レポートは更新され、ファーストリテイリングより提供を受けた情報を元に、実際にはカード情報を含む顧客データが盗まれた可能性は低いと訂正されました。ここでは関連する情報をまとめます。 ユニクロオーストラリアの侵害 2019年8月29日、Netcraftが調査レポートを公開した。 news.netcraft.com Netcraftが事態を認知したのは2019年5月18日。 オンラインショップ利用者の情報が影響を受ける可能性があった。 発表当初はカード情報が必ず窃取される報告だったが、その後その可能性は低
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IE6のバグのまとめ - Webtech Walker
最近流行りのWebスキミングについて調べてみた - セキュアスカイプラス
Ajax 誕生から 10 年とこれから - Block Rockin’ Codes
Dropbox の歴史｜Dropbox はこうして 5 億人超のユーザー支持を得た！
「本を書いてみませんか？」――ブログ感覚で電子書籍を作成・販売 ペパボ「パブー」
パソコンで「入力した文字が左上に出てくる」あの現象が話題に、対処法も
[Google調べ] 入力フォームの最適化のために必須な4つの設定
福岡で開催されたHTML5カンファレンスに参加してwebの新しい世界を体験してきました
不便で仕方ない「住所入力の全角・半角問題」はなぜなくならないのか 専門家に原因を聞く
入力フォームの迷宮。全角数字を強要するフォームを理解できません。 | SHINGO IRIE
東京オリンピックのサイバー関連の出来事についてまとめてみた - piyolog
個人的にもう一度読みたい2008記事 - everything is gone
コンバージョンを意識したページクリエィティブの当たり前10項
Kawa.net xp - Ajax＆Perl技術情報（川崎有亮）
teratailに投稿されたメールフォームにCSRF脆弱性が残存した理由 | 徳丸浩の日記
フロントエンドから取り組むデザインシステムの改善 #UI
スマホ版「ワクチン接種証明」はマイナンバーで申請 事業者向けAPIも提供へ
住所入力フォームなどで使う都道府県の並び順について調べてみました | えすたくぶろぐ
Google Docsで家計簿をつけて無駄な出費を省く方法 | nanapi[ナナピ]
Railsアプリケーションでフォームをオブジェクトにして育てる - クックパッド開発者ブログ
マンダラートとは？９つのマスで閃きが加速する一流のアイデア発想法
Dropbox Paper を使うときに知っておきたい 15 のヒント
UIデザイナーが知っておきたい海外の優れたデザインシステム17選 | ベイジのUIラボ
「よくあるクソフォームだ！」このクレジットカード入力フォーム、どこが悪いのかわかりますか？
知っていると役に立つ、Dropbox Paper のツウな機能 10 選
パレートの法則を駆使して高速化する無料デフラグソフト「UltimateDefrag」