皆さん、フォーム作ってますか？ Webサイトやアプリを作るにあたって避けられないのがForm作成、多くの方が autocomplete を設定するなど、より使いやすいフォームを作成するために尽力されていることと思います。 一方で、悪気なく書いたコードでより使いにくいフォームになってしまっている例が世の中には多く見られます(特に銀行系) 今回は、よくあるフォームの実装を例に、(特に日本語話者にとって)より使いやすいフォームにするためのちょっとした仕様や私が考える対策を書いていこうと思います。 忙しい方のために最初に書いておくと、この記事に書いてあることの多くは autocomplete の仕様を意識した実装をしましょう の一言に集約されます。 多くの方にとっては「何を当たり前のことを」と思われる項目も多いかとは思いますが、当たり前のことがされていないフォームが世の中には多すぎるので、少しでも

こんにちは、富士榮です。 ちょっと前に某所でダメダメな認証系の技術実装ってなんだろうねぇ、、という話をしていたことをXで呟いたところ、色々とご意見を頂けましたのでまとめて書いておきます。

巷で話題になっているこの話題、画像をスクレイピングやダウンロードされたくないということで騒がれています。その話に関しては色々な意見があると思ってますがここでは置いておくとして・・・ 技術的にやるとしたら実際どれくらい対策できるの？ということが気になったので、自分の知識で出来る限り対策したものを作ってみることにしました。 最初に 賢い方はわかると思いますが、タイトルは釣りです。 絶対に画像をダウンロード&スクレイピングさせないページは存在しません。ソフトウェアにおいて絶対と言う言葉はまず存在しないのです。ブラウザで表示している以上、仕組みさえわかれば技術的には可能です。 そのため、 「元画像のダウンロードとスクレイピングを非常に困難にしたWebページを本気で作ってみた」 が実際のタイトルかなとなります。 とはいえ、この仕組みであれば大多数の人は機械的にスクレイピングすることを諦めるレベルの作

かけだしちゃん @kakedashi_chan 未経験から100話でキラキラWEBデザイナーを諦めるかけだしちゃん その4 キラキラWEBデザイナーへの第一歩！SNSアカウントを作るよ～！ #Web制作 #webデザイン #コミックエッセイ pic.twitter.com/Tu7NZAFyG7 2022-01-21 20:00:59

The Web3 ecosystem has been variously described as a collective hallucination, a massive grift, an environmental disaster, a decentralized renaissance, and the future of the Internet. That’s a lot to live up (and down) to. Here in the PSL Studio, our veteran engineering team (hi, nice to meet you!) has been building fun new Web3 projects. Along the way, we’ve been taking notes on what we’ve learne

※大幅に追記、更新しました。それに伴って有料化しました（すみません） 株式会社プッシュの阿部と申します。 6ヶ月ほど前に作ったWebメディアが3ヶ月後からドカンと跳ねました。 立ち上げから6ヶ月。累計で1,321万PVを獲得しました。流入元の90%以上はSEO(Organic)です。成長中なので、年間で4,000万PV到達ペース。 この記事では、このサイトを作った私の実体験から学んだことをお話します。 - メディア関係者 - アフィリエイター - オウンドメディア担当者 - SEO担当者 - SEOコンサル - Web制作関係 ↑このような方には、絶対に役に立てる記事だと思います。 この記事を読んでいただければ 「300万PVを一人(社員ゼロ)でやる方法」 「最速でSEOメディアを伸ばす方法」 が分かるはずです。 あまり教科書的な内容ではありません。なぜなら教科書的な内容は役に立たないから

追記） プログラミング教育・就活などについてツイッターでも発信しています。この記事を読んで興味を持っていただけた方がぜひフォローよろしくお願いします！ ------------------------------------------------------------------------- プログラミングで「これ創りたい！」というときに何を学んだらいいのか創りたいもの別にまとめてみました。 主にAidemy, Progate, noteのチュートリアルの教材をまとめた記事になります。これから学習するルートに従って勉強を始めると、創りたいアプリができるようになると思います。全体像はこんな感じになります。 ①Webページを創りたい まずはWebページの作り方です。お店のホームページなどを作るためには、以下の言語を学ぶ必要があります。 ・HTML ・CSS ・JavaScript ・jQ

2018/02/13追記：「サンプル用のドメインを使おう」の説明に “.example” と “.test” の使い分けについて追記しました。 Web システム開発時のテストデータを作成する時、また各種ドキュメントを書いている時など、サンプルの URL を使う場面は多いと思いますが、その時に適当なドメイン名を使うのはやめましょう、という話です。 知っている方には当たり前レベルの話ですが、意外と IT 企業のシステム開発現場等でも普通に見かけることがまだまだありますので・・・。 よく見かける例 例えば、こんなドメインの URL で開発中システムのテストデータを作っていたり、仕様書に説明が書かれていたりする場面をよく見かけませんか？ test.com aaa.com abc.com sample.com dummy.com hoge.com でも、これらのドメインって存在していて、また実際に利

- はじめに - 最近はWebスクレイピングにお熱である。 趣味の機械学習のデータセット集めに利用したり、自身のカードの情報や各アカウントの支払い状況をスクレイピングしてスプレッドシートで管理したりしている。 最近この手の記事は多くあるものの「～してみた」から抜けた記事が見当たらないので、大規模に処理する場合も含めた大きめの記事として知見をまとめておく。 追記 2018/03/05： 大きな内容なのでここに追記します。 github.com phantomJSについての記載が記事内でありますが、phantomJSのメンテナが止めたニュースが記憶に新しいですが、上記issueにて正式にこれ以上バージョンアップされないとの通達。 記事内でも推奨していますがheadless Chrome等を使う方が良さそうです。 - アジェンダ - 主に以下のような話をします。 - はじめに - - アジェンダ

