ページネーションのプラグインはとても豊富。 中でも、jQuery.autopagerはすごく素敵です。 ある要素にIDを振っておいて、スクロールした時に そのIDを持つDOM要素が表示されたら、ページネーションするといった具合。 所謂、無限スクロールというやつ。 それをとても簡単に実装出来るのがjQuery.autopager https://code.google.com/p/jquery-autopager/ それをテーブルでもやりたいなと思った。 さらに、jQuery.autopagerはajaxで次ページを取得して、末尾にappendする仕組みになっているけど、 そうではなく、htmlはすべて生成済みでテーブル要素は最初の数十件のみ表示させ、以降は予めdisplay:none;とか、$.hide();で隠しておき、最後の要素が表示された時点で次のn件を表示させたい。 理由は 1.A

職業柄、多くのWebサイトを見ているのですが、ほとんどのWebサイトでは、SEOの初歩的な考慮すらできていないことに気づきます。 制作者側もユーザー側も、SEOに対してあまりにも無理解であることがその原因です。 残念ながら、「SEOが得意です」と自社のWebサイトにでかでかと表示している制作業者であっても、知識のレベルは著しく低いことが多いのが現実です。 10年前のSEOの教科書には書いてあった、現在は無効である知識を堂々と『最も重要な対策だ』と言い張る制作業者もまれではありません。 SEOは誰でもできるものです。 にも関わらず、そうした業者に任せてしまったためにサイトの魅力をユーザーに伝えきれていないサイトがあるのは不幸なことです。 そこで今回は、WebサイトのSEOが正しく考慮されているかを確認するためのチェックリストを作成しました。 多くのサイトがこうした制作業者によって作られている

眼科で使われる専門用語が特殊で、 一般病院から転職してきた看護師さんも苦労されてるようです。 そこで、眼科で使用されてる用語が紹介されているサイトを ご紹介したいと思います。 「多摩眼科クリニック」さんのサイトには スタッフ向けに専門用語のページがあります。 「英語、日本語、読み方」順に記載しているので、 現場ですぐに使えそうです。（※発音は辞書通りではないとのことです） （例） ・silver wire artery 銀線動脈 シルバーワイアーアーテリー ・small pupil 小瞳孔 スモールピュピル ・soft exudate 軟性白斑 ソフトエクスデート tamaganka.com 「みなと眼科クリニック」のサイトでは、 スタッフ教育や研修でテーマとなった用語や、 患者から質問の多い眼科で使われる用語が検索できます。 キーワードから検索もできるのがとても便利です。 www.min

FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

