The Progressive JavaScript Framework Web ユーザーインターフェース構築のための、親しみやすく、パフォーマンスと汎用性の高いフレームワーク。 Vue を使う理由 はじめる インストール 親しみやすい 直感的な API とワールドクラスのドキュメントを使用して、標準的な HTML、CSS、JavaScript をもとに構築します。
The Progressive JavaScript Framework Web ユーザーインターフェース構築のための、親しみやすく、パフォーマンスと汎用性の高いフレームワーク。 Vue を使う理由 はじめる インストール 親しみやすい 直感的な API とワールドクラスのドキュメントを使用して、標準的な HTML、CSS、JavaScript をもとに構築します。
AngularJS などに並ぶ JavaScript フレームワークの1つに Vue.js があります。 Vue.js はバインディングあり・軽量・低学習コスト・拡張可能な MVVMフレームワークです。 手っ取り早く理解するために、コピペで動く7つのサンプルを用意して、各サンプルに対して説明します。ブラウザとテキストエディタがあれば動きますので、入門のハードルを極力下げました。 なにはともあれ、動くサンプルを見て、最短で Vue.js を動かしてみましょう! 動作は MacOS で、ブラウザは Google Chrome で確認しています。 ソースコードは、 以下の2ファイルで構成されています。 ・ main.html ( HTML ) ・ script.js ( JavaScript ) これらのファイル名で同じディレクトリにファイル作成し、以下のソースをコピペしてください。 ↓ mai
Monacaとは、「ハイブリッドアプリ」を作成することができるWEBサービスです。ネット上にアプリの開発環境を用意してくれるので、面倒な環境構築は一切必要ありません。 また、サンプルのアプリもいくつか用意されているので、簡単にアプリ開発を体験することができます。 ハイブリッドアプリとは ハイブリッドアプリとは「iOS」「Android」「WEB」のどのデバイスでも動作するWEBアプリのことです。「HTML5」「CSS」「JavaScript」の3つのWEBプログラミング言語を使ってアプリを作ります。 1つのアプリでどのデバイスでも動くので、開発効率がものすごくいいです。また、開発されたハイブリッドアプリは、「Google Play」や「App Store」からインストールします。 ハイブリッドアプリはスマホアプリとして使えるため、カメラ機能などのスマホの機能も扱うことができます。 本格的に
製品 チュートリアルpageMonaca クラウド IDE チュートリアルpageMonaca Localkit チュートリアルpageMonaca CLI チュートリアルpageElectron アプリ開発Cordova プラグイン チュートリアルpageバーコードスキャナープラグインpageCordova Sqlite Storage プラグインpageCordova Google Analytics プラグインpageCordova Firebase プラグインpageCordova In-app Purchase プラグインpageCordova AppVersion プラグインpageCordova Ionic Keyboard プラグインpageCordova Social Sharing プラグインpagePhonegap Push プラグイン前へプロビジョニング・プロファイ
「Lazy Line Painter」 は、最近流行のSVGを使ったパスアニメーションを手軽に作れるプラグインです。自分で描いた線画をSVG形式で読み込み、手で描いたような動きをつけて表示できます。 あまり複雑な動きはできませんが、「Tatenaga GIF」のiPhoneの線画のように、さりげなく取り入れるにはぴったりのプラグインです。 ライセンスはMITです。ライセンスに従って著作権表示は削除せずに利用しましょう。 step1 jQueryプラグインの読み込み jQuery本体をjQueryの公式サイトから、Lazy Line PainterをGitHubからダウンロードします。ページ右下の「Download ZIP」ボタンからダウンロードできます。
更新日: 2020年9月27日公開日: 2015年10月8日滑らかで美しい表現ができる!SVGアニメーションを使ってみよう Airbnb の模写(写経)で登場してくる SVG 形式の画像。Webデザイナー志望の方や単価をあげたいWebデザイナーの方にとっては、「SVG」必須ですよね。 今回は SVG 画像だからできる SVG アニメーション・・・・・・・についてご紹介させて頂きます。 参考: CSS-TRICKS SVG アニメーションは、SVG画像をベースに CSS や JavaScript で動きや装飾を加える表現手法の一つになります。 メリットとしては、軽量でスケーラブルな SVG 画像に好みのアニメーションを加えられるという点。普段 Web を見ている限りではどれがSVGアニメーションで、どれがSVGアニメでないのか区別はつきにくいですが、SEOや美しさ、滑らかさを求めるとSVGア
4月から新たにデザイナーになる人も多いのではないかと思います。 クライアントやディレクターから、「あのサイトのような動きにしたい」と依頼されることも多いかと思います。 そんな時に便利なものを、初心者でも設置・使用が簡単なものを中心にまとめました。 ※ライセンス等は各自でご確認ください。ライセンスは、サイトまたはダウンロードしたファイル内に記述してあることが多いです。(GPLやMITやCCなど主要ライセンスの内容と意味のまとめ) もくじ レスポンシブ対応!PCでも、スマホのフリック操作でも使えるスライダー サムネイル付きでページングもできるフォトギャラリー スクロールに合わせて表示させたい パララックスさせたい 背景画像を画面サイズにあわせて表示させたい フルスクリーンでスクロールさせたい スクロールするとヘッダーを固定させたい 順番にアニメーションさせたい テキストをアニメーションさせたい
firestorage.jp は個人、ビジネスを問わずご利用頂ける無料オンラインストレージです。 リモートワーク・テレワークでファイルを共有し送信・ファイル保存・データを送るのに便利、すぐにアップロード可能です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く