サインアップのフローであれ、マルチビュー・ステッパーであれ、ありきたりのデータ入力であれ、「フォーム」はデジタル・プロダクト・デザインにおいて最も気を遣わなければならないものの1つです。 そこで、今回は一般的にフォーム・デザインで何をやり、何をやらざるべきかについてお話したいと思います。あくまで一般的なガイドラインですので、そのようなものとしてご理解頂いた上で、皆さんの参考になれば幸いです。

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? フロントエンド開発という言葉があちらこちらから聞こえてくる。 「反対語はバックエンド開発だから、サーバとかCUIじゃない、アプリとかGUIあたりのことを指す広い意味の言葉だよね。」 ・・・とか思ってたらとんでもない。 世の中ではJavaScript界隈を限定している風な使われ方をしている。 私のような C/C++ メインのレトロエンジニアは肩身が狭くなるばかりである。 本文は、近年のWeb技術に追いつこうと調査した結果のメモ書きである。 n番煎じの内容だが、Web業界にいない人間の視点 なので、私と同類のレトロエンジニア等、一部の人には

５０円で東大生が売ってたので買ってきました。 www.ryosuke-takano.net これは！！ 東大生だから東京在住だよね？こんな遠い地方まで（中国地方）本当に交通費自己負担で学生さんが来てくれるんだろうか？（いやいや東大生だからもしかしてお金持ちのご子息かもしれない）ダメ元でとりあえずチャレンジ！ツイッターで問い合わせをしてみました。 依頼した内容は「小学２年の息子と数学を語ってほしい」 なんと即答で引き受けてくださいました。たぶんね、遠いし相手は子供だし最初は（ゲッ！）って思われたと思うんですよ。ブログの記事をいくつか拝見しましたがお若い方のノリで私とは全く接点はなさげですし。でも国内ならどこでも行くと書かれた以上断るわけにもいかないでしょうし引き受けてくださったんだと思います。 ダイレクトメールで日時の打ち合わせ、うちの息子が自閉症スペクトラムであることを含めどんな子であるか

長いです。 ついさっき、イケダハヤトって人について書いた記事を読んでたんすけどね。 あ、俺も昔ちょっとブログやってたことある人なんですけど。 あれつくづく俺と対極にいる人なんだなあと思いました。 個人的な感情としては「そこまでしなきゃマネタイズできないとか向いてないからやめたほうがいいよ」としか思わないんですけども、同時にだれもが文章一本で金とれるわけでもない、ということもよく知っています。 俺はかなり自覚的なアマチュアリズムの信奉者でした。書籍化とかまあそういう話もそこそこあったんですけども、一度の例外を除きすべて断ってます。まあ商業に乗っかることのめんどくささってのがいちばんでかいんですが、それ以上に俺には「自分の文章を換金する」気がかなり強固な意志としてなかった。ブログでもそれを鮮明にしていたはずです。 アマチュアリズムというとかっこよく聞こえるんですが、要は「無料なんだからなに書い

どうもこんにちは。 風刺大好き、表現の過激派リベラルのMistirです。 さて……。 ここ数日少し忙しく、時流を逃してしまった感がありますが…… 2015年10月1日、突如としてTwitterのトレンドに 「ブレンディのCM」 というワードが現れました。 海外の方が「日本の気持ち悪いCM」としてツイートしたものを、ある日本人Twitterユーザーが引用したことで広まったようです。 Japan has a creepy new ad out. I don't even... https://t.co/V0pVFqX1kq — Richard Smart (@tokyorich) 2015, 10月 1 実際に見てみてください。 それが一番です。 【追記】 消えてるやんけ！！！！！ ってことで。解説します。 ・牛の鼻輪をした「生徒たち」が「卒牛証書」を校長に配られる。 ・校長によってその場で「

7. 通常のWebサーバとの通信 <html> <body> <form action=“register” method=“POST”> 氏名:vultest<BR> メールアドレス:vulte[email protected]<BR> 性別:ç”·<BR> （以下略） </html> POST /confirm.php HTTP/1.1 Host: example.jp （以下略） Cookie: PHPSESSID=xxxxxxxxxx name=vultest&mail=vultest%40example.jp&gender=1 HTTP Response HTTP Request 8. 色々いじってみてどういう応答があるか確認 POST /confirm.php HTTP/1.1 Host: example.jp （以下略） Cookie: PHPSESSID=xxxxxxxxxx name

平成生まれの僕が見てきたインターネットの世界 読みました。昭和(1970年代)生まれのオッサン的にもインターネットで話題！　とかアオリをテレビや新聞の広告やニュースで見る度に、「ドコのインターネットやねん！」と心の浜田雅功が突っ込む事が多々あるわけで。 でもその一方で、「僕の知っているインターネット」はどういうものだったろう、とも考えた。今の子供たちほどデジタルネイティブな世代とは言えないだろうが、小学生の頃からインターネットに触れていた。今まで、どんなサービスを、どのように使ってきただろう。そんな回顧録。 コレに俺ものっかって、人生ではじめて見たホームページは『餅月あんこのホームページ』という黒歴史を持つオッサンが、使ってきたネットサービスとコミュニティ中心に、備忘録代わりに行う回顧録はじめます。 はじめてのぱそこん1997年10月　手にしたばかりのバイト代から10万円を、キョウエイマー