タグ

関連タグで絞り込む (49)

タグの絞り込みを解除

jQueryに関するblueribbonのブックマーク (31)

  • エンジニア向けチートシート集 - Qiita

    はじめに 今回はエンジニア向けのチートシート集のまとめを紹介していきます。 チートシートを利用することで 作業効率が上がる 概要が掴みやすい 学習にもなる といった恩恵が得られます。 ただし前提として毎回コードを書くたびに「チートシート集でカンニングすればええや」と思うのではなく「最初はチートシートでカンニングしつつ徐々に体で覚えていく」ことを意識して使うことが大切です。 最終的にはチートシートは見ずに「自分の使える技術」として定着させるための道具だと思って使ってください。 この記事の対象者 エンジニア初心者~中級者 作業効率を上げたい人 コードを書くテクニックを知りたい人 VsCodeチートシート はじめに紹介するのはエンジニアなら必ず使うであろうVsCodeのショートカットチートシートです。 VsCodeのショートカットは大幅に作業効率を上げてくれます。そのため早い内からショートカット

    エンジニア向けチートシート集 - Qiita

  • どのやり方がいい？ ブクマしておくと便利なjQuery無限スクロールまとめ


    WPJでも使っている﹁無限スクロール﹂。案件でいざ実装するとなってあちこち探しまわるのは面倒なもの。このページをブックマークしておくと便利ですね。 無限スクロール︵Infinite scroll︶は非常に一般的になった機能ですが、覚えておくと役立ちます。例えば、TwitterやFacebookなどもそうですが、ページ割りの仕組みがないWebサイトの場合です。また、サーチエンジンにも無限スクロールは有効です。無限スクロールにすれば、欲しいリンクが見つかるまでスクロールするので、ページごとで検索するよりサイト滞在時間が長くなります。もしプロジェクトで無限スクロールを使う必要がある場合は、以下に紹介する6つのデモをぜひ参考にしてみてください。 注意点として、6つめの例を除いてデモはすべてjQueryで書かれていて、いくつかはjQueryプラグインを使用しています。6つめの例は簡単にvanilla
    どのやり方がいい？ ブクマしておくと便利なjQuery無限スクロールまとめ

  • JavaScript,jQueryの爆速コーディング、デバッグ方法論の勧め～実践向け逆引き(windows,chrome向け)～ - Qiita


    JavaScript,jQueryの爆速コーディング、デバッグ方法論の勧め～実践向け逆引き(windows,chrome向け)～JavaScriptjQuery ※2017/4/21にオンロード時のデバッグ方法8を追記しました！ こんにちは！エイチーム引越し侍の加藤です！ みなさんJavaScript書いてますか？ console.logめっちゃ使うよねーって人は目からうろこのデバッグ方法を、 ケース毎に紹介していこうと思います。(僕はconsole.log使いません) サーバーにデバッグ用のコードをアップロードすること無いので、 消さずに意図に反してリリースしてしまう危険性がないのもお勧めです。 前提知識 F12で出てくるデベロッパーツール(Elements, Console, Source, Network)の知識 Ctrl+Shift+Fで外部ソース(js,css)に対して一括検索が
    JavaScript,jQueryの爆速コーディング、デバッグ方法論の勧め～実践向け逆引き(windows,chrome向け)～ - Qiita

  • 知っておくと効率的！コーポレートサイト制作が捗るjQuery プラグインや使い方まとめ


    作成‥2014/04/7 更新‥2014/11/01 Web制作 > あの企業サイトで使われている効果やテクニックをまた探さないといけない、そもそもどういったキーワードで探したらいいのか分からない。そんなこんなで、今回は奇抜なものではなく、﹁企業サイトで見たことある！﹂というような、コーポレートサイトに使えそうな定番のプラグインや作り方をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ スライドショー1．カルーセル︵横︶2．フェードアウト3．画像と文字をスライド4．文字が遅れて移動する効果5．異なるタイミングを設定できる ナビゲーション・メニュー6．多階層 ドロップダウンメニュー7．多階層 効果つき8．スマホではドロップダウン9．スマホではセレクトメニューに10．Amazon風 メガドロップダウンメニュー11．横スライド1
    知っておくと効率的！コーポレートサイト制作が捗るjQuery プラグインや使い方まとめ

  • input タグで画像を選んだら即時にプレビューを表示する jQuery iPreview プラグインを公開しました。


    input タグで画像を選んだら即時にプレビューを表示する jQuery iPreview プラグインを公開しました。 2013年12月17日 16:44JavaScript 最近のブラウザには File API というものが実装されていて JavaScript からファイルの情報を読み取ることができるので HTML の image[type=file] で画像を選んだときなんかに その場でプレビューを表示することもできますね。 これを使いたくてつついてたんだけど、 この処理を毎回書くのはめんどくさいので jQuery のプラグインにしました。 msng/jQuery.iPreview – GitHub JavaScript 書かない人も簡単に使えるようにしたつもりだし、 割と自由にカスタマイズできるようにもなってると思います。 jQuery iPreview でできること このボタンを押
    input タグで画像を選んだら即時にプレビューを表示する jQuery iPreview プラグインを公開しました。

  • FINDJOB!終了のお知らせ | FINDJOB!


    FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
    FINDJOB!終了のお知らせ | FINDJOB!
    blueribbon
    blueribbon 2013/11/25
    ・フォームをシンプルかつおしゃれに見せる ・「もっと見る」を設置する ・ウインドウサイズに合わせて文字幅を合わせる ・表をソートする ５.写真がclickされたら拡大して表示する ・画像を一定間隔でスライドさせる
    リンク

  • 今、AngularJSというフレームワークがヤバい - (ﾟ∀ﾟ)o彡 sasata299's blog


    2013年11月05日10:36 JavaScript 勉強会 今、AngularJSというフレームワークがヤバい 先週の土曜日、ランサーズさんで行われた 第3弾　週末ランサーズ に参加して個人的に今アツい AngularJSについて話してきました。 AngularJSは ng-repeat が便利だったり、コードの見通しが良くなるなどいろいろなメリットがあると思うのでうまく使えば大変メリットがあると思います。特に、データの状態︵要素の追加・削除や、状態のon/off など︶を制御すればそれに合わせて view の表示はすべて AngularJSがやってくれるというのは素晴らしいですね。 ちなみに、以下の資料の中で ng-app とか ng-repeat とか出てきますが︵これは directive と呼ばれます︶、このngというのは AngularJSの2文字目と3文字目を表

  • Webサイトの作り方のまとめ！トップページ完成まで。

    サンプルサイトの制作を通して、「Webサイトのコーディング」についてまとめた、第3（+α）回めです。 トップページにツイートを表示したり、Like Boxを設置したり、JavaScriptでいろいろ実装したり、その他もろもろ。 「Lopan cafeというWebサイトのトップページ総仕上げ」について、制作過程をまとめました。 以下目次。 その前に、ちょっと修正 一番上のナビゲーションのところ Lopan's infoと新作パン／おすすめパンのところ 「画面を縮めると変」だったところ ちょっと脇道：サーバーの話 Webサーバーとは サーバーにファイルをアップロードする トップページにツイートを表示する。 Twitter ウィジェット Embedded Timelines（埋め込みタイムライン） トップページにLike Boxを表示する。 Facebookページを作る Like Boxを設置す

    Webサイトの作り方のまとめ！トップページ完成まで。

  • たった１行で完成？凄まじくレスポンシブデザインなサイトの作り方 | DECONCEPTER


    簡単に作れる！みんな大好き可変グリッド 先日話題になっていた﹁なんだこれ！！﹁NHKスタジオパーク﹂のレスポンシブ・ウェブデザインが凄まじくレスポンシブ！！﹂で紹介されていたNHKスタジオパークのレスポンシブデザイン。 こちらのサイト、プラグインを使ってとてもシンプルに作られています。キレイ。このシンプルさを伝えたくてうずうずしてきました。せっかくうずうずしたのでどんな作り方をしているのかサンプルを交えて紹介します。 まずはこちらのデモを御覧ください。 凄まじくレスポンシブデザインなサイトデモ 使われているのはjQuery Masonryというプラグインだ！ @planetofgoriさんのブログで紹介されているように、jQuery Masonryというプラグインが使われています。このプラグインたった数行でNHKのサイトのような可変グリッドレイアウトが作れてしまいます。可変グリッドのレイア
    blueribbon
    blueribbon 2012/10/19
    jQuery Masonryプラグインたった数行で、可変グリッドレイアウトが作れる事例。
    リンク

  • スマートフォンサイトにフリック・スワイプ実装できるjQueryスライダプラグイン

    ※コメントにも頂いておりますが、この公開版はバグがありますので、承知の上でご利用になるか、ご自身でカスタマイズされる方がお使いください。 スマートフォンサイトにおいて、左のムービーのようなフリック動作ができる画像スライドのjQueryプラグインを作りました。（ムービーはiOSシミュレータによるデモです）iPhone・Androidでご覧の方はデモに直接アクセスしてください（ムービーは再生されません）。 【デモを見る（iPhone・Androidで見てください）】 【ダウンロード】 なぜプラグイン化したか 横向き対応がハードルを高くする ご自身でこの手のUIを組んだ経験がある方はわかると思いますが、絶対配置（position:absolute）を使ったリキッドレイアウトを組むのはなかなか手の込んだことが必要で、今後の仕事で都度ゼロからUI作成を行うのは効率が悪くなってしまうと思ったからです。

    blueribbon
    blueribbon 2011/05/01
    「このプラグインは…端末の向きが変わった際に横幅を取得しなおすという処理をおこなっています。プラグイン化したことで、上記のような手の込んだことを毎回書かなくてもよくなります。」
    リンク

  • 1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering


    初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが本格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初
    1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering

  • Web開発にお役立ちなチートシート集 | TRIVIAL TECHNOLOGIES on CLOUD


    みんなのIoT/みんなのPythonの著者。二子玉近く160平米の庭付き一戸建てに嫁/息子/娘/わんこと暮らしてます。月間1000万PV/150万UUのWebサービス運営中。 免責事項 プライバシーポリシー All The Cheat Sheets That A Web Developer Needsという記事を先日見つけて，割と知らないものが多く，また便利だったのでご紹介:-)。英文のチートシートだけど，仕様を短くまとめてあるチートシートは日本人のWeb開発者も便利に使えるはず。 HTML HTML/XTML in one page HTML5: The Evolution of Web Standards by James Sugrue (X)HTMLElements and Attributes Doctype Declarations (DTDs) XHTML Character

  • スマートフォン最適化サイトの本命か·jQuery Mobile MOONGIFT

    jQuery MobileはjQuery公式が開発したスマートフォン向けサイト開発用ライブラリ。 MOONGIFTはこう見る jQuery Mobileは数ヶ月前に開発が発表され、ついに1.0α版が登場した待ちに待たれたライブラリ。既に幾つかこの手のライブラリはあるが、本家が打ち出してくる以上、人気は集まるだろう。既に機能も多いので、大抵のスマートフォンサイトならこなせそうだ。 jQTouchは不具合とは言わないまでも、利用に際してはコツを掴む必要があった。jQuery Mobileはぜひそのテツは踏まず、PC向けライブラリ同様の使い勝手を維持してほしいと願ってしまう。 jQuery MobileはJavaScript/jQuery製のオープンソース・ソフトウェア。iOS、特にiPhone/iPad用のWebサイトを作るための専用ライブラリは数多い。最適化され、iPhoneなどで見やすい画

    スマートフォン最適化サイトの本命か·jQuery Mobile MOONGIFT
    blueribbon
    blueribbon 2010/10/31
    「jQuery MobileはjQuery本家が開発したスマートフォン向けのライブラリだ。jQTouchというライブラリが既にあるが、あれを越えるかもしれない。特にiPhone専用という訳ではなく、AndroidやBlackberry Touch、…もサポートしている。」
    リンク

  • jQueryでGoogle Mapsを簡単に扱えるようになるプラグイン『Google Maps jQuery Plugin』 - IDEA*IDEA 〜 百式管理人のライフハックブログ

    ドットインストール代表のライフハックブログ

    jQueryでGoogle Mapsを簡単に扱えるようになるプラグイン『Google Maps jQuery Plugin』 - IDEA*IDEA 〜 百式管理人のライフハックブログ

  • jQueryを使った開発に便利！Firebug + jQuery·FireQuery MOONGIFT


    Firefoxを使ってWebシステムを開発する際には必須とも言えるFirebug。そして人気の高いJavaScriptライブラリのjQuery。この二つが組み合わさったとき、これまで以上の魅力が感じられるようになる。 マウスを当てるとそのエレメントがハイライト表示される そう確信できるのがFireQueryを使った瞬間だ。この二つの融合は、JavaScriptの開発をバーストしてくれるのではないだろうか。 今回紹介するオープンソース・ソフトウェアはFireQuery、Firebugと連携するjQuery開発補助アドオンだ。 FireQueryはconsole.logに吐き出した内容を元に、画面上のエレメントをハイライトしてくれる。例えばconsole.log($('p'));と出せば、コンソールに出力された jQuery(p)という表示にマウスを当てると、該当部分がハイライト表示になる。ど
    jQueryを使った開発に便利！Firebug + jQuery·FireQuery MOONGIFT
    blueribbon
    blueribbon 2009/06/30
    Firebugと連携するjQuery開発補助アドオン
    リンク

  • シンプルなjQueryチュートリアルTOP12 – creamu

    WebAir blogというブログで、シンプルなjQueryチュートリアルが紹介されています。 ざっとご紹介。 » Amazing Music Player Using Mouse Gestures and Hotkeys XHTMLとjQueryで実装されたミュージックプレーヤー。マウスジェスチャーとホットキーで動作する » FancyBox lightbox系のクールなエフェクト。MITライセンス » Jcrop 画像をトリミングする機能を追加できるjQueryプラグイン » Table Row Checkbox Toggle テーブルの行をクリックすることでチェックボックスにチェックを入れてくれる » AJAX Upload ページ遷移なしのAjaxファイルアップローダー » Scrollable jQueryで実装するクールなスクロールコンテンツ。HTMLを中に含むことができ、水平

  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA

  • デザイナー・コーダー必見！使えるform関連jQueryプラグインの数々 | バシャログ。


    こんばんは、最近ホルモン焼きにハマっているishidaです。 WEBサイト制作時、formは必ずといってもいいぐらい存在します。 お問い合わせフォームや会員登録フォームなどがすぐに思いつきますよね。 デザインをがっつりフォーム部分で作り込んでも、CSSのみでは、 実現できなかったりすることもよくあります。 そんなクセのあるformを、よりリッチに！かつ操作性を向上！できるjQueryプラグインの数々をご紹介します。 デザイナーの方は、フォームのデザインの参考に。 コーダーの方は、ページ作成時間の短縮に手助けになればと思います。 jQuery plugin: Validation フォームの入力チェック︵バリデーション︶が簡単にできるプラグイン。 エラーメッセージはlocalizationディレクトリ内に18言語用意されています。 日本語用は別途作成し、使用することが可能です。 jQuery
    デザイナー・コーダー必見！使えるform関連jQueryプラグインの数々 | バシャログ。

  • これは注目！jQueryでExtばりにリッチなＵＩが実装できる「jQuery Ribbon」:phpspot開発日誌


    これは注目！jQueryでExtばりにリッチなＵＩが実装できる﹁jQuery Ribbon﹂ 2009年05月28日- jQuery Ribbon - Home これは注目！jQueryでExtばりにリッチなＵＩが実装できる﹁jQuery Ribbon﹂。 利用すれば、コントロールのグルーピングや、ドロップダウンメニュー、階層リストなどのリッチなコンポーネントが実装できるみたい。 jQuery Ribbonを使ったリッチなＵＩ。Windows7っぽいデザインのＵＩがJavaScriptで。 アイコン付きのかっこいいメニュー 表示しているＵＩのテーマを選べる アイコンつきリスト アイテムのグルーピング ドロップダウンメニュー ちょっとこれは素晴らしいですね・・・。jQueryの優位性がますます高くなってしまいましたね。 関連エントリ ナビゲーションのUIはこれで完璧かもなjQueryプラグイ

  • javascript libraryを作るときに便利な3つのfunction : tech.kayac.com - KAYAC engineers' blog


    社内で唯一︵？︶の8 tab派。agoです。 suzunari.js、sisso.jsと、最近いくつかJSのライブラリを公開する機会があったので、そのとき使ったライブラリを作るときに便利なコードを紹介したいと思います。 1 script tagからのパラメータ読み込み 外部からの指定によりライブラリ内の動作が変わる場合、script tagから値を指定できると設定のための記述要素を減らすことができます。 ︵ファイル名を静的に指定している理由に関しては﹁最後のscript tagの取得方法﹂をご覧ください︶ <script type="text/javascript"http://example.com/path/script_file_name.js#param1=value1&param2=value2"></script> var param = (function (file_nam
    javascript libraryを作るときに便利な3つのfunction : tech.kayac.com - KAYAC engineers' blog
  • 1 2 次のページ

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.