Roppongi.rb #3 Rails x Frontend-Tech
この文脈では、「編集内容のキャンセル」という処理を続行しても良いかをユーザーに確認しています。続行に同意したい多くのユーザーは直感的に同じ表記の「キャンセル」を押したくなるでしょう。しかしそれでは編集のキャンセルが実行されません。 このキャンセルボタンが意味するのは、「『編集内容をキャンセルする』のキャンセル」なのです。つまり、ユーザーが望み通りに編集内容を破棄するためには、反対側のOKボタンを選ぶべきなのです。このような「キャンセルのキャンセル」は二重否定で意味がややこしくなるので避けなければなりません。 ここで「キャンセルのキャンセル」にならなければ良いということで、次のようにボタン名を変えてみました。 これでもう迷うことは無くなりましたか……? 私はこの修正は誤りだと判断します。「はい」「いいえ」は結果を予想しにくい表現なので、ダイアログのアクションボタンに用いることはあまり適切では
css書きたくない。できればjsも書きたくない。js必要なの嫌。軽くやりたい。という個人の日記です。 参考 Best CSS Frameworks of 2017 | Three29 10 Free Lightweight CSS Frameworks for a Fast Start 2017年にチェックしておきたい、CSSの軽量フレームワークのまとめ | コリス ググれ。 lightweight css framework - Google 検索 Gridだけやりたいやつは除外した。 Bootstrap Materialize mui (追記)UIkit (追記)Semantic UI Pure Bulma Skelton Spectre.css Kube Vuetify Fictoan avalanche Beuter Vanilla Milligram InvisCSS Look
Tomohisa Ishikawa, CISSP, CSSLP, CISA, CISM, CFE•5.6K views
5. 通常のアプリの処理の流れ Webサイト側の内部処理 パラメーター値などが含まれた問い合 わせをWebサイトに要求する 価格が100円の商品を検索 http://exmple.jp?cost=100 Webアプリケー ション データベース 受信したパラメーター値からSQL文(データ ベースへの命令文)が組み立てられデータベー スに命令を送信 SELECT name FROM goods WHERE cost=100; データベース内でSQL文が実行された結 果が返る SQL文の実行結果を元にアプリケーション側で生成されたHTTP レスポンスの内容がサーバーからの応答として返る 「価格が100円の商品は下記です。缶コーヒー、ガム、アメ」と 表示するHTML <html><body>….. サイト利用者 HTTP通信 HTTP Request HTTP Response SQL命令 ① ②
2. • HTTP(HyperText Transfer Protocol) 情報の転送プロトコル(通信規約) • URL(Uniform Resource Locator) 情報の場所を指し示す書式 • HTML(HyperText Markup Language) 情報を表現する文書フォーマット Webを構成する3つの技術 1 4. 実際はこんな通信をしています サーバークライアント HTTP Request HTTP Response GET / HTTP/1.1 Host: www.example.com User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:41.0) Gecko/20100101 Firefox/41.0 Accept:text/html,application/xhtml+xml,application/xml;
this. この便利でハマりどころの多い変数 Array.forEach / map 系 のthisArg が安定しない。 this 変数の紹介 this 変数の例 apply , call window オブジェクト コールバック イベントハンドラ Array.forEach 個人的な結論 this はできるだけ避ける 調べたキッカケは Array.forEach arr = ["A","B","C"] arr.forEach( function ( x ) { console.log ( this ) } ) このthisとして this => [“A”,“B”,“C”] を期待したわけです。 でも、this = window arr = ["A","B","C"] arr.forEach( function ( x ) { console.log ( this ) } ) //=>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く