こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 昨今ではWebのフロント周りを取り巻く環境が激変しています。 Webサイト・アプリケーションが進化するに連れて構築も難しくなってきましたし、技術やツールもいろんなものが登場しました。 そこで今回は、フロントエンドエンジニアはもちろん、コーディングに携わる人なら誰でもおさえておきたい、今旬な技術やツールを紹介したいと思います。 コーディングに関わる人ならおさえておきたい必須のフロント技術&ツール8選 1. タスクランナー フロントコーディングに関わるあらゆるタスクを自動化してくれる頼もしいツールです。Grunt,Gulpといったツールがコレにあたります。 JadeやSass,CoffeeScriptのコンパイル、画像圧縮、バリデーションチェック、webfontのアイコン化、スプライト画像生成、スタイル
「Windows 10 Technical Preview」のビルド10049がリリースされ、ついに新Webブラウザ「Project Spartan(コードネーム)」が登場した。 米Microsoftは3月30日(現地時間)、次期OSのプレビュー「Windows 10 Technical Preview」の新バージョン(ビルド10049)をリリースしたと発表した。Windows Insider Programに参加しているユーザーはWindows Updateで自動的にアップデートできる。 このアップデートで、新ブラウザ「Project Spartan」(コードネーム)が初めて登場した。 予告通り、このプレビューから2つのWebブラウザ、「Internet Explorer(IE) 11」とSpartanが搭載される。IE 11は旧レンダリングエンジン「Trident」のみになり、Spar
週刊アスキーは 「完全ネット/デジタル化」によって最強になります 週刊アスキーのネットメディア『週アスPLUS』が月間800万UU超を記録、国内最大クラスのデジタル情報サイトに成長し、NTTドコモ様のdマガジンをはじめとして、週刊アスキー電子版も好調に読者様を増やしています。私たちの情報コンテンツをお届けする手段として、これらネット/デジタルの割合が圧倒的に高くなったため、週刊アスキーは5月26日発売号にて印刷版の刊行を停止、6月よりネット/デジタルに完全移行します。 電子版は発行間隔を自在に調整して即時性を高めつつ、既存のネット専業メディアにはない良質なコンテンツをお届けします(デザインは、従来の誌面デザインを踏襲します)。『週アスPLUS』はスマートニュースやグノシー、Yahoo!ニュースといった外部サービス各社様との連携を一層強化し、規模の
新しいハイブリッドアプリケーションのフレームワーク「React Native」をFacebookが公開。React.jsの書き方でOSネイティブのUIを利用可能 「FacebookではReact Nativeを以前から本番環境で使ってきた」(We've been using React Native in production at Facebook for some time now)。Facebookは、モバイルアプリケーション向けのフレームワーク「React Native」をオープンソースで公開しました。 React Nativeは、JavaScriptおよび同社がすでにオープンソースとして公開している「React」でモバイルアプリケーションが開発できるフレームワーク。Web技術を用いつつもモバイルOSのネイティブなUIコンポーネントを利用できるのが最大の特長で、これによってWebV
bodyやページ上の各要素にレスポンシブ用のclassを付与、HTML, CSS, JavaScriptで利用できるブレイクポイントを一元管理、設定したブレイクポイントに応じて最適なサイズの画像を表示・レイアウトの変更など、レスポンシブ対応のWebページを制作する際に役立つスクリプトを紹介します。 Restive.JS Restive.JS -GitHub 表示しているデバイスを自動検出し、bodyや各要素に任意に定義したブレイクポイントごとのclassを付与します。ブレイクポイントはピクセルと解像度、プラットフォームやデバイスの種類や向きの判別にも対応。
4週間後に発売を控えたApple Watchへ対応すべく、多くのiOS向けアプリがアップデートを公開しています。 アップデートは本日から解禁になった模様で、かなりの数のiOSアプリがApple Watch対応に名乗りをあげています。 下は現在判明しているApple Watch対応アプリのリスト(抜粋)です。 アップデートの内容を読むと、Apple Watchの用途を具体的にイメージできると思います。 Evernote 仕事効率化:60.5 MB 価格:無料 開発:Evernote Evernote for Apple Watch – 音声入力で Apple Watch からノートを作成し、Evernote に自動同期 – 自分が最近作成・更新・閲覧したノートを表示 – 音声入力で Apple Watch から検索を実行 – リマインダーを作成し、指定した期日に通知を受信 JAL Count
「Periscope」(ペリスコープ)のTwitterのソーシャルグラフを活用したお手軽さとライブ感は、ライブ動画配信の世界に波乱をもたらすかもしれません。 Periscopeは、先日Twitterが買収したライブ動画配信サービス。本日、App StoreでiPhoneアプリの配信が開始されました。 このライブストリーミングサービスでは、世界中のユーザーによる動画の生配信を視聴したり、自分がライブ動画を配信したりすることができます。 Twitterアカウントと連動しており、アカウント作成時にTwitter上でフォローしているユーザーを一括してフォロー可能。配信を開始すると、Periscope上のフォロワーにプッシュ通知が届き、すぐに視聴を開始できる仕組みです。配信開始をツイートで共有すると、Twitter上のフォロワーはアプリもしくはウェブでライブ配信を楽しめます(3月26日時点で共有機能
「Apple WatchにはSafariがない、気づいてさえいなかっただろうけど」 元アップルのポール・カネッティ氏がつづった記事の見出しだ。わたしも気づいていなかった。ないの? ないのだ。 それじゃ、ワールドワイドウェブはどうなるのか? 「ウェブの終わり」はくりかえし語られてきたテーマだ。グーグルのエリック・シュミット会長も「インターネットは消える運命にある」と発言しているし、新しいものではない。まあ、そんなものはせいぜい目を引く言葉づかいのひとつでしかないと思っていた。 しかし、アプリ解析のフラリー社によれば、昨年スマートフォンユーザーが使った時間は86%がアプリだ。モバイルウェブはわずか14%で、2013年の20%からさらに減らしている。(ちなみに大半がゲームとソーシャルネットワークで占められていた) スマートフォンにおいて、ウェブの存在感は本当に薄れつつあるのだ。 「そうは言っても
MVNOによって、さまざまな選択肢が生まれてきたスマホ業界。自分が使うだけでなく、ITに詳しくない家族に勧めるならどれがいいか、も悩みどころです。今回は「帰省した主人公が姉と母に勧める」というシチュエーションを通して、格安スマホ/SIMサービス「楽天モバイル」の特徴を見てみましょう。ガジェット大好きはてなスタッフ id:halfrack による解説も。記事の最後にはプレゼントのお知らせもあります! (※この記事は、フュージョン・コミュニケーションズ株式会社によるPR記事です) それは、ある土曜日の昼下がりのこと。 ―― 久しぶりの実家だー。今夜は地元の友だちと飲むし、それまでのんびり昼寝でもするかな……ただいまー。 姉 おかえりー。待ってたよ~。 母 おかえりなさい。 ―― えっ、なんで出迎えなんて……。気持ち悪いな……なに企んでるの……。 登場人物紹介 主人公 社会人2年目。24歳。女性
日本通信は12日、同日発表したAndroidスマートフォン「VAIO Phone」が、パナソニックのAndroidスマートフォン「ELUGA U2」と同じモデルを使っているという話題について「ベースにしているわけではない」と否定した。 「VAIO Phone」の発表後、Twitter上には「ELUGA U2にVAIOのシール貼っただけ」、「中身がELUGAで外がVAIOだ。PanaSONYが誕生」、「色が違うだけ」など、「ELUGA U2とVAIO Phoneが似ている」という主旨のツイートがかなりの数書き込まれていた。「ELUGA U2」はパナソニックが台湾で販売しているSIMフリーAndroidスマートフォン。「VAIO Phone」と比較すると、CPUや内蔵メモリ、ストレージ、カメラの画素数など共通している部分も多い。サイズ/重量に至っては全く同一の数値となっている。 また価格は、「
新MacBookハンズオン:羽のように軽くてゴージャス、でも不安要素あり #AppleLive2015.03.10 08:305,380 そうこ 見た瞬間に欲しくなった新MacBook! 今日のアップル発表会、影の主役はなんと言っても新MacBookでしょう。見た瞬間欲しくなりました。今は、色をゴールドとスペースグレーで迷っているところ。どっちもいいよね。迷うー。 さて、発表会会場の米Gizmodoが、さっそく新MacBookに触ってきました。即行速攻ハンズオン、その感想は? たった今、片手でアップルの新型MacBookを持ってきた。まるで、何も持っていないような。ものすごく軽い。左手にはこのラップトップ、右手にはデジタル一眼レフのカメラ…、実体を感じるのは片手だけ。アップルのこの新端末でまず最初に愛すべきは、なんといってもこの軽さだろう。が、これだけでこの端末のすべてを愛せるわけではない
ここ数年、Javascript界隈でフレームワーク戦争が勃発してきました。クライアント開発の規模も年々大きくなり、jQueryだけでは複雑な画面遷移などを管理しきれなくなってきたのが原因だと思います。 私も昨年までAngularとbackboneを試しましたが、サーバサイドをMVCにしているのに、クライアントでもMVCを作るMVCの2階建ては、やり過ぎなのではないかと思っていました。フレームワークそのもの覚えるまでにも一苦労というのも面倒に感じました。 2014年、海外でブームに火が付いたReact.js そんな中、2014年の後半からFacebook発のReact.jsの採用事例が聞こえてくるようになりました。AirBnBや米Yahoo! Mailなど大手がReact.jsを積極的に採用し出したので気になり、年末年始を使って色々調べてみることにしました。 Rails以来の衝撃 色々試して
ユーザーファースト室のhidaka(@kaa)です。 クックパッドアプリ内では元々同じレシピの画像を画面、環境によって様々なサイズで表示しています。 レシピの検索結果でのサムネイルや、レシピ詳細画面、写真の拡大表示時などなど。 その際、端末の解像度にあわせ無駄のないよう、表示領域にあわせて画像をリクエストしていました。 *画像配信にはtofuという配信システムが稼働しています http://www.slideshare.net/mirakui/ss-8150494 これでそれぞれの端末にあわせた画像を配信していましたが、今年あたりからさらに最適化が必要になってきました。 問題1 画面密度の上昇 端末のスペックが上がることにより、1インチあたりのピクセル数が増加しました。 retinaと言われていたiPhone 5で326dpiだったのが去年あたりからの高解像度端末の幅1440pxの機種(a
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く