Ruby、jQueryなどの廃れていくOSSを開発している人達はどういう気持ちで日々それらを開発しているんですか？ - Quora

2020/11/19 534 users Quora OSS Ruby 気持ち 人達

続きを読む

レガシーおじさん、SPAを始めてみた。そして限界を知る

2020/10/19 744 users SPA ERB 限界 JSP web界隈

はじめに 最近、Webの記事を見てるとReactだVue.jsばかりが上がっていてJSPやERBの話をしてる人は誰もいません。jQueryの記事ももちろん見ない。 つまり、Webだけ見る限りではほとんどの人がSPAを使ってるように見えます。 私はWeb界隈には居るもののどちらかというとバックエンド寄り、もっというとそもそもWebとか関係... 続きを読む

スナック「jQuery」 - Qiita

2020/05/06 586 users Qiita 水割り 昔話 あたし スナック

……あら、いらっしゃい。 若いお客さんなんて珍しいわねえ。昔は、この街一番の人気店でね、若いお客さんもたくさんいたんだけどさ。最近はめっきり減っちゃってね。 何飲む？　……水割り？　わかったわ。 じゃあさ、ちょっとだけ、あたしの昔話に付き合ってもらってもいいかしら。 What is jQuery? この店――『jQuery』が... 続きを読む

Webフロントエンドとサーバーサイドの技術動向をざっくり整理する／JavaScript - "BOKU"のITな日常

2019/04/17 603 users boku Webフロントエンド サーバーサイド 整理 目的

今回は、WEBフロントエンドとサーバーサイドあたりの技術動向を、ざっくりとアウトラインだけ整理してみようかと思います。 整理の目的 今のところ。 自分的には、jQueryで困っていることは特にありません。 なんですが、久々に既存システム縛りの無いWeb開発の話があり、「せっかくだから、jQuery以外のJavaScriptフレ... 続きを読む

一休.comホテルページのスマホ版からjQuery依存を取り除くためにやったこと - 一休.com Developers Blog

2019/01/17 637 users jQuery依存 fetch Polyfill スマホ版 経緯

一休.comでWebフロントエンドを開発している宇都宮です。 先日、一休.comホテルページのスマホ版から、jQueryを取り除きました。jQueryを取り除いた経緯、やったこと、結果について書きます。 なぜjQueryを取り除いたのか？ どうやったのか 何をやったのか jQuery.ajax() => fetch に置き換え fetchのpolyfillを採用した... 続きを読む

jQueryを卒業したかった僕がReact StaticでReactをイチから学んでWebサイトを作った話 | ヌーラボ

2018/03/26 697 users React styled-components ヌーラボ

Typetalk フロントエンドエンジニアの岡藤です。先日Typetalk Webサイトリニューアル に伴い、フロントエンドの技術を jQuery から  React + styled-components  に刷新しました 。 本記事では、React を用いた Web サイト制作についてお伝えします。 はじめに タイトルにもあるように、僕は今まで JavaScript を書く必要がある時は使い慣... 続きを読む

これからは今まで以上に、jQueryが必要なくなるかもしれない | コリス

2017/07/14 531 users コリス jQuery無し 軽量スクリプト ライセンス 半年

3, 4年前あたりから、jQuery無しでこう記述するとか、jQueryの一部の機能を代替する軽量スクリプトなどが出始めました。 2017年も半年が過ぎ、その状況はさらに変わり始めています。 (Now More Than Ever) You Might Not Need jQuery 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 現在... 続きを読む

脱jQueryのためにしたこと - Qiita

2017/04/18 515 users Qiita RIA Wonderfl Beautifl 主張

脱jQueryという主張をよく耳にします。 私の個人プロジェクト「 Beautifl - Flash Gallery 」のリニューアルでも、依存しまくっていたjQueryの採用をやめました。 サイトを立ち上げたのは8年前の2009年。当時は最盛期だったjQueryをふんだんに使って、インタラクションの充実したRIAの開発に挑戦していました（参照：「 wonderflのギャラリーサイトBeautif... 続きを読む

2017年のフロントエンドエンジニアならこの程度は知ってて当然だよな？ - Qiita

2017/02/14 1322 users Qiita 向こう フロントエンドエンジニア ツール 以下

って 海の向こうの人 が言ってました。 私はjQueryさえあれば概ね生きていけるので全然知らないけど、 あなたは全部知ってるフロントエンドエンジニアなんだね。すごーい！ 以下は Front-End Developer Handbook 2017 の第三部、 Front-end Developer Tools からリンクされているツールと、その簡単な紹介です。 ドキュメントツール Dash 150... 続きを読む

Reactを使うとなぜjQueryが要らなくなるのか - Qiita

2016/05/09 879 users Qiita React React.js チュートリアル 対象

