HTML5 input type="date" と canvas
A blog? with Σαιτω - HTML5のリンク先で知った<date> と <canvas>。 <input type="date"> と書くだけで、クリックするとカレンダーが出てくる。Opera9.21 出てこないブラウザ用に右に画像を貼っておきます。 Simple canvas drawing application よくわからないのですが、面白いので。（枠の中にお絵描きができる。枠の大きさと、線の太さは変更してます。）
A blog? with Σαιτω - HTML5のリンク先で知った<date> と <canvas>。 <input type="date"> と書くだけで、クリックするとカレンダーが出てくる。Opera9.21 出てこないブラウザ用に右に画像を貼っておきます。 Simple canvas drawing application よくわからないのですが、面白いので。（枠の中にお絵描きができる。枠の大きさと、線の太さは変更してます。）
jQuery で input の value を変更する際に attr は使用しない方がいい - Qiita
jQuery で、input の value 値を変更する際に、.val('値') と .attr('value', '値') があるのですが。今回これで少しハマったのでメモします。 ※ chrome 38.0.2125.104 で確認しています .attr('value', '値') の問題点 初期値を設定する場合は問題なく動作するのですが、一度ユーザーが編集もしくは、.val('値') によって編集されてしまうと、動作しなくなります。 実際に jsfiddle でサンプルを作成しました。 http://jsfiddle.net/kazunari_yamashiro/zzjaftva/1/ 変更(attr) ボタンを連打すると、value として cnt がインクリメントしているのが確認できます。 しかし、input の中身を直接編集するかもしくは、変更(val) のボタンを押すと、変更
Railsでいい感じのタグ管理するならacts-as-taggableとjQuery-Tags-Inputで間違いなし。 - NOT SO BAD
(photo credit: foxypar4 via photopin cc) よくあるタグ管理を実装しようとして、途中まで自力でやったんやけど すばらしいgemがあるのを見つけたのでそっちに乗り換えました。 ついでに入力の部分もjQueryプラグインがすごい簡単につかえたので、 かなり満足のいくタグ管理機能ができましたよという話。 かんたんにまとめると、 バックエンドはacts-as-taggable gemで完璧。 フロントエンドはjQuery-Tags-Inputすばらしい。 どちらも機能がよくて導入も超簡単、相性もばっちりといいことずくめです。 acs-as-taggable導入 まずはacts-as-taggableを導入。 Github「mbleigh / acts-as-taggable-on」 酒と泪とRubyとRailsと「acts-as-taggable-onで
以前、 自然言語処理の最新手法"word2vec"で艦これ加賀さんから乳を引いてみる - あんちべ！ を読んでいつか試してみたいと思ってたらO'reilly eBookが発売されたので買ってみた。 O'Reilly Japan - word2vecによる自然言語処理 以下メモ 試した環境 CentOS release 6.5 (Final) GNU Make 3.81 gcc version 4.4.7 1. Subversionのインストール word2vecのインストールはsvnでソースをチェックアウトしてコンパイルする必要があるのでSubversionをインストールする $ sudo yum install subversion $ svn checkout http://word2vec.googlecode.com/svn/trunk/ 2. word2vecのインストール 自分
Firefox 37 が <input accept> のファイル拡張子指定に対応 | フロントエンドBlog | ミツエーリンクス
2015年1月29日 Firefox 37 が <input accept> のファイル拡張子指定に対応 フロントエンド・エンジニア 富永 accept属性とは ファイルアップロード時に用いられる input 要素の File Upload state (type=file) では、accept属性を設定することができます。 たとえば画像を投稿するフォームでは <input type="file" name="" accept="image/*"/> と指定することで、画像以外のファイルを非表示にするなど、目的のファイルを選択しやすいようにすることができます（どのような挙動になるかはブラウザによって異なります）。 著名なサービスだと Twitter で使われていたりしますね。 仕様と対応ブラウザ この属性は HTML 4.01 から定義されていますが、ブラウザの対応は遅く、2012年に S
HTML5時代の`input`要素の`accept`属性について
3年前にform要素、input要素のaccept属性という記事を書いたのですが、ブラウザの対応状況がかなり変わってきたことと、以前の記事ではHTML5に言及していなかったので、改めてまとめ直してみます。 2017年8月31日追記記事公開から5年ほど経ち、また内容が古くなってきたので<input accept> の対応状況 2017を書きました。より新しい情報はそちらを参照ください。 HTML4.0のDTDでは、accept属性はinput要素でのみ定義されており、form要素に対するaccept属性は仕様書本文で記述されるにとどまっていました。 17.3 The FORM element （HTML 4.0 Specification） 1999年12月のHTML4.01勧告で正式にDTDに組み込まれています。 17.3 The FORM element （HTML 4.01 Speci
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
2024/04/17 追記 この記事の結論としては maximum-scale=1.0 にすることとなっていますが、これはアクセシビリティ違反となる対応方法です。 自戒の意を込めまして記事自体はそのまま残しておきますが、もしこの対応をされた方は再度対応を見直していただき、もしこの対応を継続する場合はアクセシビリティ違反であることを念頭に置いていただければ幸いです。 参考: https://developer.mozilla.org/ja/docs/Web/HTML/Viewport_meta_tag#maximum-scale こんにちは。ひらやま（@rhirayamaaan）です。 Web を作っているときに input タグや textarea タグで入力領域を作ることがあるかと思います。 実装をし、いざ確認をしてみると、iOS のときに入力しようとした際に少しばかりズームインしてしま
「formタグやinputタグがいまいちわからない・・」 「フォームの作成で、最低限知っておかないといけないことは何なの?」 これは、HTMLで始めてフォームをデザインする人が必ず直面する問題です。 これまでWebデザインを中心に学習してきた人が、始めて機能的な要素を追加するときに「フォーム」がでてきます。 このフォームが機能するためには、幾つか理解しておかなければならないポイントがありますが、最初はすぐには理解しづらいものです。しかし、安心してください。フォームでよく使う機能はある程度決まっており、一度覚えれば便利な機能ばかりです。 ここでは、始めてフォームを学習する人向けにフォームの基本を説明します。経験者はすでに知っている知識ばかりです。 フォームを使う場面 ユーザーとのコミュニケーション手段としてWebサイトがある以上、フォームのないサイトはほとんどありません。つまり、Web制作者
私のセミナーを受講された方から質問されました。VBAでCSVを読み込むときの話です。 CSVを読み込むとき、Line Inputを使っているんですけど、CSVの行数が多いと時間がかかります。ネットで調べたら、Line InputよりQueryTableを使った方が速いって書いてあったんですけど、どうなんでしょう？ こうした誤解をしている方がとても多いので、ここに書いておきます。 まず、読み込むCSVをご覧ください。 こんな感じのCSVです。これ100,000行あります。まずはLine Inputで読み込んでみましょう。ここでは、次のコードでやってみます。 Sub Macro1() Dim buf As String, A As Variant, i As Long, j As Long Open "C:\Data\Work\sample.csv" For Input As #1 Do Un
はじめに HTMLタグはよく使うけど、属性までいちいちどんなのがあるか気にしていなかった 今回はinputタグの属性で、へ～使えるなぁコレと思ったものをピックアップしてみた パスワード入力欄 入力されたテキスト、ブラウザ上ではアスタリスク（*）などに置き換えられて表示される
using UnityEngine; public class HelloInputGetAxis : MonoBehaviour { void Update () { float dx = Input.GetAxis ("Horizontal"); float dy = Input.GetAxis ("Vertical"); transform.Translate (dx, dy, 0.0F); } } 例えば上記のコードで上矢印キーを押した場合、dyにはfloat型で正の値が代入されます。押し始めてすぐのフレームでは0.01Fなど小さな値ですが、連続で押し続けることで、徐々に値が増えていき、1.0Fになります。1.0Fになった後にボタンを押し続けても、それ以上値は増えません。 前述のように、キーボードやJoyStickの入力に対して、Input.GetAxisは-1.0Fから1.0Fを
Exif.js Exif に設定されている回転情報に対応したinput要素(画像)のプレビュー | バシャログ。
どうも藤原です。今年のGWは神がかってますね。弊社は5月1日が創立記念日ですので、 4月最終週は (^-^)です。 本日は 画像の Exif 情報を取得する Exif.js をご紹介いたします。 背景 input 要素に画像を添付した時に FileReader を使ってプレビュー表示していたんですが、 スマホで行うと撮影した画像とプレビューしてる画像の回転があってないことありますよね。 原因はExif (wiki)の回転情報です。 PHPで回転を戻して保存したりすることはあったのですが、JSでプレビューしているときも(POST前)正しく表示したいということです。 抜き出すには結構手間な作業必要なのですが、そんな時見つけたのがExif.jsです。 これで簡単に回転を取得できるようになります。 サンプル htmlは以下で、プレビュー自体の実装方法は input の label に対して bac
Formヘルパーで、日時選択フォームの出力をカスタマイズする方法。 以下の参考サイト：dateTime()による指定方法をベースに、 input()による指定方法 および 月を英語以外で表示する方法 プルダウンの最初を空欄にする/しない方法 参考サイト CakePHP1.2 Form ヘルパーで日付のフォームを作る | Sun Limited Mt. $form->input('disp_date')の出力 以下の$options設定および追加CSSでカスタマイズした出力 echo $form->input('disp_date', array( 'label' => __('Date', true), 'default' => date('Y-m-d H:i', strtotime($this->data['Model']['disp_date'])), 'timeFormat' =>
ヒアドキュメントを使ってAWS CLIの –cli-input パラメーターを便利に使う | DevelopersIO
しばたです。 AWS CLIやAWS Tools for PowerShellはその特性上一つのコマンドで多くのパラメーターを扱うことが多くなります。 この様な場合、PowerShellではスプラッティングを使うとコマンドのパラメーターを宣言的 *1に記述でき非常に便利です。 私もAWS Tools for PowerShellではスプラッティングを多用し、たとえば以下の様な感じの記述を常用します。 Import-Module AWS.Tools.EC2 Import-Module AWS.Tools.SimpleSystemsManagement # 例) New-EC2Instance でEC2インスタンスを作成する # 多数のパラメーターを扱うときはスプラッティングを使い $params 変数にパラメーターの内容を記述 $params = @{ KeyName = 'my-ec2-k
GitHub - rinnakk/japanese-stable-diffusion: Japanese Stable Diffusion is a Japanese specific latent text-to-image diffusion model capable of generating photo-realistic images given any text input.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Input - foobar2000 Wiki
Standard input array† ファイル名 foo_input_std 概要 インストーラに含まれる標準 Input コンポーネント。 対応フォーマット MP1 / MP2 / MP3 / MP4 / MPC / AAC / Ogg Vorbis / FLAC / Ogg FLAC / WavPack / WAV / AIFF / AU / SND / CDDA / WMA / ALAC 備考 WMA のタグの書き込みは、v0.9.4 beta3 以降で対応。 エラーメッセージ ERROR (foo_input_std) : referenced file doesn't exist cue シートの参照元ファイルが存在していない。cue シートをエディタで開いて、FILE 行でファイルが正しく参照されているか確認すること。 ERROR (foo_input_std) : MP
GitHub - wolfy-j/goffli: ⚗️ Lua wrapper at top of FFMPEG API with nice progress bars and user friendly input arguments.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
jQuery trigger file input
Am trying to trigger an upload box (browse button) using jQuery. The method I have tried now is: $('#fileinput').trigger('click'); But it doesn't seem to work. Please help. Thank you.
リアルタイムでプラグインが動かせるVSTホスト、Audio Input FXがVerUpし、演奏生配信で利用可能に。Free版も同時に誕生!｜DTMステーション
自分の演奏や歌をネット生配信してみたい……。そんな思いを持っている方もいると思います。できれば、そこにリバーブやコンプ、またEQをはじめ、いろいろとエフェクトをかけて……と考えるのはDAWユーザーであれば当然の流れだと思います。でも、いざそれを実現しようとすると、なかなか難しいというか、うまくいかないんですよね。DAWを使ってリアルタイムにエフェクトを掛けると、スピーカーやヘッドホンではエフェクトがかかっているのに、放送に出ていかない……。 Windows専用ではありますが、そんな問題を解決するツールを、AbilityやSinger Song Writerでおなじみの日本メーカー、インターネット社がAudio Input FXとしてリリースしています。そしてこの度、Audio Input FXのFree版も登場したので、これがどんなツールなのか、改めて紹介してみたいと思います。 大きく性能
JavaScript Tips collection - check an input value in the form
Form を使用して入力を行う場合には入力ミスや操作ミスはつきものです。 当然、入力ミスはチェックするのですがサーバ側の CGI で入力チェックを行うと、 回線の状況やサーバ側の負荷状況により、ユーザに結構な精神的負担を伴うことになるので、 なるべくクライアント側でチェックしてあげたいものです。 そこで、JavaScript の登場となるのですが、 Form の入力チェックは通常以下の項目になるのではないでしょうか。 必須項目の入力の有無 入力されたデータのフォーマットや桁数のチェック 半角仮名文字が使用されていないことなどの文字コードのチェック 全角文字を半角英数字などに変換する文字の自動変換 然し、JavaScript でチェックできるものには限度があります。 上記項目の中で、「文字コードのチェック」と「文字の自動変換」は JavaScript で記述するには結構無理があり、完全に行う
jQueryでページ内に最初に現れるinputタグにフォーカスを当てたい場合(ただし、hiddenタグは除く) - Qiita
jQueryでページ内に最初に現れるinputタグにフォーカスを当てたい場合(ただし、hiddenタグは除く)jQuery
デスクトップアイコン INPUT_OUTPUT
デスクトップアイコンを無料公開しています。シンプルなデスクトップアイコンが好きな方はどうぞ。
Create your own machine in our latest Chrome Experiment.
Chrome 55 Beta: Input handling improvements and async/await functions
$200K 1 10th birthday 4 abusive ads 1 abusive notifications 2 accessibility 3 ad blockers 1 ad blocking 2 advanced capabilities 1 android 2 anti abuse 1 anti-deception 1 background periodic sync 1 badging 1 benchmarks 1 beta 83 better ads standards 1 billing 1 birthday 4 blink 2 browser 2 browser interoperability 1 bundles 1 capabilities 6 capable web 1 cds 1 cds18 2 cds2018 1 chrome 35 chrome 81
input type=”email” とすると、対応ブラウザの場合、ブラウザ側でバリデーションチェックをして、Email の形式じゃなかった場合はエラーメッセージを表示してくれる。 でもこれがジャマになって止めたいときもある。その場合は form タグに novalidate 属性をつければ抑止できるらしい。 <form> <input type="email"> </form> これを、 <form novalidate> <input type="email"> </form> こうするだけ。 Chrome のみで確認。 thx @yomotsu 先生
inputにbefore使おうとしてはまったのでメモ。 仕様読めばすぐ解決（できないという意味で）だったんだけど色々試して時間無駄にしてしまった。 12. Replaced content If the computed value of the part of the 'content' property that ends up being used is a single URI, then the element or pseudo-element is a replaced element. The box model defines different rules for the layout of replaced elements than normal elements. Replaced elements do not have '::before' and '::af
Not your computer? Use a private browsing window to sign in. Learn more
input type="radio"でchecked指定しているにもかかわらずデフォルトでチェックが入らない？と思ったときは・・・
input type="radio"でchecked指定しているにもかかわらずデフォルトでチェックが入らない？と思ったときは・・・ 原因を調べるのにずいぶんと苦戦したので備忘録を作ります。 input name="calendar_1" value="1" type="radio" checked こんな感じのチェックボックスが画面にあるのですが、何度試してもデフォルトcheckedにならないのです。 IEでもFFでも再現しました。 Firebugからcheckedを再度指定し直したり、きちんとchecked="checked"に書き方を変えてみてもダメ。HTMLのバグかと思いましたよ。 原因は・・・そう、ラジオボタン、カレンダーで使ってたんですよ。 3月の1日と4月の1日が同じカレンダーの上に乗っかることもありますよね。 input name="calendar_1" value="1"
「Upload image...」と書かれたボタンをクリックすると、ファイル選択のダイアログが表示されるはずだ。 そこで .png や .jpg 等、適当な画像ファイルを選択してOKすると、即アップロードが始まる。 アップロードが完了すると、そのアップロードした画像をそのままページ上に表示する、そういうアプリになっている。 ※画像以外のファイルもアップロードできてしまうが、あくまでサンプルなので、画像以外がUpされた場合の対処とかは行っていない。ご勘弁を。 ※アップロードした画像はどこにも保存はしていない。そのアップロード結果のページを生成するときに img 要素の data uri を生成しているだけである。 この Web サイトのポイントは、Adobe Flash や Microsoft Silverlight、Java などのプラグインを使うことなく、ごくごく単純な input ty
Form Input Design TrendsThe dream is to create a “WOW Experience” for your users on their first visit to your website. One of the best analogy I have come across that explains the importance of this is from Kevin Hale (Founder of Wufoo), who spoke at ZURBsoapbox. He claims that the very first customer experience is like being on a first date So if you’re on a first date and you find out that your
Kerasで複数の情報を入力して、途中で結合する方法を紹介します。 この方法は、例えば以下のように画像とテキストを使って予測モデルを作る場合などに有効です。リンク先参考。 ImageDataGeneratorを使いつつ統合する方法は、記事「KerasのImageDataGeneratorを使いつつ複数Input統合モデル」を参照ください。 処理概要 以前、記事「【Keras入門(1)】単純なディープラーニングモデル定義」で紹介した以下の図の配列dataを2つに分解して統合するモデルにしてみます。 処理プログラム プログラム全体はGitHubを参照ください。 ※なぜか直接GitHubで見られずに、nbviewerなら参照できました。nbviewerにhttps://github.com/YoheiFukuhara/keras-for-beginner/blob/master/Keras09_
【Raw Input】
2010年12月(1) 2010年10月(1) 2010年09月(1) 2010年08月(2) 2010年05月(1) 2010年03月(1) 2010年01月(1) 2009年12月(1) 2008年07月(1) 2008年04月(2) 2008年03月(3) 2008年02月(1) 2007年10月(1) 2007年08月(1) 2007年03月(3) 2006年12月(1) 2006年10月(1) 2006年06月(1) 2006年05月(1) 2006年04月(6) 本日は、Visual Studio® User Group より、複数のキーボードを別処理するには というスレッドを話題にしようと思います。飽くまで簡単に。 同じタイプの複数の入力デバイスからの入力を受けたい、と言うのは、例えばゲームパッドでは良くある話でしょう。ですが、これがキーボードやマウスとなるとなかなか要望も稀
Paste source sequence below (5'->3', string of ACGTNacgtn -- other letters treated as N -- numbers and blanks ignored). FASTA format ok. Please N-out undesirable sequence (vector, ALUs, LINEs, etc.) or use a Mispriming Library (repeat library):
GitHub - mootoh/Konjac: Input Method using Translate APIs.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
「日付入力フォームを作ってほしい」 あなたはそう言われたら、どうやって実装しますか？ HTML5になって追加された「input[type=date]」を使うでしょうか。それともプラグインを使うのでしょうか。 どちらにも一長一短があり、設置するサイトの目的に応じて柔軟に対応することが求められます。 だがしかし！この日付入力フォームのカスタマイズはなかなか曲者でして、苦戦している方も少なくないでしょう。 Chromeではうまく表示されても、IEでうまくいなかったり、ちょっと見た目をいじったら動かなくなってしまったり。 今回はそんな悩める日付入力難民の皆様のために、日付入力フォームをどんな端末から見ても同じ見た目・動きになるようカスタマイズする方法について書きました。少しでもお役に立てればなによりでございます。 ※結論から言うと「日付入力フォームのカスタマイズなら、プラグイン(datepicke
PUTリクエスト時のPHPのfile_get_contents('php://input') のバグ？仕様？ - Narusaseの日記 -ハニポってどうよ？(仮)-
簡単に言うとPUTされたコンテンツが読みだすと消滅する問題 POSTや、PUTでHTTPのリクエストを送った際、ペイロードとして$_POSTでは扱えないひとつながりの文字列を送る場合がある。 その際、$_POSTでは取得できないため、file_get_contents('php://input') を使って取得するのが通例になっている。 しかし、どうやらHTTP的にPOSTした場合と、PUTした場合で挙動に違いがあるようだ。 具体的にはPOSTした場合、file_get_contents('php://input') を使って複数回取得しても値は消えないが、PUTの場合1回だけしか取得できないバグ？ 仕様？があることが分かった。 ちなみに発生した環境は PHPのバージョンは PHP 5.3.6 ApacheのバージョンはApache/2.2.19 また、POSTやPUTする時にはfile_
inputに文字列をコピペした際に、JavaScriptで中身を取得する際のハマりどころ - tech::hexagram
過去にもハマった人がいるそうで、結構厄介な問題の模様。 javascript - How do I capture the input value on a paste event? - Stack Overflow 何が問題かというと、例えばこういうことをやりたい時に困る。 pasteイベントが発火した段階だと、inputの中身が空と認識されてしまう（ペーストした値が入る前に評価が走る？）。 $('input').on( 'paste', function() { var inputValue = $(this).val(); //null if (inputValue) { //処理〜 } }); 解決方法は色々あるらしい。 1. setTimeoutで単純に遅らせる $('input').bind({ paste: function() { setTimeout( function(
HTMLのInput要素のinputmodeのスマートフォンのキーボードがどのように表示されるを整理してみた - Qiita
はじめに この記事はZOZOテクノロジーズ #4 Advent Calendar 2020 の15日目の記事です。 昨日は @TAKAyuki_atkwskさんのALB で gRPC を利用する on EKS - Blogaomuでした。 概要 タイトルの通り、HTMLのInput要素のinputmode属性を指定したときにスマートフォンのキーボードがどのように表示されるかを整理してみた記事です。 調査をしている方の参考になればと思い、記事にしました。 書いてあること inputmodeのざっくり説明 サンプルコード inputmodeで表示されるiOSとAndroidのキーボード表示 書いていないこと inputmodeの詳細な説明 想定しているキーボードを表示させるための工夫 内容 inputmodeとは？ その名の通り、input要素の入力時に表示されるソフトウェアキーボードの種類を
今回は検索ボタンやコメントの送信ボタンなどのinputボタン（送信）を装飾する方法を紹介します。まあ定番中の定番ですが、画像に置き換える方法とCSSで装飾する方法があります。デフォルトではOSやブラウザに依存したデザインなのでデザインを統一させるためにもinputの装飾はやっておきたいもの。画像は制作するのが面倒だという人はCSSでの装飾をするとお手軽でいいです。 当サイトの検索はtype="image"を使った画像に置き換える方法を使用しています。CSSでは名称にテキストを使用するので画像は無地のボタン画像を使用します。使い回しするのであればCSSでの管理は便利だと思いますが各パーツでデザインを変えたりするメリット以外は凝ったデザインは難しと感じます。 今回は検索ボタンやコメントの送信などのinputボタン（送信）を装飾にする方法を紹介します。装飾することでよりWebサイトのデザインに合
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
word2vecを試してみた - INPUTしたらOUTPUT!
<input type="number">のスピンボタン（右のボタン）を消す方法 - Qiita
iOS で input の focus 時にズームインしてしまうのを viewport で解決する
【HTML】フォーム作成の基本！formとinputの使い方
Office TANAKA - VBA高速化テクニック[Line Inputは遅くない]
inputタグの便利な属性まとめてみた - Qiita
Input.GetAxisとInputManagerの関連設定について - Qiita
$form->inputで日時選択フォームのカスタマイズ - 趣味の延長線
Google I/O: input/output - Chrome Web Store
input type=”email” のバリデーションチェックを止めたい - tacamy--blog
imgとかinputなどの置換要素にはbefore, afterは使えないよ - しるてく
Speech for HTML Input Elements
input:file 要素を表示しないで、ファイルをアップロード | @jsakamoto
Creative Form & Input Field Design Examples
超簡単 Kerasで複数Input統合モデル - Qiita
Primer3 Input 0.4.0 (primer3-web/htdocs/input-040.htm)
日付入力フォームをinput type=”date”でカスタマイズ【IEにも対応】 | 東京のホームページ制作 / WEB制作会社 BRISK
検索やコメントフォームのinputボタンを画像にする。