ブックマーク / ascii.jp (4)

  • ReactとAngularのいいとこ取り? 2017年こそ学びたいVue.jsの始め方

    AngularReactと並んで海外で人気が高まっている「Vue.js」。ReactAngularの開発経験がある著者がVue.jsをチュートリアルを通じて特徴をまとめました。2017年、新しく学び始めるきっかけにどうぞ。 2016年9月、人気のJavaScriptフレームワークVue.jsがv2をリリースしました。それ以来ぜひ使ってみたい、どのようなものか知りたいと思っていました。AngularReactを使い慣れた者の1人としては、Vueが似ているところや違うところも知りたかったのです。 Vue.js 2.0はすばらしいパフォーマンスを誇ります。データサイズが比較的小さく(バンドルされるVueのランタイム版は一度最小化してgzip圧縮したら16KBしかありません)、Vuevuexや、vue-routerのような付属の状態管理ライブラリーもアップデートされました。1つの記事ではと

    ReactとAngularのいいとこ取り? 2017年こそ学びたいVue.jsの始め方
  • ついつい作業中に使っちゃうWebサービス10 (1/2)

    毎日8時間以上、つまり1日の1/3以上パソコンに向かい、記事の作成・編集にいそしんでいるASCII.jp編集部。仕事柄、ブラウザーで見られる・使えるサービスにうつつを抜かしがちだ。せっかくなので、懺悔代わりに、普段から使っている便利なサービスを紹介してみたい。 作業用BGMとして使っている5つのサービス 面白い記事は、読んでいてノリがいい。テンポがいい。そのリズムをつくっているのが作業用BGMだ(という説もある)。普通にYouTubeやニコニコ動画をうろうろしているときも多いが、マイリス巡りを終えてしまったとき、「つけっぱ」で聴けるサイトが欲しくなった。そこでうろちょろ試していき、最終的に使い続けているのが5つのサービスだ。 今日は一日ボカロ三昧! 「Nsen」 まずはニコニコ動画を有●放送のようにする「Nsen」(エ↑ヌ↓セン)。ニコニコ動画のリクエスト番組のようなサービスだ。「今日は一

    ついつい作業中に使っちゃうWebサービス10 (1/2)
  • スマートフォンサイトをデザインする7つのポイント (3/3)

    5.PNG画像を積極的に活用する Webサイトで一般的に利用される画像形式には、GIF、JPEG、PNGがあります。携帯サイトではキャリアや端末によって対応している画像形式がバラバラで、画像形式の選定は悩みの種でした。特に、ほとんどのキャリアや端末が対応しているGIFは256色までしか扱えないため、色数を抑えるなどの工夫が必要でしたが、iPhone/AndroidではGIF画像の代わりにPNG画像が利用できます。 GIF形式とPNG形式を比べると以下のようなメリットがあります。 ・フルカラー 256色までしか利用できないGIFに比べ、PNGはフルカラーを扱えます。 ・アルファチャンネル GIFは完全な透明色しか表現できませんが、PNGはアルファチャンネルを利用して半透明を表現できるのでデザインの幅が広がります。 ・高い圧縮率 GIFに比べて圧縮効率がよく、画像のデータ容量を抑えられます。

    スマートフォンサイトをデザインする7つのポイント (3/3)
  • Dreamweaver CS5.5でスマホアプリ作ってみた (1/3)

    たった1年で新バージョンの登場となったDreamweaver(関連記事)。5月下旬発売の「Dreamweaver CS5.5」はCS5からのアップグレードでも1万5750円という価格設定に驚かされる。だが、ベータ版を触って価格以上に驚いたのがスマートフォン対応機能の“気度”だ。 Dreamweaver CS5.5では、オープンソースのJavaScriptフレームワーク「jQuery Mobile」をテンプレート的に利用することで、iPhoneAndroidに最適化されたスマートフォンサイトをわずか数ステップで作れてしまう。jQuery Mobileは、iPhone/Android/Windows Phone/BlackBerryなどで利用できるクロスプラットフォーム設計のフレームワーク。以下のようなシンプルなスマートフォンサイトなら、PhotoshopもFireworksも使わず、Dr

    Dreamweaver CS5.5でスマホアプリ作ってみた (1/3)
  • 1