すべての記事 - ページ 501

ウェブ上でのアニメーションは、 JavaScriptはより強力になってきている ブラウザのサポートは年々増加しています. 私たちが慣れ親しんでいるアニメーションのほとんどは、インターフェイスに焦点を当てています。ドロップダウンメニュー、タブ付きボタン、スライドショーが一般的な例です。. しかし、Mo.jsは違います。これは カスタムモーショングラフィック用に作成されたJavaScriptライブラリ デザイナーがシンプルなUI / UXのトリックを超えるすばらしいアニメーション機能を作成するのを助けるため. Mo.jsのホームページにアクセスすると、 完全な文書 初心者向けの素晴らしいチュートリアルと一緒に. これに注意 ライブラリはとても扱いにくい. 自分でMo.jsを使う前に、基本的なフロントエンドのコーディングに慣れておく必要があります。ただし、実際のデモを調べていくつかのソースコードを掘り下げるだけで、拾うことができるものはたくさんあります。. デモを見てみたい場合は、メインのGitHubリポジトリをご覧ください。. CodePenからのリンクの全リストには、すべてライブMo.jsデモが含まれています。これらは含まれています フルスクリーンページのアニメーションローダー、クリックしてアニメーション化するマイクロインタラクション, そしてたくさんの形の操作. たとえば、このペンはユーザー入力から非常にクレイジーなマイクロインタラクションを作成します（それを見るにはペンの内側の任意の場所をクリックするだけです）。. これらのペンのいくつかは頭上に感じるかもしれませんがこれらは単なるJSアニメーションではありません。彼らは本当に芸術作品のようなものです. これらのデモは証明する どれだけ遠くまで来た ウェブ上のアニメーションで。フロントエンドのコードだけを使用して誰でもこれらの効果を作成できるという事実は、単に信じられないほどです。. Mo.jsからもっと多くのことを知りたいのなら、GitHubのデモを見てください。このチュートリアルでMo.jsライブラリを使用する方法を段階的に説明することもお勧めです。. どちらにせよ、これは 私のお気に入りのアニメーションライブラリの1つ 現在まで。それはあなたが他のどこにも見つけることができないほど多くのコントロールを提供します。そしてそれは、モバイルアプリケーションからWebデザインへのマイクロインタラクションをもたらすのを助けます。.

これまでになく簡単になりました 任意のWebサイトにAjaxを追加する. 実際、Webサイト全体を構築することはかなり一般的です Ajaxリクエストを基にしています 呼ばれる シングルページアプリ（またはSPA）. ただし、これには常に少しのjQueryといくつかの技術的な問題が必要でした。 ページコンテンツを更新する. いくつか必要なだけ 基本的なAjax機能 あなたが使用することができます intercooler.js これをHTMLに取り入れる. Intercoolerを使うと、以下のようなHTML属性を書くことができます。 AjaxリクエストURLをネイティブに含む. ユーザーが特定のリンクをクリックすると、あなたはそれを指示することができます Ajaxリクエストが実行されます 通常のクリック操作の代わりに. このすべて HTML5のdata- *属性に依存しています といった ic-post-to. この属性をボタンやアンカーリンクに追加すれば、 自動的にjQueryに接続する Ajax POSTリクエストの場合. 実際にページがあります これらの属性がいっぱい プラグインWebサイトで。これは少しです...

