ブログ記事295件
「jquery-qrcode」は動的に二次元コードを作成するjQueryのライブラリです。$("#qrcode").empty();jQuery('#qrcode').qrcode({text:url});https://github.com/jeromeetienne/jquery-qrcode
難しいjavaScriptの勉強が終わりにさしかかってきましたそんな折りに先生と私の予定が合わず次の授業まで結構空しまいました。今後の予定としてJavaScriptの後はjQuerを学習すると先生から言われていたので、この時間を利用して予習しておけば授業もスムーズに進むのではと思いネットでjQuerの教科書を探しました。で、思ったのが新しい教科書がない？ってこと1番新しい教科書で2015年初版のものでした。もう10年前・・・概要だけでも理解できればいいかと思いポチりました。そ
一昔前のJavaScriptはブラウザ間のサポート状況がバラバラだったのでjQueryなどのライブラリがよく使われましたが、ES5に始まる言語仕様のアップデートとモダンブラウザの台頭で、今では脱jQueryが言われるようになりました。その代わり主流になってきたのがAngularに始まるフレームワークです。最近はReactとVueが２大巨頭でしょうか。元々Windowsアプリなどでよく使われていたMVC設計をJavaScriptで実現しているのが特徴
昨日は仕事の先輩達と和食と鮨のに条さんで会食しました。この時期だけの生ウニ丼✨やっぱり美味しい〜😋野菜の天ぷらお通しの、北海シマエビ北海道の短い夏グルメの季節です😄プログラミングスクールが今日で終了しました。半年弱通って、HTML/CSS、JavaScript/jQueryを勉強しました。一通り終わりましたが、１人で一からWebサイトやアプリを作るのは難しいまだまだ、勉強と慣れが必要です。習い事は“楽しい”に越したことはないんですが、ずっと楽しいなんて
プログラミングスクールの話ですが、Javascript&jQuery基礎コースが終了しました。が、Javascript、難しくて、コーディングの意味がさっぱりわかりません💦😓“覚えられない”じゃなくて、“理解できない”ので、危機感を感じます😟次回からJavascriptとjQueryを使って、サイト作成のコース(全10回)に進む予定なんですが、不安しかありません🙁インストラクターさん曰く、「実際にサイトを作ってみれば、だんだんわかってくる。」とのことなので、ま
半日仕事の後、プログラミングスクールへ。今日で、基礎コース25回が終わりました。25回で、Webサイトを2つ作りました。1つ目は、HTML/CSSの記述方法の基本を習ってから、実際にお手本に沿ってWebサイトを作り、Javascriptで動きをつけ、2つ目のサイトでは、HTML/CSSでWebサイトを作ったあと、レスポンシブ対応PC、スマホ、タブレットなど、色々なデバイスで表示できるようにする方法を習いました。それから、jQueryを使って、・スムース
jqueryを最新の状態で使うために(｀・ω・´)jQueryの公式CDNhttps://releases.jquery.com/GoogleのCDNhttps://developers.google.com/speed/libraries?hl=ja#jqueryMicrosoftのCDNhttps://learn.microsoft.com/en-us/aspnet/ajax/cdn/overview#jQuery_Releases_on_the_CDN_0動
Progate：Html&cssまとめhtml・見出し：<h1></h1>・段落：<p></p>・リンク：<ahref="url"></a>・画像：<imgsrc="url">・黒点リスト：<ul><li></li><li></li><li></li></ul>・数字リスト：<ol><li></li><li></li><li></li></ol>・スパン：<span></span>FontAwesomeの読込と使用・<linkrel="stylesh
ProgateのjQueryまとめ基礎と準備：jQueryとは：JSのライブラリでhtml/cssで出来なかった動作をつけるjQueryの読み込み（index.html）：<head><scriptsrc="http・・・"></script></head>jQueryファイルの読み込み（index.html）：<body><scriptsrc="script.js"></script></body>bodyの終了タグ直前に設置jQuery操作開始がhtmlの読込
ProgateのjQuery上級編まとめメソッド：・eqメソッド：インデックス番号を指定する・indexメソッド：インデックス番号を取得する・prevメソッドとnextメソッド：兄弟要素から1つ前や後の要素を取得するクリックしたボタンと同じ番号のスライドを表示：例）❸をクリックするとスライド3が表示される⓪cssでactiveクラスを定義する。中身はdisplay:blockにする。.active{display:block;}①クリックしたボタンと同
Progate：jQuery上級編（パート3：ページに動きを与えよう）animateメソッド：マウスを乗せたらアイコンが大きくなるというアニメーションを入れたい場合、ex.$(‘h1’).animate({‘font-size’:’50px’},1000);*速さもミリ秒単位かslowやfastなどで指定できるhoverイベントとanimateメソッド：*実践$('.social-icon').hover(function(){$(thi
ProgateのjQuery上級編（パート2：フォームを操作しよう）フォームを操作しようjQueryを使ってHTMLから情報を取得するtextメソッド：今までのtextメソッドの使いかた：文章を書きかえる$(‘h1’).text(‘こんばんは’);今回のtextメソッドの使い方：文字列をゲットするvartext=$(‘p’).text();*引数を設定しないことによって文字列をゲットするhtmlメソッド：index.html<divid=“m
ProgateのjQuery上級編（パート1：スライド編）ProgateのjQuery上級者編は長かったので3パートに分けて記事にする。スライドを作ろうjQueryオブジェクトの構造：index.html<ul><li>リスト1</li><li>リスト2</li><li>リスト3</li></ul>script.js$(‘li’)次のようにセレクタに合致した要素が配列のように並んでいる=>[<li>リスト1</li>,
ProgateのjQuery中級編（道場レッスン）■課題1：モーダルの表示非表示手順STEP①：新規登録モーダルを表示させるSTEP②：新規登録モーダルを閉じるボタンを押して隠すSTEP①：新規登録モーダルを表示させる⑴モーダルを隠すindex.html<divclass="signup-modal-wrapper"><divclass="modal"><div><iclass="fafa-2xfa-ti
ProgateのjQuery中級編HTMLで作成したランディングページに動きをつけていくjQueryの読み込み：<head><scriptsrc=“http・・・”></script></head>jQueryファイルの読み込み：<body><scriptsrc=“script.js”></script></body>*bodyの終了タグ直前に入れることで、Webページの表示速度を早めることが出来る。readyイベントの設置：
ProgateのjQuery初級編jQueryとは：ユーザーがクリックして表示されるフォーム、アニメーションなど、HTML/CSSでは表現できなかったことが出来るjQueryの書き方：ステップ①：jQueryオブジェクトを作成。「$(‘セレクタ’)」ステップ②：メソッド（機能）を呼び出す。「.メソッド(引数);」まとめると以下のようになる。$(‘セレクタ’).メソッド(引数);*「何を」「どうするか」という書き方hideメソッド：要素を隠すメソッド
9/16午後-18深夜までは、遠方へ外出しておりました。良い日々でした。さて、今日からいつものリズムになっていきます。デイトラ中級編DAY4JavaScriptDOMJSFiddle（ジェイエスフィドル）というWeb上サービス。document.getELementById('servixe-title').innerTextというのが基本的構文「.」で区切られていて、document．どういう方法で取ってくるか（'何を取ってくる'）．取ってきたものに対して何をする
日付を入力するコンポーネントは、jQueryのDatepickerを使います。Datepickerは、標準的なフォーム入力フィールド（<inputtype="text">）と関連付けられています。入力にフォーカスを合わせると（クリックするか、タブキーを使う）、小さなオーバーレイにインタラクティブなカレンダーが表示されます。日付を選択し、ページ上の他の場所をクリックするか、Escキーを押して閉じます。日付が選択されると、入力の値としてフィードバックが表示されます。Da
