【保存版】心地よいWeb遷移アニメーションの基本ルール6個まとめ
※この記事は、Mediumで公開された「Transition animations: a practical guide」の著者Dongkyu Leeから許諾を得て、日本語翻訳しています。 Webサイトやスマホアプリにおいて、アニメーションと動きの重要さは年々高まっており、今では必須と言われるまでになっています。 ユーザー エクスペリエンスの権威ニールセン・ノーマン・グループは、「アニメーションは注目を集めるだけでなく、ユーザーの楽しみを高め、製品を新鮮でモダンなものに感じさせてくれる」と述べています。 アニメーションが十分に洗練されていれば、ユーザーにはっきりとしたフィードバックを与えることができ、インターフェイスをより直感的にすることができます。 特に遷移アニメーション（Transition Aniatiions）は、ユーザーをある段階から次の段階へとスムーズに誘導するため、重要な役割
フィルタ不要で並び替えができる夢のようなSORT関数【Googleスプレッドシート/Excel】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
SORT関数 使い方 関数の説明はこちらです。 ※記事内の画像はGoogleスプレッドシートで作成し、数式の表記もスプレッドシートをメインとしています。Excelでも部分的に同じように利用することができます。 関数 Googleスプレッドシート =SORT(範囲, 並べ替える列, 昇順(TRUE)or降順(FALSE) [ , 並べ替える列2 , 昇順or降順2 , …] ) ※[ ]は条件を2つ以上指定する場合です。カッコは入力しません。 Excel（Excel for Microsoft 365以降で対応） =SORT(範囲, 並べ替える列, 昇順(1)or降順(-1) ) ※Excelの場合、指定できる条件は1つです。 SORT関数は、指定した範囲のデータを、指定した列で昇順もしくは降順で並べ替えて、別の場所に表示することができる関数です。スプレッドシートでは複数の条件を指定すること
YouTube検索で投稿日順に並び替える方法
YouTube検索で投稿日順に並び替える方法を紹介します。 １．はじめに YouTubeの検索でヒットした動画がずらっと表示されたときに、投稿日順に並んでいません。 たとえば「ベートーベン 運命」で検索すると次のように表示されます。 広告を除いてトップに表示された動画の投稿日は1年以上前のものばかりです。 新しく投稿されたものをチェックしたいときに不便です。 ２．投稿日順に並び替える 投稿日順に並び替えるには、検索結果のURLの末尾に下記の文字列を追加してリターンします。 &search_sort=video_date_uploaded 前述の例であれば、 https://www.youtube.com/results?search_query=ベートーベン+運命 となっているURLを、 https://www.youtube.com/results?search_query=ベートーベン
jQuery：重複しているリストを削除した上で、アルファベット順に並び替えるには？ - 以下のようなHTMLがあるとします。<ulid="... - Yahoo!知恵袋
jQuery：重複しているリストを削除した上で、アルファベット順に並び替えるには？ 以下のようなHTMLがあるとします。 <ul id="HotelNameListUp"> <li><a href="linkB">Hotel B</a></li> <li><a href="linkA">Hotel A</a></li> <li><a href="linkD">Hotel D</a></li> <li><a href="linkB">Hotel B</a></li> <li><a href="linkC">Hotel C</a></li> <li><a href="linkD">Hotel D</a></li> </ul> このHTMLから重複しているリストを削除し、さらにアルファベット順に並べなおし、以下のように並び替えたいのです。 <ul id="HotelNameListUp"> <l
jQuery UI Soatableでソートしたテーブルの並びを保存する方法
jQuery UI Soatableでソートしたテーブルの並びを保存する方法を紹介します。 先日「jQuery UIを使ってテーブルをドラッグ＆ドロップでソートできるようにする」をエントリーしましたが、実際には並び替えた順序を保持して使いたいケースも少なくないと思います。 ネットで検索するとjQuery UI Soatableの解説はヒットしますが、cookieに保存するまでの記事はみつかりませんでした。 ということで、ここではcookieを利用して並びを保存する方法を紹介します。 １．サンプル まず、cookieで並び順を保存するテーブルのサンプルを示します。 サンプル テーブルを並び替えたあと、リロードすれば並び順が保持されていることが分かります。 ２．解説 サンプルのコード（抜粋）は次のとおりです。赤色部分が「jQuery UIを使ってテーブルをドラッグ＆ドロップでソートできるように
DAD UNION – エンジニア同盟｜世のエンジニアを手助けするテック系サイト
JavaScript JavaScriptで簡単にBase64エンコード＆デコードの完全ガイド 2024-06-10 dad-union
SearchEntriesプラグインをMT5.1ｘで使う場合のコアの書き換え方
2024年2月1日 拙作プラグインの譲渡について 拙作のMovable Typeのプラグインを、株式会社ワールドイズマインに譲渡いたしました。 長きにわたり拙作のプラグインをご愛顧いただき、ありがとうございました。 SearchEntriesプラグインでは、カスタムフィールドでの並べ替えが可能です。 ただ、その際にはMovable Typeのコアの書き換えが必要になります。 先日、SearchEntriesプラグインをMovable Type 5.1xで使う場合の書き換え方法について、ご質問をいただきました。 そこで、Movable Type 5.1xでの書き換え方法を紹介します。 書き換える箇所は、「lib/MT/ObjectDriver/Driver/DBI.pm」の524行目～548行目の部分です。 以下のように書き換えます。 書き換え前 if ( $args->{sort} ||
続・ブログ一覧の並べ替え
「WordPressで学ぶPHP(1)変数・制御構造編」が発売されました。 「WordPressで学ぶPHP」シリーズの第1巻で、WordPressを通してPHPを学んでいく本です。 この本では、PHPの基本となる変数と制御構造について解説します。 Kindle本で、定価500円です。 MTQを見ていると、以下のような質問が上がっていました。 ブログの並び順序を変更したいと思い、http://www.h-fj.com/blog/archives/2010/04/17-080038.phpを参考にさせていただいたのですがうまくいきません。 当ブログの記事を参考にされているということですので、このご質問に答えてみます。 1.並べ替えの考え方 並べ替えの考え方は、以前に書いた記事と同じです。 大まかには以下の手順になります。 ブログに「並び順」を表すカスタムフィールドを追加します。 個々のブログ
SortCatFldデータ移行プラグイン
2024年2月1日 拙作プラグインの譲渡について 拙作のMovable Typeのプラグインを、株式会社ワールドイズマインに譲渡いたしました。 長きにわたり拙作のプラグインをご愛顧いただき、ありがとうございました。 これまで、カテゴリとフォルダの並べ替えのプラグイン（SortCatFld）を多くの方にご利用いただき、ありがとうございました。 Movable Type 5.1以降ではカテゴリとフォルダの並べ替え機能が標準装備になりますので、SortCatFldプラグインの開発は終了します。 ただ、SortCatFldプラグインとMovable Type 5.1以降とでは、並び順の情報の保存形式が異なります。 そこで、SortCatFldプラグインからMovable Type 5.1以降への移行を行うためのプラグイン（SortCatFldMover）をご提供します。 1.移行準備 これまでにS
JSONデータをソートする方法
JSONデータをソートする方法を紹介します。 ブラウザやPC環境等に依存するかもしれませんが、FirefoxやGoogle Chromeといった最近のブラウザであれば数千行のデータでも1秒かからない程度でソートして表示されます。すべてのブラウザで確認していないので不具合があったらすいません。 引用サイトは下記です。 How to sort a JSON array ? １．基本 次のようなJSONデータがあると仮定します。 var data = [ {"id":"foo", "number":"2000"}, {"id":"bar", "number":"3000"}, {"id":"hoge" "number":"1000"} ]; JSONデータをソートするには、次のsort_by()関数とsortを組み合わせます。 var sort_by = function(field, reve
Movable Type 5.1のテンプレートタグの改良点
2024年2月1日 拙作プラグインの譲渡について 拙作のMovable Typeのプラグインを、株式会社ワールドイズマインに譲渡いたしました。 長きにわたり拙作のプラグインをご愛顧いただき、ありがとうございました。 「WordPressで学ぶPHP(2)データ構造(配列・オブジェクト)編」を発売しました。 本書は「WordPressで学ぶPHP(1)変数・制御構造編」の続編にあたり、PHPの「データ構造」(配列とオブジェクト)について解説します。 配列やオブジェクトは、頭の中で考えるだけでは、イメージがつかみにくいです。本書では図を多用して、配列やオブジェクトをなるべく分かりやすく解説することを心がけました。 Kindle本で、定価250円です。 昨日紹介したように、Movable Type 5.1ではテンプレートタグ関係でいくつかの改良点があります。 この点について解説します。 incl
ブログ一覧の並べ替え
「WordPressで学ぶPHP(1)変数・制御構造編」が発売されました。 「WordPressで学ぶPHP」シリーズの第1巻で、WordPressを通してPHPを学んでいく本です。 この本では、PHPの基本となる変数と制御構造について解説します。 Kindle本で、定価500円です。 昨日、以下のようなご質問をいただきました。 Movable Type 5でサイドバーのブログ一覧を出力する際に、ブログの順番を自由に並べ替えたいです。 どうすれば良いでしょうか。 カスタムフィールドを使えば、やや手間はかかりますが、並べ替えを行うことができます。 その方法を紹介します。 1.考え方 MTBlogsタグでは、ブログ一覧を名前の昇順で出力するようになっています（ソースコードの中に、そのように記述されています）。 そのため、MTBlogsタグを単に使うだけだと、ブログ一覧を任意の順序で出力すること
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SELECT文で並べ替えを行うには？
http://kudox.jp/php/array-sort
IDEA * IDEA