はじめに React (React.js) を知らない、あるいは幾つか記事を見たけどなんなのかピンと来ていない、という人のために、少し前にピンと来たばかり（のつもり）の人が書いています。基本的に「jQueryくらいしか知らないけど、それで十分やっていけてるし…」くらいの人が対象です。やる気が出ればドキュメントを読んでチュートリアルで手を動かせばあっという間でしょうが、そこまでのやる気が出ることを目... 続きを読む

2015年総まとめ、jQueryのプラグインとスクリプト100選 | コリス

2015/12/17 501 users コリス SVG ユーザビリティ スクリプト アニメーション

毎年恒例のjQueryのプラグインとスクリプトの総まとめを紹介します。「100選」の名称は恒例なので、実際は100以上あります。 今年目立ったのは、ランディングページなどの縦長ページ系、スクロールエフェクト系・CSSやSVGのアニメーションでしょうか。あとレスポンシブ周りも単にサイズ変化に対応させるだけでなく、ユーザビリティを向上させるものが充実していました。 背景関連 SVG関連 縦長ページ関連... 続きを読む

短期間である程度までjQueryができるようになる独学Webデザイン勉強法を書いてみる - Yukihy Life

2015/10/08 682 users www.yukihy.com CSS HTML 程度 挑戦

2015-10-08 短期間である程度までjQueryができるようになる独学Webデザイン勉強法を書いてみる Web制作 Google Pocket Line HTML、CSSの勉強法を以前書きました。 www.yukihy.com この記事を書いたあと、jQueryに挑戦をして、まだまだ完璧ではないものの実際にこのはてなブログを通して、いろんなブログパーツのようなものを作ることができました。 そ... 続きを読む

[JS]最近のWebサイトで見かける気持ちいいアニメーション、便利な仕掛けや機能を実装するスクリプトのまとめ | コリス

2015/07/23 584 users コリス jQueryTween スクリプト エフェクト 機能

最近のWebサイトで見かける気持ちいいインタラクションやエフェクト、面白い仕掛けのコンテンツや便利な機能を実装できるスクリプトやjQueryのプラグインを紹介します。 画像: Girly Drop jQueryTween...記事の続きを読む 続きを読む

HTML／CSS、PHP、jQueryの基礎を学ぶなら超オススメ！プログラミング学習サービス「Progate」 | OZPAの表4

2015/01/19 850 users Twitter OZPA Progate エディタ CSS

まずはProgateへアクセスしてアカウントを作成。私はTwitterで認証しました。 現在学べる言語は HTML & CSS PHP jQuery の3言語の基礎部分。 とりあえずHTML & CSSをやってみましょう。 学習の流れ 学習の流れは3ステップ。 スライドで基礎知識を学習 ブラウザ上のエディタにコードを書いて実際に学習 プレビュー画面で実際に挙動を確認→答え合わせ といった感じです。... 続きを読む

2014年総まとめ、jQueryのプラグインとスクリプト100選 | コリス

2014/12/05 691 users コリス SVG スクリプト 目玉 単体

毎年末にjQueryのプラグインをまとめていましたが、今年はプラグインの他に単体で動作するスクリプトも加えて、jQueryのプラグインとスクリプトの総まとめとして記事にしました。 今年目立ったのは、去年から引き続きアニメーション系、縦長ページ用のスクリプトでしょうか。 1カラムのレイアウトが流行っているためか背景関連も充実していました。それとSVGをより簡単に利用できるようになったのも大きな目玉で... 続きを読む

少しのコードで実装可能な20のWordPress小技集 | Webクリエイターボックス

2014/10/22 554 users 実装 Webクリエイターボックス コード 少し CSS

CSSの小技やjQueryの小技、スマートフォン対応など、これまで様々な小技集を紹介してきました。そこで今回はWordPressの小技を紹介しようと思います！基本から応用まで、簡単なコードで設置可能なので、WordPress初心者さんでも大丈夫！みなさんのサイトに合わせてカスタマイズしてくださいね！ 目次 カスタムメニューの設置 アイキャッチ画像（サムネイル画像）を利用する 検索ワードをハイライト... 続きを読む

[JS]最近のWebサイトで見かける面白い仕掛けや便利な機能を実装するスクリプトのまとめ | コリス

2014/09/29 502 users コリス ヘッダ スクリプト エフェクト デモ

最近のWebサイトでよく見かける面白い仕掛けのコンテンツやエフェクト、便利な機能を実装できるjQueryのプラグインやスクリプトを紹介します。 Midnight デモページ ロゴやヘッダなどをスクロール時に固定表示し、スクロールして表示されたコンテンツに応じて、固定エレメントのスタイルシートを変更させて表示するjQueryのプラグイン。 デモでは、表示されているコンテンツに応じて、ロゴの背景色とカ... 続きを読む

私がよく使っているjQueryプラグインまとめ（スライダー、モーダルウィンドウなど） | OZPAの表4

2014/08/06 611 users シンプ モーダルウインドウ カルーセルスライダー OZPA

