Mozilla CorporationでJavaScriptのエバンジェリストとして働く、John Resig氏によって作られたJavaScriptライブラリ。メソッドチェーンで処理をどんどんつないでいける特徴を持つ。 モットーは「Writing JavaScript code should be fun.」。
はじめに jQueryのプラグインであるjquery-cookie.jsを利用する機会があったので備忘録として残しておきます。 jquery-cookie.js jquery-cookie.jsはjQueryを用いてcookieの登録や取得、削除等を行うプラグインです。 GitHub - carhartl/jquery-cookie: No longer maintained, superseded by JS Cookie: 使い方は以下です。 cookieの登録 $.cookie('cookieのname', 'cookieのvalue', { '各属性' }); 各属性ではexpires…
完全に自分用のメモ。 スクリプトを読み込む順番 jQueryを利用したjavascriptファイルmain.jsがあるとする。 main.jsを読み込む前にjQueryを読み込む必要がある main.jsを読み込む前にDOMが生成されていなければならない。 プロパティへのアクセスの方法 jQueryオブジェクト内のDOM要素のプロパティにアクセスするには、専用のメソッドを介して行う方法とDOM要素から直接参照する方法がある。 次の2つの書き方はどちらも同じ結果をコンソールに出力する。 // jQueryオブジェクトからアクセスする方法と、DOMオブジェクトからアクセスする方法 // $(thi…
キャリアアドバイザーが担う顧客管理を、より効率的で充実したものにするためにリリースされた社内顧客管理システム、“CANDy(キャンディ)”。前回の取材では、プロジェクトを主導した二人に背景や成功の要因をお話しいただき、一つのポイントとして「内製開発エンジニアの活躍」が浮かび上がりました。 そこで今回は、開発チームの宮澤と江森、石井、久保木の4名にインタビュー。内製エンジニアとしての取り組みと思いにフォーカスしながら、開発の裏側に迫ります。 柔軟に“最適解”を探るために内製開発チームが始動 未来のことを考え、システムの課題改善や古い仕組みの刷新にも着手 成功の鍵は、事業側と同じゴールを見て適切な…
今回は、csv2tableというjQueryプラグインを使って、CSVファイルをWebブラウザ上で表示する方法を紹介します。 JavaScript/jQuery JavaScriptを使うと、Webページ上の表示をユーザの操作に合わせて動的に変えられます。さらに、jQueryというJavaScriptのライブラリを使用することで、複雑な処理を簡単に実装できます。 jQuery csv2tableの取得 以下のページからcsv2rableのjsファイルを取得します。 https://jsgt.org/lib/jquery/plugin/csv2table/v002/test.htm「Source…
テンプレートエンジンで直接 script を呼ぶ古代の環境の開発をしています。 前回 TypeScript を babel + webpack でトランスパイルできるようにしたのですが、なんとこのプロジェクトでは古の jQuery が使われていました!!!! CDN から読み込まれている jQuery を使用している箇所で TypeError になってしまうので TypeScript で CDN で読み込まれている jQuery を扱えるようにしたメモ (レガシー環境過ぎて誰得なんだ…) Webpack で bundle しないための設定 Externals The externals con…
jQuery上級編、明日にはクリアできるかな まだまだすべてを理解はできていませんがよく使うコードの関しては ああここはこれね、とすぐに判断できるようになってきた それだけでも勉強してきた成果がでてきたのかなと思えるのです 続けていって結果がでるかどうかの不安もありますが やらねばそこで終り、というポジティブなんだかネガティブなんだかわからん考えで これからも頑張っていきたいです 新しい机購入 長机を購入、まだ組み立ててないけど これにより作業スペースや効率がアップ…したらいいな 購入したのはこちら、値段もそんなんでもないし最悪合わなかったら…という考えも混みで買ってみた、見た目や使い易さはま…
今日も引き続きprogate勉強 他にも色々やる予定だったがだらだらして結局何もしないまま夜になってしまった 今日はこれをやる、という計画の内容を視認できるようにしたほうがいいのかもしれん これから寒くなってくると余計に動けなくなるのでやることメモでも作るかな
jQuery上級編スタート ボタンを選んで特定の絵を表示させたりスライドさせたりなどなど これが終わったら次はどうしよかな 今日は本屋などに行って参考書の中身を見てきました 自分は電子書籍派なんで本屋からしたら冷やかしにしかならんのですけど・・・すまぬ 結論から言えば現状自分のLvで不要な本になるもんはないって感じですです 迷ってる暇があるなら買ってから後悔したほうがまだ時間的にもよさそう Amazonチャージもしてきたんで色々買っていこうかと思います
jQuery道場編終了、あとは上級編のみ javascriptやCSSも本を購入して繰り返し作業しながら知識を身に染み込ませたい progateを多少やった身ではありますが参考書は「入門」なのかその次のLvなのか が微妙なところ、今度本屋にでも行って中身を見てこよう 話は変わりますが自分は格闘ゲームを見るのが好きです プレイはしない、だって下手なんだもの… ちなみにyoutbeでよく見ているのがこちら www.youtube.com コロナの影響で中止していたイベントが復活した大会の模様 緊急事態宣言などで変わってしまった日常、まだまだ以前の状態には戻りませんが少しずつ元の日々に戻っていったら…
jQuery 中級編クリア 色々調べてみるとブログにjavascriptを導入するためには手順が必要っぽい 休日になったらその辺をクリアにしていきたい 最近長机を買おうと思って色々見ております 今の状態だと別の作業をするためにいちいち片付けんといかんのでそれが不便でしかたない 良さげなものを見つけてはレビューをみてみたりしていますが 足場ががたつく、机自体が重い、組み立てが大変、という文字を見るたびにしり込みしてしまっています 参考にして判断すべきか、それとも気にし過ぎず気に入ったものを選ぶべきか…
エンジニア・プログラマーの学習に約立つコンテンツのセール情報を集めました 1位 現役シリコンバレーエンジニアが教えるPython 3 入門 + 応用 +アメリカのシリコンバレー流コードスタイル ¥24,000 → ¥1,960 92%OFF!! ⭐ ⭐ ⭐ ⭐ (17,498件) 現役シリコンバレーエンジニアが教えるPython入門!応用では、データ解析、データーベース、ネットワーク、暗号化、並列化、テスト、インフラ自動化、キューイングシステム、非同期処理など盛り沢山の内容です! 2位 【キカガク流】人工知能・機械学習 脱ブラックボックス講座 - 初級編 - ¥15,000 → ¥1,840 …
世代におけるフロントエンド技術の特徴 フロントエンド技術を世代分けすると、第1世代が prototype.jsやjQuery といった DOM 操作を中心に据えたユーティリティライブラリ、第2世代がAngularJSが挙げられます。 現在はReact、Vue.js、Angularが第3世代と呼ばれています。 世代 特徴 代表的なライブラリ/フレームワーク 第1世代 DOM操作を中心に据えたユーティリティライブラリ prototype.js jQuery 第2世代 MV*アーキテクチャを採用した、modelとのデータバインディングを行うためのフレームワーク AngularJSBackborn.j…
エンジニア・プログラマーの学習に約立つコンテンツのセール情報を集めました 1位 現役シリコンバレーエンジニアが教えるPython 3 入門 + 応用 +アメリカのシリコンバレー流コードスタイル ¥24,000 → ¥1,960 92%OFF!! ⭐ ⭐ ⭐ ⭐ (17,481件) 現役シリコンバレーエンジニアが教えるPython入門!応用では、データ解析、データーベース、ネットワーク、暗号化、並列化、テスト、インフラ自動化、キューイングシステム、非同期処理など盛り沢山の内容です! 2位 【キカガク流】人工知能・機械学習 脱ブラックボックス講座 - 初級編 - ¥15,000 → ¥1,840 …
Windows10 64bit nicepageを使ってみた。 これはあまり無料ツールとは言えない。 無料プランはあるけれども、できることは少ないようだ。 nicepage.com 「7日間は全機能使えます、8日目からは制限します」と書かれている。 サブスクではなく買い切りのようだ。 早速Windows版をダウンロードしてインストールしてみた。 (ブラウザで出来るので、実は必要ない。) 起動するとこんな感じだ。チュートリアルで作成したpageが1つあるが。 メニューは「Figma」より断然わかりやすい!! 操作性も良い。ページに並べられたパーツが一覧化されていてわかりやすい。 さて、これをエク…
エンジニア・プログラマーの学習に約立つコンテンツのセール情報を集めました 1位 現役シリコンバレーエンジニアが教えるPython 3 入門 + 応用 +アメリカのシリコンバレー流コードスタイル ¥24,000 → ¥1,960 92%OFF!! ⭐ ⭐ ⭐ ⭐ (17,478件) 現役シリコンバレーエンジニアが教えるPython入門!応用では、データ解析、データーベース、ネットワーク、暗号化、並列化、テスト、インフラ自動化、キューイングシステム、非同期処理など盛り沢山の内容です! 2位 【キカガク流】人工知能・機械学習 脱ブラックボックス講座 - 初級編 - ¥15,000 → ¥1,840 …
前回: サバイバルTypeScriptを読んだ - t_hazawaの日記 やりたいこと・概要 時間まとめ 今回 つまり 勉強したこと (まとめ) 勉強したこと (詳細) Jest 編 まだ謎なこと 次回 やりたいこと・概要 TypeScriptになってないが、そこそこJSがモダンなプロダクトがある TypeScript を導入したい 前回、TypeScript 自体を勉強した 前回: サバイバルTypeScriptを読んだ - t_hazawaの日記 TypeScript をどう導入するかしらべたぞ 大体 webpack で ts-loader 時間まとめ (前回までのあらすじ) TS自体を…
別にこれはなんとか講座でもないから初級とかつける必要なんてなかったりする はい、おはようございます。僕です。今日も人生を送っていきます。ということでですね、なんかタイトルにあるようにね。そういうことできるの見つけたのでやってみることにしました。これ。なんかこういうのがその昔はてなブックマークたくさんついてたからこれやることにします。 webdesigner-go.comこれの企業サイトのやつをやってみます。 やった これは解説講座とかではないので、そういうのがみたい人は元サイトを見て自分でやってくれ。andou666.github.io 素材はもとのままですが前回に引き続き中身をいじってます。…
こんにちは岩田です。 今回は、投稿日のデザイン変更及び更新日を新たに表示させるカスタマイズをしましたのでご紹介します。 カスタマイズの部分だけ知りたい方はカスタマイズの部分から読んで下さい。 デザインのビフォーアフター 変更前 変更後 更新日を記事に表示させることはSEO対策になる? 更新日がコンテンツの新しさの判断基準になる 更新日はユーザー及び検索エンジンの双方で、SEOの観点からキーとなる情報である デフォルトでは更新日は表示されない カスタマイズの方法 手順 head内への貼り付け 記事下部への貼り付け CSSへの貼り付け デザインのビフォーアフター まずはじめにこんな感じになりました…
エンジニア・プログラマーの学習に約立つコンテンツのセール情報を集めました 1位 現役シリコンバレーエンジニアが教えるPython 3 入門 + 応用 +アメリカのシリコンバレー流コードスタイル ¥24,000 → ¥1,960 92%OFF!! ⭐ ⭐ ⭐ ⭐ (17,469件) 現役シリコンバレーエンジニアが教えるPython入門!応用では、データ解析、データーベース、ネットワーク、暗号化、並列化、テスト、インフラ自動化、キューイングシステム、非同期処理など盛り沢山の内容です! 2位 【キカガク流】人工知能・機械学習 脱ブラックボックス講座 - 初級編 - ¥15,000 → ¥1,840 …
今回作った2作目のPFで学んだことを箇条書きで列挙していく。 Rails7系の導入。 今までRailsの6系で作業していたので 一度7系を導入してみようと思って 導入してみた。ただ、やはり6と7の違いは 大きなものを感じて、詰まったことが多々あった。 詳しいことは以下の記事を参照してね。 qiita.com 次回は6系でサービスを作った方がいいと思う。 ちなみに7系の場合「bin/rails s」ではなく「bin/dev」でやった方がいいらしい。 tailwind cssの導入。 今までbootstrapを使っていたけど それ以外で試してみたいと思い 一度tailwind cssを使ってみたい…
ちょっぱやだと噂の Vite で React のプロジェクトを作ってみた素振りのメモ Vite とゎ? 昨今の巨大な JavaScript のプロジェクトはモジュールバンドルのパフォーマンスがボトルネックになってきていた。 従来のものは更新頻度の少ないファイルも全てバンドルして提供していた。 開発サーバーでは10倍から100倍高速である esbuild を用いて依存関係を事前にバンドルし、 native ESM を利用することで頻繁に更新されるファイルを Dynamic import するようにして高速化させている。 Production ではコード分割やCSSの処理が成熟している Rollu…
エンジニア・プログラマーの学習に約立つコンテンツのセール情報を集めました 1位 現役シリコンバレーエンジニアが教えるPython 3 入門 + 応用 +アメリカのシリコンバレー流コードスタイル ¥24,000 → ¥1,960 92%OFF!! ⭐ ⭐ ⭐ ⭐ (17,463件) 現役シリコンバレーエンジニアが教えるPython入門!応用では、データ解析、データーベース、ネットワーク、暗号化、並列化、テスト、インフラ自動化、キューイングシステム、非同期処理など盛り沢山の内容です! 2位 【キカガク流】人工知能・機械学習 脱ブラックボックス講座 - 初級編 - ¥15,000 → ¥1,840 …
エンジニア・プログラマーの学習に約立つコンテンツのセール情報を集めました 1位 現役シリコンバレーエンジニアが教えるPython 3 入門 + 応用 +アメリカのシリコンバレー流コードスタイル ¥24,000 → ¥1,720 93%OFF!! ⭐ ⭐ ⭐ ⭐ (17,463件) 現役シリコンバレーエンジニアが教えるPython入門!応用では、データ解析、データーベース、ネットワーク、暗号化、並列化、テスト、インフラ自動化、キューイングシステム、非同期処理など盛り沢山の内容です! 2位 【キカガク流】人工知能・機械学習 脱ブラックボックス講座 - 初級編 - ¥15,000 → ¥1,600 …
Lambda function URL活用案件として、Lambdaだけを使ってアンケートフォームを作ってみた。 実際は回答の閲覧用にSlackも使ってるが、ほかは本当にLambdaだけ。アーキテクチャ デモはこれ。 (いつか消すかも) コード 冗長な部分もあるので、要点だけ抜粋。フルのコードはこちらに載せた。 これをLambdaのマネコンでデプロイし、Function URLを設定すれば良い。 また、 SLACK_WEBHOOK_URL 環境変数を設定すれば、アンケート結果をSlackに送信できる。 const https = require('https') exports.handler …
エンジニア・プログラマーの学習に約立つコンテンツのセール情報を集めました 1位 現役シリコンバレーエンジニアが教えるPython 3 入門 + 応用 +アメリカのシリコンバレー流コードスタイル ¥24,000 → ¥1,720 93%OFF!! ⭐ ⭐ ⭐ ⭐ (17,456件) 現役シリコンバレーエンジニアが教えるPython入門!応用では、データ解析、データーベース、ネットワーク、暗号化、並列化、テスト、インフラ自動化、キューイングシステム、非同期処理など盛り沢山の内容です! 2位 【キカガク流】人工知能・機械学習 脱ブラックボックス講座 - 初級編 - ¥15,000 → ¥1,600 …