初心者のためのExtJS入門スマートフォン用の表示で見る初心者のためのExtJS入門ExtJSを使うので、ついでにまとめていきます2017-01-07ExtJSを導入するExtJSExtJSはSenchaが提供しているWebページのフロントエンド用フレームワークです。グリッドやチャートなど高機能なUI部品が多数用意されており、私はとても便利に感じています。いう表現が可能になるかはサンプルで確認できます(http://examples.sencha.com/extjs/6.2.0/examples/)。現在、ExtJSは有料になっていますが、トライアル版は30日間無料で利用できます。Cmd(せんちゃこまんど)をダウンロードします。ちなみにExtJSを購入するとフォーラムサイトを利用できるようになり、そこから全てのバージョンをダウンロードできるようになります。https://www.sencha.com/products/extjs/cmd-download/SDKはフレームワークの本体です。CmdはExtJSのアプリケーションの作成やビルドなどを行うためのツールです。テストツールやSenchaアーキテクトといった別のツールもありますが、ここでは扱いません(無くても問題ありません)。Cmdをインストールしたら、コンソール画面で「sencha」を実行できるようになります。Cmdのバージョン管理は大切です。自分がどのバージョンを使っているのかは理解しておくようにしましょう。アプリケーション作成ExtJSのアプリケーションを作成してみましょう。SDKのパス)には、先ほどダウンロードしたSDKのパスを指定します。自分の環境に合わせて指定してください。C:\sencha\ext-6.5.2ここではMemoというアプリケーション名で作成してみました。アプリケーション名は、今後作成するクラスのパッケージ名の一部にも含まれます。(Memo.view.Mainのように)開発用サーバで起動アプリケーションを作成したので、とりあえず動かしてみます。作成したアプリケーションのルートディレクトリで、下記を実行します。watch実行完了したら開発用の内部サーバが起動するので、http://localhost:1841にアクセスして画面が表示されることを確認しましょう。ここまでが導入となります。最後の更新からかなり間が空きました。ExtJS6.6を触っ...2017-07-08ワークスペース、パッケージの作成Senchaコマンドを使って「ワークスペース」という構成を作成で...2017-05-20アプリケーションで使用するExtJSのバージョンを上げるExtJS6.5がリリースされましたね。https://www.sencha.com/blo...2017-01-21チュートリアル:モバイル向けの画面を作成してみる前回までで、メモを残せるアプリケーションがおおよそ完成しま...2017-01-12チュートリアル:スタイルを整える現在の画面は↓なかんじになっているわけですが。(2)ツリーパネル[modern]任意のコンフィグを双方向バインディングに対応するスポットライト[classic]Googleマップアイコンフォントアイコンフォントのパッケージ作成suspendLayouts・resumeLayoutsES6で書いてみるExt.Deferredで非同期処理をまとめるビューモデルのデータにモデルを設定して使用するプラグインの作り方ミックスインの作り方ボタンのUIにバインディングできるように工夫するはてなブログをはじめよう!sham-memoさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。