チャットなどを作るときに、"Shift+Enterキーを押したときに送信を行う"などをよく使うと思います。このときのキーの同時押しの処理がイマイチ情報を調べにくかったのでまとめておきます。 やりたいこと Shift + Enterを押した時に何か 調査 1つのキーコード取得 jQueryのkeydownメソッドを使うと凄く簡単に1つのキーなら取得できました。 keydown(fn) - jQuery 日本語リファレンス 複数のキーコード取得 基本的には1つのキーコードを取得してそれが押された状態で次のキーが押されたという判定をkeyup,keydownを使って取得するみたいです。 JavascriptでKeyの同時押しを判定する ...けっこうめんどくさそうでした。 (てかキーコードいちいち調べるのも面倒) altKeyとかmetaKeyとかのイベントがあるっぽい 教えてもらったのですが、
※ギフトラッピングをご希望の方は下記URLから"必要数量"ご購入ください。※ https://marumotakagi.buyshop.jp/items/55496960 ************************************** 伝統と最新技術を融合した温度をデザインに『冷感シリーズ』 日本の四季を表わした冷感桜。 日本国内のみならず世界が知るSAKURA. それは、日本のシンボルでもあり、 特別な国華である。 誰もが心を奪われる美しく、淡いこの商品は世界中から愛され、 大切な贈り物として認められました。 動画(Youtube video) https://youtu.be/uM666LkYwkI この不思議な平盃に冷たい飲み物を注ぐと桜が鮮やかに彩ります!! 平盃が17℃以下になると変化が生じます。 そして常温になると、元に戻ります。 盃2個のセットになります! 化粧
HOME JavaScript入門[HTML5編] テキストファイルを読み込む 前のページではファイル選択ダイアログの出し方を見ました。 ここではそれを利用してローカルにあるテキストファイルを選択し、 テキストエリアに読み込む方法を見ていきたいと思います。 テキストを読み込む ローカルにあるファイルを読み込むには、FileReaderを使います。以下に使い方を掲載します。 変数 = new FileReader() FileReaderを作成し、変数に格納します。 変数.readAsText(Fileオブジェクト) テキスト形式でファイルを読み込みます。 変数.result 読込結果を取り出します。 以下のサンプルでテキストファイルを読み込みますが、このページの文字コードがUTF-8なので、 UTF-8形式のテキストでないと字化けします。もしUTF-8形式のテキストファイルが無ければ、 以
シングルページのWebサイトを作るとき、要素をフルスクリーンで表示させるレイアウトを取り入れることもあるかと思います。フルスクリーンレイアウトを実装する際に、ウィンドウの幅や高さをJavaScriptを使って取得したりしていましたが、CSSを使うとそんなことをする必要もなく、いとも簡単に実装できることが最近わかったので紹介します。ついでにフルスクリーンレイアウト時に使いたい「縦横中央配置」、「背景画像のフルスクリーン表示」の実装方法についても紹介します。 フルスクリーンレイアウトのデモ http://codepen.io/maechabin/full/MmOGWb/HTMLの用意ベースとなるHTMLは以下の通りとします。「2つのp要素を含んだ、3つのdiv要素」を用意します。それぞれのdiv要素をフルスクリーンサイズにして縦横中央配置にするのが目的となります。 <div class="bo
(2018年追記: 自分で必要になって見返してみて、古い記事だけどまだ内容は大丈夫でした。) サンプル デモ: http://jsfiddle.net/ginpei/bSF9z/ GitHub: https://github.com/ginpei/sample-for-html5-drop-files こんなん: ブラウザーでファイルを開かないようにする 受け付けたい要素のdragoverイベントとdropイベントを監視する。 それぞれでevent.preventDefault()する。 ファイルをドラッグしてきたら見た目を変える 要素のクラスをon/offする場合。 dragoverでonにする。 dragleaveとdropでoffにする。 ドロップされたファイルの情報を取得する dropイベントのevent.dataTransfer.filesにファイル情報が入る。 形式はFileオ
男性コスプレイヤーが5年前の運転免許証写真と、2020年に更新した運転免許証をTwitterで公開し、「旧免許だれやねん」「若返ってる」「完全に別人レベル」「眉毛と髪型変わると一気に変わるなぁ」と驚きの声が上がっています。しかも整形なしだというのだから、本当にすごい……! 話題を呼んでいるのは、コスプレ初心者のためのサイト「ニキの『0から』出来るコスプレ講座」の運営を行うニキ(みゅん)さん。3月13日に「先程免許を更新してきました!! が、受付で免許を見せた際に『申し訳ありませんが、その……代理人の方の受付は不可能でして…』って言われたけどキチンと本人だしなんなら整形もしてないんですけど」と2枚の画像を添付してツイートしたところ、8万6000件以上の“いいね”が寄せられています。 5年前のニキ(みゅん)さん 画像1枚目は旧運転免許証。眼鏡をかけた丸顔でゲジゲジ眉の男性の姿が写っています。2
iPad Pro (2024) review: So very nice, and so very expensive
2016年から目標として掲げ続けてきた、Kindle本の販売という目標を2020年3月15日にようやく達成しました。 AWSの薄い本 IAMのマニアックな話 作者:佐々木拓郎発売日: 2020/03/15メディア: Kindle版 IAMのマニアックな話とEPUB Kindleで販売を開始した本は、昨年執筆しBOOTHで販売していた『AWSの薄い本 IAMのマニアックな話』です。この本は、Re:VIEWという紙書籍・電子書籍作成支援ツールを利用していて、PDFだけでなくEPUB形式でも出力可能でした。なので、執筆している当時は、BOOTHと同時にKindleでも販売開始しようとしていました。が、出来上がったEPUB版をみて、販売を見合わせていました。 書籍を作成する場合、図の位置であったり内容に合わせて改ページを考えます。しかし、一般的なEPUBは、リフロー型といって画面や文字サイズに合わ
登山やスキーといったアウトドア活動は、スマートフォンが圏外で使用できない場所で行われることもあります。そんなときに役立つGPSを用いた位置情報の共有やメッセージの送受信ができるデバイスを、30ドル(約3000円)程度のマイコンで実現するオープンソースのソフトウェア「Meshtastic」が登場しました。 What is Meshtastic? | Meshtastic https://www.meshtastic.org/ Meshtastic: A Hiking, Skiing, GPS Mesh Communicator - Hackster.io https://www.hackster.io/punkgeek/meshtastic-a-hiking-skiing-gps-mesh-communicator-84f999 GitHub - meshtastic/Meshtastic-
はじめに ※修正verを作成しました。 https://qiita.com/Fumio-eisan/items/10c54af7a925b403f59f 製造業にて業務をしている私ですが、積極的にIoT, AI技術を導入したい会社や業界の流れを感じています。それら技術を主に取り扱う担当者は基本的に、設備技術やシステム部門になります。私自身は、製造部門に近い立場で仕事をしていてなかなか取り扱うことが少ない状況です。しかし、私自身もデジタルの流れを肌で感じいきたい!と思っています。 今回、比較的取り扱いやすいツールとしてエッジコンピュータであるRaspberry Piを用いて遊んでみました。 すでに様々なところで応用されていますが、カメラ撮影+画像処理をリアルタイムで行う機能を持つセンサーの安価品として行えないか考えています。 導入するイメージは下記です。 手順としては以下となります。 画像処
最近スクロールバーを見かけなくなった気がします。ざっと調べてみると、スクロールバーはすでに消え始めており、今のスタンダードはスクロールインジケーターになってる様です。そうかと思えば、そのスクロールインジケーターすら消え始めている状況です。 ▼1.消えゆくスクロールインジケーター1.1 フェイスブックiOSアプリ フェイスブックのアプリでは、もはやスクロールインジケーターすら表示されていません。ご自身のスマートフォンで見てみると、画面右側には何も表示されないはずです。 1.2 電話帳 iOS 実は電話帳からもスクロールインジケーターが消えています。インデックスが表示されているので、スクロールインジケーターとインデックスが重なってしまうのを防ぐためと思われます。 1.3 メモ帳 iOS メモ帳ではスクロールをするまでインジケーターは表示されません。スクロール後は一定時間が経つとスクロールインジ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く