タグ

*JavaScriptに関するkjtecのブックマーク (52)

  • 「やはり検察がメンバーを選んでいた」再審見直しに批判相次ぐ法制審、開示文書から浮かぶ“出来レース”の構図 - 弁護士ドットコムニュース

    刑事裁判をやり直す「再審」制度の見直しを議論した「法制審議会・刑事法部会」の委員らについて、検察官である法務省刑事局長が候補として示した有識者が、そのまま選ばれていたことが、法務省への開示請求で入手した文書からわかった。(弁護士ドットコムニュース・一宮俊介) 法制審がまとめた見直し案には、検察官による不服申し立て禁止などが盛り込まれず、「冤罪被害者を救えない」などの批判が集まっているが、刑事局長が指定した委員は全員がこの見直し案に賛成していた。 検察官の人事に詳しい熊大学の岡洋一准教授は「うわさでは聞いたことがあったが、実際の文書を見ると、やはり検察官である刑事局長が法制審の委員・幹事を事実上選んでいたのかということがわかる」と話す。 ●昨年12月「委員の選定経緯がわかる文書」を開示請求 弁護士ドットコムニュースは2025年12月、再審制度の見直しを議論している「法制審・刑事法部会」の

    「やはり検察がメンバーを選んでいた」再審見直しに批判相次ぐ法制審、開示文書から浮かぶ“出来レース”の構図 - 弁護士ドットコムニュース
  • imagesLoaded

    imagesLoaded JavaScript is all like "You images done yet or what?" imagesloaded.desandro.com Detect when images have been loaded. imagesLoaded on GitHub 4,500 Edit this demo or vanilla JS demo on CodePen. Just to keep things interesting, there’s a 10% chance of adding a broken image. Install Download imagesloaded.pkgd.min.js minified imagesloaded.pkgd.js un-minified CDN <script src="https://unpkg.

  • JavaScript - MDC

    このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。 View in English �^� ��Always switch to English JavaScript (JS) は軽量でインタープリター型(あるいは実行時コンパイルされる)第一級関数を備えたプログラミング言語です。ウェブページでよく使用されるスクリプト言語として知られ、多くのブラウザー以外の環境、例えば Node.js や Apache CouchDB や Adobe Acrobat などでも使用されています。 JavaScript はプロトタイプベースで、ガベージコレクションのある、動的な言語であり、命令型、関数型、オブジェクト指向など、複数のパラダイムに対応しています。 JavaScript の動的な機能には、ランタイムオブジェ

    JavaScript - MDC
  • 第1回 Underscore.jsとは | gihyo.jp

    連載では、JavaScriptライブラリの1つ、Underscore.jsを解説していきます。第1回目となる今回は、Underscore.jsの概要と特徴、動かすところまでを紹介します。 Underscore.jsの概要 UnderscorejsはDocumentCloud Inc.とJeremy Ashkenasが開発しているJavaScriptライブラリです。DocumentCloud Inc.によりオープンソースとして提供されています。ファイルサイズは圧縮したもので4.9Kバイト(現バージョン1.5.2)と軽量なライブラリです。 Underscore.jsは、配列、オブジェクトの操作をはじめ、関数、オブジェクトなどを扱う際の便利関数が80あまり定義されています。配列、オブジェクトの操作の記述がネイティブな機能だけで書くよりも簡潔にシンプル書けるため非常に便利です。 また、Proto

    第1回 Underscore.jsとは | gihyo.jp
    kjtec
    kjtec 2017/12/19
    underscore.js
  • .oninput | JavaScript 日本語リファレンス | js STUDIO

    window上のinputイベントのためのイベントハンドラです。 inputイベントは、<input>要素の値が変更された際に発生します。 このイベントは、バブルアップ伝搬(bubbles)します。 window上でサポートされていれば、同様に<input>要素上でもサポートされます。 例 <script> window.addEventListener('input',function(e){ console.log("keyupイベントを検知! 検知先の要素:", e.target); }, false); </script> <input placeholder="ここに何かを打ち込み、コンソールを確認してください" /> 注意事項 デスクトップ 機能 Chrome Firefox (Gecko) IE Opera Safari 基

    kjtec
    kjtec 2017/09/14
    oninput
  • Element: input event - Web APIs | MDN

    This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020. Learn more See full compatibility The input event fires when the value of an <input>, <select>, or <textarea> element has been changed as a direct result of a user action (such as typing in a textbox or checking a checkbox). The event also applies to elements

    Element: input event - Web APIs | MDN
    kjtec
    kjtec 2017/09/14
    oninput
  • String.prototype.charCodeAt() - JavaScript | MDN

    引数 index 返す文字の 0 基点のインデックスです。整数に変換され、undefined は 0 に変換されます。 返値 0 から 65535 までの整数を返します。これは index で指定された位置の UTF-16 コード単位の値を表します。index が 0 ~ str.length - 1 の範囲外であった場合、charCodeAt() は NaN を返します。 解説 文字列の中の文字は、左から右に向けてインデックス付けされています。最初の文字の添字は 0 であり、最後の文字の添字は str という名前の文字列であれば str.length - 1 です。 Unicode のコードポイントは 0 から 1114111 (0x10FFFF) までの範囲です。charCodeAt() は常に 65536 より小さい値を返しますが、これは上位のコードポイントは 16 ビットのサロゲー

    String.prototype.charCodeAt() - JavaScript | MDN
    kjtec
    kjtec 2017/08/08
    UTF-16
  • カンマ演算子 (,) - JavaScript | MDN

    引数 expr1, expr2, expr3, … 1 つ以上の式で、複合式の値として最後の値を返します。 解説 単一の式を要求される場所に複数の式を記載したい場合、カンマ演算子を使用することができます。この演算子の最も一般的な用途は、 for ループ内で複数の更新子を提供することです。単一の式を要求される場所に複数の文を許可する慣用表現としては、 IIFE を使用することもできます。 最後の式を除くすべての式は評価された後で破棄されるため、これらの式が有用であるためには副次効果が必要です。副次効果を持つ一般的な式には、代入、関数呼び出し、++ および -- 演算子があります。 それ以外にも、ゲッターを呼び出す場合や、型変換を引き起こす場合にも副次効果が発生する場合があります。 カンマ演算子は、すべての演算子の中で優先順位が最も低いです。カンマで連結された式をより大きな式に組み込みたい場合

    カンマ演算子 (,) - JavaScript | MDN
    kjtec
    kjtec 2017/08/08
    カンマ演算子
  • AjaxにおけるCSRF攻撃対策 - バカンス駆動開発

    前回で近いうちにAjaxのセキュリティについて書きます!と宣言しましたが、あれはつまりCSRF攻撃の対策についてでした。今回はAjaxでCSRF対策を行う方法を書きます。 先に結論 Ajax通信におけるCSRF攻撃対策は通常の遷移時に施す対策と考え方はかわりません。 実装方法 ログイン時にトークンを生成しセッションオブジェクトにセットし、トークンをクライアントに送信 クライアント側のjsスクリプト内でトークンをAjax通信時に常に付加するように設定 サーバー側でAjaxで送信されたトークンの有無とセッションオブジェクト内のトークの一致を確認 ログアウト時にセッションは全て破棄 ここで生成するトークンはワンタイムではないです。ログイン時にずっと使いまわします。 ところで、パーフェクトPHPチルドレンとしては見逃せないエントリが CSRF対策のトークンをワンタイムにしたら意図に反して脆弱になっ

    AjaxにおけるCSRF攻撃対策 - バカンス駆動開発
    kjtec
    kjtec 2017/07/10
    [[Ajax][security][CSRF]
  • 【JavaScript & HTML5 】文字コードに関係なくテキストファイルを正しく読み込む - のんびり猫プログラマの日常

    ブラウザ上で編集する「Webテキストエディタ」を作るという案件がありまして。 まず【既存のテキストファイルを読み込む】というところで引っかかったので覚書しとく。 テキストファイルといっても、文字コードがshift-jisだけならまだいいんだけど、 中にはUTF-8だったりEUCだったり、UTF-16とかもうね・・・ そういう様々な文字コードのファイルでも、正しく読み込んで表示しなくては お話にならないのだ。 そこでググりながら作ったよ、もう。 1 File APIを使ってみる HTML5になって、ローカルファイルを手軽に扱えるようになったね。 そう、File APIっていうのを使ってみようよ。 www.html5rocks.com このページに書いてある、ファイル読み込み時のオプション。 これが大切です。以下、そのまま引用。 File 参照を取得したら、FileReader オブジェクトを

    【JavaScript & HTML5 】文字コードに関係なくテキストファイルを正しく読み込む - のんびり猫プログラマの日常
  • Node.jsとは何なのか調べてみました | スターフィールド株式会社

    サーバーサイドのプログラムとして数年前から注目されているNode.jsですが、 私は、サーバーサイドで動くJavaScriptで、非同期の処理が得意というくらいの認識しかなかったので、 さすがにまずいと思い、どんなものなのか調べてみました。 今回は同じくサーバーサイドで動くプログラミング言語であるPHPと比較する形でまとめてみました。 (私はまだ理解が浅いので、間違ったことを書いてしまっている可能性がありますので、ざっくりと参考までに) 1. Node.jsのJavaScriptPHPは基的に役割が異なる 正直私はNode.jsはPHPを動かすためのApacheのようにJSファイルをサーバー上に置くことで、 それを実行してくれるようにするものだと思っていました。 実際はそうではなく、Node.jsはサーバーサイドでJavaScriptを実行できるようにしてくれるものです。 これは、JS

    Node.jsとは何なのか調べてみました | スターフィールド株式会社
  • 注目のサーバサイドJavaScript実行環境「Node.js」 | IIJの技術 | インターネットイニシアティブ(IIJ)

    (※)このページで紹介している事項は記事初出時点の情報に基づいたものです。ページはアーカイブとして掲載しています。 2012年7月31日 今、ソフトウェア開発者の中で注目されている「Node.js」。記事の前半は、Node.jsが誕生した背景とこれまでの歩みといった概要について紹介します。後半では、Node.jsのアーキテクチャの概要や今後の課題や展望など技術的な内容について説明します。なお、Node.jsの正式名称はNodeです。他と区別したい時にNode.jsと呼ぶことになっていますが、ここでは初めてNode.jsを知る方にもわかりやすいよう記載名をNode.jsで統一します。 Node.jsが生まれるまで 1995年に誕生したJavaScriptは、ブラウザ上で動作するスクリプト言語として開発されました。当初はJavaScriptの実行速度も遅く、セキュリティの問題も数多く発生し

    注目のサーバサイドJavaScript実行環境「Node.js」 | IIJの技術 | インターネットイニシアティブ(IIJ)
    kjtec
    kjtec 2017/02/03
    Node.jsの紹介
  • パズドラ風アイコンジェネレーター ver.2 #ここでハマったよiOS - slowjet

    kjtec
    kjtec 2017/02/02
    megapixel
  • exif-js

  • exif-js と ios-imagefile-megapixel でスマホからの画像アップロードのプレビュー表示に対応する

    画像アップロードするときにプレビュー欲しいよね〜 プレビューするとたまに画像が回転されてるよね〜 スマホだと画像選択するアプリで EXIF 情報を見て回転させて表示しているから プレビューが横向きとかになってておかしいと思われがちだよね〜 そんな問題を解決するのが exif-js です。 exif-jsjseidelin/exif-js 使い方は https://github.com/jseidelin/exif-js/blob/master/example/index.html を見てください。 例えば、アップロードされたファイルに対して Orientation を取得する場合は以下のように記述します。 $('#jsFileInput').on("change",function(){ var file = $(this).prop("files")[0]; EXIF.getData(f

  • JavaScriptを使ってExifデータを読み取る·exif.js MOONGIFT

    exif.jsはJavaScriptを使って写真のExifデータを読み取るライブラリです。 スマートフォンの普及によって写真データをオンライン上に扱うケースが増えています。そんな写真のメタデータであるExifをJavaScriptで扱ってしまおうというのがexif.jsです。 サンプルです。写真を指定するとそのExifから位置情報を読み取ってGoogleマップにマーカーを立てています。 コードです。FileReaderでデータを読み取った上で解析しています。 exif.jsは位置情報のみならずホワイトポイントやフラッシュ、シャッタースピードなどExifで取得できるデータが網羅されています。これだけのデータが取れれば、面白い使い方が考えられそうです。 exif.jsはJavaScript製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。 MOONGIFT

  • リダイレクトの警告

    表示中のページから https://www.ufabet7979.com/Embed/144296/ にリダイレクトしようとしています。 このページにリダイレクトしないようにする場合は、前のページに戻ってください。

    kjtec
    kjtec 2017/02/02
    Javascriptでのファイルアップロード/すごく参考になりました。
  • FileReader.readAsDataURL() - Web API | MDN

    This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月. Learn more See full compatibility Report feedback readAsDataURL メソッドは、指定されたBlob または File の内容を読み込むために使用されます。読み込み操作が終了すると、readyState が DONE となり、loadend が発生します。このとき、result 属性には、ファイルのデータを表す、base64 エンコーディングされた data: URL の文字列が格納されます。

    FileReader.readAsDataURL() - Web API | MDN
    kjtec
    kjtec 2017/02/02
    Javascriptでのローカルファイルの読み込み
  • Japan Map ( jQuery plugin )

    Quick Start Include jquery-japan-map.js after jQuery. Then $(selector).japanMap(options) method will create most simple clickable canvas map of prefectures of Japan. The $.japanMap method take an object as argument which defines options. At least, you may have to implement onSelect event handler, which runs when a prefecture of the map is clicked or touched. Here is most simple example. <!DOCTYPE

  • 日本地図を表示するjQuery プラグイン Japan Mapは簡単便利 | ゆーそうとITブログ〜WordPress・Xserver・アイキャッチ画像作成ツール〜(旧:ゆうそうとITブログ)

    jQueryについてちょっと別の事で検索をしていたのですが、偶然「日地図を表示するjQuery プラグイン Japan Map」を見つけました。日地図を表示したりクリックしてページに遷移したりできそうな面白いものだったので、どんな風に使えるかを試してみました。 日地図を表示するjQuery プラグイン Japan Map とは? http://takemaru-hirai.github.io/japan-map/ Takemaru Hiraiさんが作られて公開しているjQueryプラグインです。このページにこのプラグインの使い方やサンプルコードが載っています。このjQueryを使うだけで日地図が表示出来ちゃう!というのはとても簡単で楽しそうです。 ライセンスも MITライセンス なので色々なことに使えそうです。 ファイルをダウンロードして動かしてみる http://takemaru

    日本地図を表示するjQuery プラグイン Japan Mapは簡単便利 | ゆーそうとITブログ〜WordPress・Xserver・アイキャッチ画像作成ツール〜(旧:ゆうそうとITブログ)
    kjtec
    kjtec 2017/02/01