あなたはあなたのMac上でたくさんのウィンドウを開きますか？あなたはそれらすべてを追跡するのに苦労したことがありますか？それからあなたはMission Controlについて知る必要があります。そして、それはあなたの現在開いているウィンドウのすべてをあなたに示して、そしてあなたにそれらを組織する方法をあなたに与えます. Mission Controlは、無視しやすいMacの機能の1つですが、習得した後はすべてが向上します。これは主に複数のデスクトップ機能があるためです。それらを使いこなすこと、そしてそれらを切り替える簡単な方法、そしてあなたが他の方法であなたのMacをどのように使ったか不思議に思うでしょう. ミッションコントロールを開く方法 複数のデスクトップにアクセスする方法はいくつかあります。アクセスするには、トラックパッドを3本または4本の指でスワイプします。使用する必要がある指の数は、トラックパッドの設定方法によって異なります。 MacのF3ボタン、ドックのMission Controlアイコンをタップするか、キーボードのCtrl + Upを押すことでも可能です。. 新しいMacBook Proのタッチバーにはコントロールストリップにそのようなボタンはありませんが、気に入った場合はボタンを追加できます。. Mission Controlを開くと、開いているウィンドウがすべて表示されるので、それらを簡単に切り替えることができます。これは、古いバージョンのmacOSに搭載されているExposéと呼ばれる機能に似ていますが、今日は上部にある複数のデスクトップ機能に関心があります。. ミッションコントロールで複数のデスクトップを使用する 「デスクトップ1」と「デスクトップ2」と表示されている画面の一番上にマウスを移動すると、2つのデスクトップが表示されます。. 必要に応じて、実際にウィンドウをこれらのデスクトップのいずれかにドラッグしてから、クリックしてウィンドウに切り替えることができます。. 複数のデスクトップを使用すると、ワークフローを整理して、1つのデスクトップで調査しながら別のデスクトップで調査したりすることができます。そして、一番右の「+」ボタンをクリックして、好きなだけデスクトップを追加できます。. デスクトップを切り替えるには、Mission Controlを開いてから開きたいデスクトップをクリックします。ただし、キーボードショートカットのControl + RightとControl + Leftを使用するか、3本の指を左または右にスワイプすると、はるかに速くなります。これらは両方ともすぐにあなたのデスクトップを切り替えるでしょう、そして私が先に述べたキーボードとマウスのショートカットへの素晴らしい賛辞です。. 特定のアプリケーションを常に特定のデスクトップ、またはすべてのデスクトップに表示したい場合は、そのドックアイコンを右クリックしてから、オプションサブメニューに移動します。. ここからアプリケーションを特定のデスクトップに割り当てたり、すべてのデスクトップに表示させることもできます。. フルスクリーンアプリケーション しかし待ってください…もっとあります。フルスクリーンボタンについて知っていますか。すべてのウィンドウの左上近くにある緑色のものです. このボタンをクリックすると、現在のアプリケーションはフルスクリーンモードに入ります。つまり、ドックとメニューバーが消え、現在のウィンドウが画面全体を占めます。. フルスクリーンモードが有効になっている間は他のプログラムを使用できない、または2つのプログラムを同時にフルスクリーンで使用できないと考えるかもしれませんが、Mission...

コンピュータの画面をテレビに置きたいですか？あなたはそれをHDMIケーブルでつなぐことができました、しかしそれからあなたのコンピュータの配置はケーブルの長さに依存します。 GoogleのChromecastを使えば、数回クリックするだけで、ブラウザのタブやデスクトップ全体をワイヤレスでミラーリングできます。. PCでGoogle Chromeを開く - 画面を鏡に映すのに必要です。. Chromeのメニューボタンをクリックして、リストから[キャスト]を選択します。. 表示されるドロップダウンをクリックして、[Chrome]タブ、デスクトップ全体、またはNetflixなどのサポートされているWebサイトからビデオをキャストします。. この機能は現在Google Chromeに組み込まれているため、Chromecastの初期の時代とは異なり、これを行うためにGoogle Cast拡張機能は必要ありません。ただし、それでもGoogle Chromeを使用する必要があります。あなたはMozilla FirefoxやMicrosoft Edgeのような他のブラウザを使うことはできません。. Chromeからのキャスト Chromecastを購入したばかりの場合は、先に進む前に、まず携帯端末またはタブレットにGoogleホームアプリをインストールしてセットアップする必要があります。ヘルプが必要な場合は、Chromecastの設定に関するガイドをご覧ください。. キャストを開始するには、ウィンドウの右側にあるChromeのメニューをクリックして[キャスト]を選択するか、現在のページを右クリックして[キャスト]を選択します。. [キャスト]ダイアログを最初に開くと、[Googleハングアウトなどのクラウドベースのサービスへのキャストを有効にする]オプションが表示され、ブラウザのタブをGoogleハングアウトやCast for Educationなどの教室用プロジェクター用に直接キャストできます。. たとえば、このオプションを有効のままにしてGoogleハングアウトビデオ通話に参加している場合は、Chromeで[キャスト]オプションを選択すると、Googleハングアウト通話がオプションとしてChromecastデバイスの横に表示されます。ビデオ通話で他の人にキャストするにはそれを選択します. このチェックボックスを有効のままにしておくことのマイナス面はありません。それはあなたにもっと多くの選択肢を与えるだけです。 Chromeにキャストするように指示しない限り、Googleハングアウトなどにストリーミング配信されるものはありません。. “ OK、Got It”を選択すると、将来的には小さなキャストダイアログが表示されます。. キャストするときは、「キャスト先」の横にある矢印をクリックして、共有したいものを選択できます。. ほとんどのWebサイトからキャストするときは、小さなドロップダウン矢印をクリックして、現在のタブだけをキャストするか、デスクトップ全体をキャストするかを選択できます。. ブラウザタブをキャストする方法 タブをキャストするには、[キャストタブ]を選択して、リスト内のChromecastをクリックします。ソースを選択しないと、Chromecastはデフォルトで自動的にタブのキャストを開始します。....