こんにちは、暑いですね。脇汗すごいですね。僕が。 さて今回はWebページ作成時に、私がよく使っているjQueryプラグインをまとめてみました。（たまにjQueryが必須でないものもあります。） ※紹介しているプラグインを使用する際、ライセンスは各自で再度確認してくださいませ。 Owl Carousel 個人・商用利用可能。レスポンシブでいい感じに動作してくれるカルーセルスライダーです。動作もシンプ... 続きを読む

そこそこユーザビリティの高いフォームを作った - Liner Note

2014/01/19 942 users ユーザビリティ Liner Note GitHub フォーム

去年末実家に帰省していた時に、jQueryの練習＆業務で使うために、フォームバリデーションとか郵便番号変換とかを備えた、そこそこユーザビリティの高い入力フォームをコーディングしていたので、ここで公開しておきます。 フォームサンプル ご覧になれない方はこちらのフォームサンプルリンクからご確認ください ソースお持ち帰り用 (Github) ここで"そこそこ"と言っているのは、もともと業務でユーザビリテ... 続きを読む

[JS]jQueryのプラグイン100選 -2013年総集編 | コリス

2013/12/24 640 users コリス パララックス インタラクション スクリプト スマフォ

今年も数多くの素晴らしいjQueryのプラグインがリリースされました。当ブログで紹介したものをはじめ、未紹介のものまで、jQueryのプラグイン100+α選です。 今年目立ったのは、アニメーションを使ったスクロール関連のスクリプト。 スクロール前提の1ページサイト、パララックスなど、コンテンツをより大きなサイズで楽しむものが増えました。また、スマフォ・タブレットに大きく影響を受けたインタラクション... 続きを読む

『jQuery 最高の教科書』サンプルサイト

2013/12/04 919 users キャプション ホバーエフェクト かんたん 入門 丸いボタン

Chapter 02 3 ステップではじめるかんたん jQuery 入門 # Easing Chapter 04 確かな基礎力を養う jQuery の基本テクニック 01 さまざまなホバーエフェクトで学ぶ動きのある表現の基本 02 画像とキャプションの表現 03 丸いボタンのレイアウト 04 見え隠れするサイドバー 05 タイポグラフィの表現 # Chaper 04 完成版 Chapter 05 ... 続きを読む

年末までにjQueryをマスターしたい人必見！導入マニュアル＋すぐ使える厳選プラグイン | Find Job ! Startup

2013/11/21 806 users Startup イシジマミキ こたつ エントリ 目次

コタツにみかんが恋しくなってきましたね。こんにちは！ザ・マーズナレッジのイシジマミキです。 このエントリでは年末までにjQueryをマスターしたい人向けに、導入方法から絶対に役立つプラグインまで余さず紹介していきます。 目次 【導入マニュアル】 jQueryってなに？ jQueryを設置してみよう — ダウンロードする時にはバージョンに注意！ — HTMLにjQueryを読み込む — jQuery... 続きを読む

WordPressの表示を劇的に速くする jQuery/JavaScriptの高速化テクニック | Find Job ! Startup

2013/11/10 531 users WordP Startup ディレクター パク メソッド

数多くのメソッドが存在するWordPressの高速化。エンジニアさんならともかく、ディレクターやWeb担当者、ブロガー等 がやるとなると「本当に速くなるの？」「バグらない？」と心配にもなりますよね？ そこで今回は、Find Job ! Startupで実際に実装しているWordPress高速化手法を大公開！ぜひ参考にしてみてください。 ■Find Job ! Startupで実装しているWordP... 続きを読む

[JS]最近のウェブサイトで見かける面白い仕掛けを実装するスクリプトのまとめ | コリス

2013/10/01 760 users コリス スクリプト エフェクト 水平 スライド

最近よく見かけるかっこいいコンテンツやエフェクトを実装できるjQueryのプラグインを紹介します。 fullPage.js ポートフォリオや企業のプロモーションでもよく見かける1ページで構成されたサイトで、フルスクリーンの垂直スクロール、そして水平のスライドにも対応したウェブサイトを作るためのスクリプト。 こういう作りは特にタブレットで操作がしやすいですね。 FancyScroll.js スマフォ... 続きを読む

この上なく便利！すごい「jQuery」の小技まとめ３２ | コムテブログ

2013/07/01 1687 users コムテブログ プラグイン 定番 ブラウザ 近い将来

先日ECサイトを制作したときに、動きのあるサイトにしないといけなかったので、色々調べて組み込んでみたんですが、jQueryでもう何でも出来ちゃいますね。近い将来ローカルで画像なんかを編集しなくても、ブラウザだけで色々できるようになるんじゃないでしょうか。今回は定番からちょっとマイナー（Google Analytics関係とか）なものまでjQueryの小技、プラグインを集めさせていただきました。 も... 続きを読む