タグ

javascriptに関するmomijitanのブックマーク (10)

  • webpack v4について

    Transcript XFCQBDL�W�ʹ͍ͭͯ� 'PSFGSPOU�+BWB4DSJQU���ٸ੒௕தͷαʔϏεͷٕज़ୡʂ None XFCQBDL�͕ϦϦʔε͞Ε·ͨ͠ IUUQT���HJUIVC�DPN�XFCQBDL�XFCQBDL�SFMFBTFT ओͳมߋ఺ wઃఆϑΝΠϧ͕ͳͯ͘΋ಈ࡞͢ΔΑ͏ʹͳͬͨ� wQSPEVDUJPO�NPEFͱEFWFMPQNFOU�NPEF͕
 ௥Ճ͞Εͨ� w$PNNPOT$IVOL1MVHJO͕࡟আ͞Εͨ� wϏϧυεϐʔυ͕͔ͳΓ޲্͞Εͨ� wϝδϟʔϦϦʔεʹίʔυωʔϜ͕ͭ͘Α͏ʹͳͬͨ
 ʢXFCQBDL�W�ͷίʔυωʔϜ͸-FHBUPʣ ओͳมߋ఺ wઃఆϑΝΠϧ͕ͳͯ͘΋ಈ࡞͢ΔΑ͏ʹͳͬͨ� wQSPEVDUJPO�NPEFͱEFWFMPQNFOU�NPEF͕
 ௥Ճ͞Εͨ� w$PNNPOT$IVOL1MVHJO͕࡟

    webpack v4について
  • 正規表現リファレンス - CoffeeScript

    正規表現リファレンス(CoffeeScript) 正規表現はパターンとフラグを/で区切って記述します。フラグは指定しなくても構いません。 /パターン/フラグ フラグ フラグには以下の文字が指定可能です。 g 最初の1個だけでなく、文字列の最後まで検索を繰り返します。「グローバルマッチ」とも呼ばれます。 文字列.replaceメソッドでgフラグを指定すると、見つかったすべての部分文字列が置換されます。 # 最初のaaだけが置換される "aabbaabb".replace(/aa/, "cc") # => 'ccbbaabb' # すべてのaaが置換される "aabbaabb".replace(/aa/g, "cc") # => 'ccbbccbb' i 大文字小文字を区別せずにマッチします。 # 大文字のXYZにのみマッチする /XYZ/.test("xyz") # => false # 大

  • Reactのライフサイクル - React入門 - to-R Media

    記事ではClassコンポーネントに指定できるライフサイクルイベントについて解説を行っています。 React 16.8よりfunctionコンポーネントにライフサイクルイベントに似た機能が追加できるuseEffectが追加されましたのでそちらも参考にしてください。 useEffect / React Hooks – React入門 ライフサイクルメソッドの種類 用意されているライフサイクルメソッドは以下の7種類です componentWillMount() コンポーネントがマウント(配置)される直前に呼び出されるメソッド。 このメソッド内でsetStateでstateを変更すると描画時には変更されたstateで描画されます。 componentDidMount() コンポーネントがマウント(配置)された直前に呼び出されるメソッド。 以下のように指定することで状態変化に応じた処理を行うことが

    Reactのライフサイクル - React入門 - to-R Media
    momijitan
    momijitan 2018/02/23
    “マウント(配置)”
  • jQuery のバブリング、preventDefault() や stopPropagation() の使用例 | Tips Note by TAM

    2014.06.16 jQuery のバブリング、preventDefault() や stopPropagation() の使用例 jQuery のイベントのバブリング (伝播) については下記のサイトがほんとに分かりやすくて、読んでいただければもうあらためて書くことはないのですが、 jQueryのバブリングと、「return false;」「e.stopPropagation();」「e.preventDefault();」について (ふじこのプログラミング奮闘記 3行でまとめると、 クリックなどのイベントは、子要素から親要素へと伝播される(バブリング) preventDefault() は、その要素のイベントをキャンセルし、stopPropagation()は、親要素への伝播をキャンセルする。 return false; を使うと、その要素のイベントも親要素への伝播も両方キャンセルす

    jQuery のバブリング、preventDefault() や stopPropagation() の使用例 | Tips Note by TAM
  • JavaScriptでUserAgentを使った判別をする

    ユーザーエージェントを使って、ブラウザの判別とスマホ・タブレットかどうかの判別を行ってみます。 ブラウザの判別 PC向けにどのブラウザで閲覧しているかを判別してみます。 var ua = navigator.userAgent.toLowerCase(); var ver = navigator.appVersion.toLowerCase(); // IE(11以外) var isMSIE = (ua.indexOf('msie') > -1) && (ua.indexOf('opera') == -1); // IE6 var isIE6 = isMSIE && (ver.indexOf('msie 6.') > -1); // IE7 var isIE7 = isMSIE && (ver.indexOf('msie 7.') > -1); // IE8 var isIE8 = isM

    JavaScriptでUserAgentを使った判別をする
  • シェアボタンを押した時に小窓で開くようにする方法 | q-Az

    記事下などにある SNS のシェアボタンを押した時に、別タブではなく小窓で開くようにする方法です。JavaScript を使って実装します。小窓というのは小さなウィンドウのことです。 小窓(小さなウィンドウ)で開くメリット 小窓で開くことのメリットは色々ありますが、それぞれのシェアボタンの移動先が小窓で開くことが前提になっている SNS もあるので、そのまま別タブで開くと表示が崩れる SNS もあります。facebook や Google+ がそうですね。 小窓で開かない場合 別タブで開くことになるので、余白が多く左によってしまい不格好です。 小窓で開く場合 小さなウィンドウで開くので余白がほとんどありません。 また、小窓で開くことで別タブに行ってしまうことがないので、ページに留まってもらいやすいとかいうことがあるかもしれませんし、ないかもしれません。 以下スクリプトコードの解説です。 シ

    シェアボタンを押した時に小窓で開くようにする方法 | q-Az
    momijitan
    momijitan 2017/06/03
    これが知りたかった…!!!
  • 結局「下からのスクロール位置」を取得するにはどうすればいいのか - Qiita

    最近の Web サービスでよくある「下までスクロールしたら次のコンテンツを読み込む(オートページャライズ)」を実装するためには、当然ですが「下までスクロールしたかどうか」を検出する必要があります。 これが簡単そうに見えて意外と面倒臭く、自分も毎回思い出すのに時間がかかってしまいます。 御託はいいから結論を先に言え これでよさそう function getScrollBottom() { var body = window.document.body; var html = window.document.documentElement; var scrollTop = body.scrollTop || html.scrollTop; return html.scrollHeight - html.clientHeight - scrollTop; } 以下、解説です どんな値が取得できる

    結局「下からのスクロール位置」を取得するにはどうすればいいのか - Qiita
  • テキストボックスに入力された値を取得する (JavaScript プログラミング)

    記述例 var TextValue = document.id_form1.id_textBox1.value; 実装例 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script type="text/javascript" language="javascript"> function onButtonClick() { target = document.getElementById("output"); target.innerText = document.forms.id_form1.id_textBox1.value;

    テキストボックスに入力された値を取得する (JavaScript プログラミング)
  • ボタンのクリック時にJavaScriptを実行する (JavaScript プログラミング)

    ボタンがクリックされたタイミングでJavaScriptを実行するコードを紹介します。 概要 ボタン(INPUTタグのボタン)がクリックされたタイミングでJavaScriptを実行する場合には、ボタンのonClickイベントを実装します。INPUTタグのOnClick属性にJavaScriptを記述することで、onClickイベントを実装でき、ボタンクリック時にJavaScriptを実行できます。 書式 ボタンのINPUTタグ内に onclick 属性を指定し、値に実行するJavaScriptのコードを記述します。 <input type="button" value="(ボタンのキャプション)" onclick="(実行するJavaScriptのコード)"/> 実装例1 コード 下記のHTMLファイルを作成します。 <!DOCTYPE html PUBLIC "-//W3C//DTD XH

    ボタンのクリック時にJavaScriptを実行する (JavaScript プログラミング)
  • ituore.com - ituore リソースおよび情報

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

    ituore.com - ituore リソースおよび情報
    momijitan
    momijitan 2016/09/05
    おおおおこういうの待ってた!!
  • 1