オンラインオーディオとビデオコンテンツを管理するための無料で使いやすいデスクトップアプリケーションを探しているなら、Miroの最新版をチェックする価値があります。前回、オープンソースのビデオプレーヤーとPodcastクライアントを見たのは、1年弱前のことで、その後大幅に改善されました。. Miro 2.5を使う インストール時に最も簡単な違いはカスタムインストールでMiroに関連付けるファイルを選択できることです。. インストールが完了すると、ビデオのダウンロードとコンテンツでどのように動作するかを設定する初回セットアップウィザードが表示されます。. あなたが以前のバージョンを使ったことがあるならば、あなたが最初に気付くのは、ずっと速くロードするより滑らかなユーザーインターフェースです。. ビデオプレーヤーは見栄えがよく洗練された外観を持ち、ポップインまたはアウトのオプションが含まれています. YouTube、Torrents、Music Blogs、その他のビデオダウンロードサイトからビデオをダウンロードできます。 YouTubeからコンテンツをダウンロードするには、まずサイドバーにサイドバーと新規サイトをクリックしてリンクを作成する必要があります。. YouTubeのURLを入力して[OK]をクリックします. YouTubeで動画を見るときにサイドバーに表示されるようになったので、ブラウザの上部に[この動画をダウンロードする]ボタンが表示されます。. この最新バージョンのMiroははるかに高速で、コンテンツをダウンロードするためのより多くの方法をサポートし、新しいオーディオPodcastカテゴリ. それはまだ完璧ではありませんが…バージョン2.5は間違いなく以前のバージョンを超える大きな改善であり、チェックする価値があります。 Miroは、Windows、OS X、Ubuntu、その他のLinuxディストリビューションで動作するクロスプラットフォームアプリです。. Windows、Mac、またはLinux用のMiroをダウンロードしてください。

Miroは素晴らしいオープンソースのビデオプレーヤーです。 Miroは、Democracy Playerという名前の同じプロジェクトの新しい名前です。 Democracy Playerの最後のバージョンは0.9.6でした - 今、新しい名前、ロゴ、そしてインターフェースを備えたMiroは間違いなくプライムタイムの準備ができています。 Miroは、Windows、Apple、およびLinuxプラットフォームで利用可能です。. あなたのコンピュータのTIVOとしてMiroを考えてください。好きなビデオWebコンテンツを選択して購読するだけです。あなたがチェックアウトするためにビデオコンテンツの束またはほんの数チャンネルを選ぶことができます。私がやりたいことは、Miroが私のお気に入りのコンテンツをすべてダウンロードして仕事に行くことです。私が家に帰るとき私は通り抜けて行き、欲しい時に欲しいものをすることができます。 Miroを使ってビデオPodcastをダウンロードすることもできます。. こちらをよく見てみると、Miroで再生されているPBSのビデオです。下の方に見られるように、それはあなたの典型的なメディアプレイヤーコントロールを持っています. プレーヤーの左側にはメインメニューがあります。プレイリスト、ライブラリ、最近ダウンロードしたプログラムなど。右クリックしてサブメニューからオプションを選択することで、これらのさまざまなメニューをカスタマイズできます。. Miroには、いくつかの主要なビデオWebサイトからビデオコンテンツを検索して再生できるようにする優れた機能もあります。はい、YouTube以外にもあります! ミロはまた、事実上あらゆる種類のビデオファイルを再生します。また、MiroをBitTorrentクライアントとして使用して、Miroから直接ビデオファイルを見ることもできます。あなたがWindows、Apple、またはLinuxと互換性のある素晴らしい無料のオープンソースビデオアプリケーションを探しているなら、あなたは間違いなくそうするべきです Miroをダウンロード.

