React RouterのuseNavigateとは
今回の記事では、React におけるルーティングについて解説していきます。 React 本体にはルーティング機能が組み込まれていないため、どのようにページ遷移や URL の管理を行うのか疑問に思う方もいると思います。 そこで今回は、Reac... useNavigateとは useNavigateはReact Routerのフックで、Reactの関数コンポーネント内でページ遷移を制御するために使われます。 useNavigateを呼び出すと、ページ遷移を行うための関数（navigate関数）が返されます。 このnavigate関数に移動先のパスを渡すことで、アプリケーション内でのページ遷移を実行することができます。 基本的な使い方 useNavigateの基本的な使い方を説明します。 import { useNavigate } from 'react-router-dom'; funct
神速！Googleカレンダーのショートカット操作術！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
表示切り替え 表示期間をキーボードのキーひとつで切り替えがサクサクできます。 今日 t Todayのtを押すと今日の日付、かつ今の時間帯に移動フォーカスしてくれます。 先の予定を見たあと、一気に戻る際に便利です。 1日 d or 1 Dayのdを押すと1日の表示に切り替わります。 1週間 w or 2 Weekのwを押すと1週間の表示に切り替わります。 私は基本的にこの1週間のビューでカレンダーを見ています。 1ヶ月 m or 3 Monthのmを押すと1ヶ月の表示に切り替わります。 次の期間 j 待っていました！ ご存知Vimのキーバインドでもあるjです。 ちなみにNextのnでも同じ挙動になります。 前の期間 k 続けて、同じくVimのキーバインドでもあるkです。 ちなみにPastのpでも同じ挙動になります。 フォーカス系 このショートカットを使用すると入力欄にフォーカスされ、クリック
[JS]不可視のDOMをコントロールしてUIを拡張するスクリプト -Shadow UI
tooltip ツールチップ Shadow UIの使い方 Step 1: 外部ファイル まずは、ベースとしてhead内にjquery.jsと当スクリプトを外部ファイルとして記述します。 <script src="/shadow-ui/assets/js/jquery.js"></script> <script src="/shadow-ui/js/shadow.js"></script> スタイルシートはベースとなるファイルとそれぞれ用のファイルが用意されています。 <link rel="stylesheet" href="/shadow-ui/assets/css/main.css"> <link rel="stylesheet" href="/shadow-ui/css/ui.css"> <link rel="stylesheet" href="/shadow-ui/css/ui-dr
[JS]シンプルなHTMLでレスポンシブ対応のスライダーを実装する超軽量のスクリプト -Unslider
シンプルなHTMLでレスポンシブ対応のスライダーを実装する超軽量のjQueryのプラグインを紹介します。 デスクトップのキーボード操作やスマフォ・タブレットのスワイプ操作にも対応！ Unslider Unslider -GitHub Unsliderの特徴 Unsliderのデモ Unsliderの使い方 Unsliderの特徴 超軽量のオープンソース スクリプトは3KBと超軽量のオープンソースです。 実装は簡単でクリーン HTMLは非常にシンプルで、カスタマイズも容易です。 高さの調整 サイズに合わせて、スライダーの高さを自動調整します。 レスポンシブ対応 デスクトップ・タブレット・スマフォなど、さまざまなデバイスに対応。 キーボード操作の対応 キーボード（矢印キー）での操作をサポートします。 スワイプ操作の対応 jQuery.event.swipeをサポートしているので、スワイプ操作に
[JS]設置も簡単、機能も豊富、キーボード操作でパネルをスライドする -FerroSlider
複数のパネルを縦・横のライン状、L字状、十字状などに配置し、スムーズなアニメーションでスライド表示するjQueryのプラグインを紹介します。 FerroSlider jQuery Plugin [ad#ad-2] FerroSliderの主な特徴 各パネルをラインやカラム、マトリックス状に配置が可能。 パネルのスライドはスムーズなアニメーション。 アニメーションのエフェクトはカスタマイズ可能。 アニメーション中は進行方向を表示。 各パネルはアスペクト比を維持してブラウザいっぱいに表示。 カスタマイズしたスクリプトをAJAXで実装可能。 コンテナの中にスライドするコンテンツの要約を設置。 キーボードの矢印キーで操作が可能。 クリックでも操作可能なナビゲーションも設置可能。 コンテンツをスルーできるリンクの設置も可能。 FerroSliderのデモ デモではデフォルトの状態をはじめ、さまざまな
キーボードで画面操作するスライド系jQueryプラグイン・Ascensor
なかなかユニークなプラグインだった ので備忘録。ちょっとしたイベントサイト 等に使えそうです。キーボードで画面 を縦横にスライドさせることが可能な jQueryプラグイン・Ascensor。スライド にもいいかもですね。 たまに同じようなコンテンツを見かけはしますけど、複数覚えておいても損はしないですしね。 キーボードの矢印キーでイベントを発生させる的な。縦横に全画面がスライドしてくれますよ。 上記のようにパンくず的にマップも付けられます。 IE6 / IE7 IE6/IE7でも動作はしますが、スクロールだけでてしまうので必要ならcssハックあたりを試してみてください。js自体は動作します。 以下でデモを触れます。デモファイルをセットでダウンロードしたい場合は左に進んで下さい:) Ascensor
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