作成：2016/02/8 更新：2016/06/29 Web制作 > CSSやjQueryで実現する、今までにないようなエフェクトを実現するために知っておくと便利なエフェクトをまとめました。トレンドをおさえた最近のものを厳選してピックアップ。ファーストビューなどで、一味違った面白さを出したいときに。 エンジニア速報は Twitter の@commteで配信しています。 セグメンテッド コントロール pocketなどに見られる「リスト・タイルビュー」など表示形式の切り替え。コンテンツを切り替えるセグメンテッド コントロール（SegmentedControl）。少し古い記事ですが、他になさそうだったので。 Blueprint: View Mode Switch もうひとつはcodepenから。 See the Pen DropDown2Segment by ActiveCodex (@Acti

HOME ブログ webデザイン , フォトショップ , 画像加工 【初心者必見！】Photoshopで画像を劣化させずに拡大・縮小するにはスマートオブジェクトに変換しよう Photoshopで画像のサイズを拡大すると画質が劣化してしまいます。 そのため、あらかじめカンバスサイズより大きめの画像素材を用意して、一旦縮小したら拡大しないようにいちいちレイヤーを複製しながら、慎重に作業を進めている人もいるようです。 そんなときは、Photoshopのスマートオブジェクトを活用することで、画像を劣化させることなく縮小・拡大を繰り返すことができます。 ここでは、そのまま縮小・拡大をした場合と、スマートオブジェクトに変換してから縮小・拡大を繰り返した場合の比較から解説するので、不要であれば前半部分は飛ばしちゃってください。 まず、サイズ変更したい画像をphotoshopで開きます。開いた画像が”背景

Photoshopでの作業を劇的に効率化してくれる無料のレイヤースタイルをご紹介します。 これさえあれば、スタイルボタン１つ押すだけで、手の込んだレイヤースタイルをオブジェクトやテキストに適用することが可能になります。 こんな便利なものを使わない手はありません。 今回はそんな便利なPhotoshop用レイヤースタイルのうち、無料で利用できるレイヤースタイルを1000以上集めてみました。 これらのPhotoshop用レイヤースタイルで作業時間を大幅に短縮していただければ幸いです。 ダウンロードしたレイヤースタイルをPhotoshopで利用する方法 具体的にPhotoshop用のレイヤースタイルをご紹介するために、ダウンロードしたレイヤースタイルをPhotoshopで利用する方法をご紹介します。 まだ、使ったことがないという方は参考にしてみてください。 aslファイルをApplications

今日は、いつか書こう書こうと思って、そのままにしておいた「robots.txt」にの書き方・書式について書きます。 robots.txtは「ロボッツ・テキスト」、または「ロボット・テキスト」と読みます。 robotではなく、robotsです。 robots.txtはサーチエンジンのクローラ（スパイダー）の、ファイルとディレクトリへのアクセスを制御するために使われます。 「secretsというディレクトリにあるファイルにはすべてアクセスさせたくない」とか、「himitsu.htmlというファイルだけはアクセスさせたくない」という使い方ができます。 「アクセスさせたくない」というのは、「インデックスさせたくない」すなわち「検索結果に表示させたくない」ということです。 「なぜ、検索結果に表示させたくないの？」と疑問に思うかもしれません。 さまざまなケースがあります。 たとえば、URLを自分が教え

こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 最近友人と『中学生円山』を観に行きました。 女性にはおそらく理解できないであろう「男子中学生あるある（主に下ネタ）」が盛り込まれていて、いい意味でヒドイ内容でした。もう一回観たい（´ω`） さて、今回は「HTMLとCSSはわかるけどjQueryってなにそれ、おいしいの」という方向けに、今日から使える簡単かつ便利な3つのメソッド「slideToggle／fadeToggle／toggleClass」をご紹介します。 こいつらを知っとくと下記のようなメリットがあります。。 アコーディオンメニュー、タブ、スマホサイトでよくある「上からスラスラ出てくるメニュー」とか実装できる 超シンプルな記述なので、今日から使える いやーこれは便利ですね。 というわけで、早速解説していきます。 【こちらもおすすめ】 超簡単jQ

Google Analyticsで解析できる3つWebトラフィックのうち、ノーリファラーと検索エンジンについての説明が済みました。今回からは、3回にわたって参照トラフィックを取り上げ、参照サイト経由のアクセスの増減に気づき、新規ユーザーを獲得したり、Webサイトがユーザーにどう利用されているのか分析したりする方法を紹介します。 「参照サイトって、要するに掲示板やブログにリンクが貼られて、ユーザーがそのリンクをたどって訪れることですよね？　他社サイトでどう紹介されるかコントロールできないのに、アクセスを解析する意味があるんでしょうか？」――確かに他社のサイトでどう書かれるかはコントロールできません。CGM（Consumer Generated Media）型のサイトであっても、あからさまな自社サイトへの誘導は、「自作自演」として嫌われます。 しかし、参照サイトから訪れる「紹介客」は、自社サイ

Hazama.nu is a website that started in 2002, created by a writer who wanted to have a platform to express his thoughts and opinions. The site had a range of categories covering a variety of topics such as cars, books, programming, games, and more. The site was powered by Movable Type – a powerful content management system and static publishing platform that makes site management easy. The Beginnin