システムリソースが少なく、カスタマイズ可能な優れたマルチプロトコルのインスタントメッセンジャーをお探しですか？ミランダインスタントメッセンジャーを使用すると、小さなパッケージでインスタントメッセンジャーの長所を楽しむことができます. 注：Miranda Instant Messengerに推奨されるアドオンは3つあります（リンクは記事の下部にあります）。. インストール インストール中に、合計5つのウィンドウがあります。 4番目の画面は2つのスクリーンショットで示されており、利用可能なすべてのオプションを確認できます。ここではインポートプラグインと一緒に利用可能なメッセンジャープロトコルを見ることができます. 注：すべてのオプションはデフォルトで選択されています. あなたが持っていたい、そしてあなたがあなたのプロフィールデータをホームディレクトリに保存したいのであれば、ショートカットの種類を選択してください. Miranda Instant Messengerが初めて起動したとき この例では、インストールが完了した直後にMiranda Instant Messengerを起動できるようにしたので、再起動後までインポートウィザード（下記参照）は表示されませんでした… 最初のウィンドウでは、あなたのユーザープロファイルの名前を選択するように求められます… ユーザープロファイルの名前を選択するときに注意することが1つあります。空白を使用することは許可されません。名前を選択したら、[作成]をクリックします. これで、Miranda Instant Messengerで使用するためのIMアカウントを設定できるようになります。ご希望であれば、この時点で複数のアカウントを追加することができます。アカウントを追加するには、左下隅にある「プラス記号」をクリックしてください。. 「プラス記号」をクリックすると、アカウント名とパスワードの入力を求める次のウィンドウが表示されます。 オプション 内部アカウント名. インストールの選択に基づいて利用可能なメッセンジャープロトコルタイプのドロップダウンリストを簡単に見てください。終了したら、[OK]をクリックします. この例では、Yahooアカウントを使用することを選択しました. アカウントの設定を終了するには、それをクリックして選択します。ウィンドウの右側にログインセクションが表示されます。. ログイン情報を入力したら、Miranda Instant Messengerを使用する準備が整いました。初期ウィンドウは、外観は少しわかりやすいように見えますが、これがその外観です。 前...

GitLabは、人気の高いGitHubに代わるスタートアップで、最近はかなりお粗末な日がありました。 人的エラーにより、Webサイト全体が1日停止していました. GitLabの問題は、 Webサイトでロード時間と安定性の問題が発生していました. この問題を解決するために、Webサイトはオフラインになりました。ただし、メンテナンス中, 誰かが無意識のうちに300GBのライブプロダクションデータを含むディレクトリを誤って削除してしまった. GitLabにとって幸いなことに、削除されたコンテンツのみ 影響を受ける問題とマージされた要求. リポジトリとWikiは、この間違いの影響を受けていません。 この間違いによる被害はそれほど深刻ではありませんでした あったかもしれないように ディレクトリが削除されると、GitLabの担当者はすぐにそのバックアップに目を向けます。残念ながら、GitLabは次のような状況に陥りました。 さらに別の問題. GitLabがオンラインに戻るのに苦労している間に常に更新されていたGoogle Docファイルによると、5つすべてのバックアップ/複製 Webサイトが展開した手法が確実に機能しなかった, そして場合によっては そもそもセットアップしないで. クラウドからこれらの失われたファイルを取得する スタートアップが昨年末に決定したようにGitLabのためのオプションでもありません 代わりに独自のCephクラスターを構築して運用するためにクラウドをダンプする. 言うまでもなく、GitLabは現在その特定のトピックに対する彼らの姿勢を再検討しています. @TheRegister @gitlabは、アプリケーションをより高性能にし、代替クラウドホスティングプロバイダを探索することに取り組んでいます。. - Connor Shea（@connorjshea）2017年2月1日 GitLabが忙しい一日を過ごしたにもかかわらず、ウェブサイトは通常通りに稼働しています。ウェブサイトながら 6時間以内に一部のデータが失われたことを報告しました, Git...