レスポンシブの確認が簡単に！ iPhone, iPad, Androidなど各モデルのサイズ、操作や動画にも対応した優れもの -モバイルシミュレーター
iPhoneをはじめ、PixelやGalaxyのAndroidスマホ、iPadやGalaxyのタブレット、ラップトップ、ワイドスクリーンなど各モデルのサイズでWebページを表示して確認ができるChromeの機能拡張を紹介します。 デベロッパーツールのデバイスモード（command+shift+M）で各デバイスの表示を確認できますが、モバイルシミュレーターはさらに多くのデバイス、スクリーンショット・動画撮影など機能も充実しています。また、モバイルシミュレーターでデベロッパーツールを使用することも可能です。 無料で、多くのデバイスをサポートしているのがいいですね。 WinでもMacでも、ツールバーと右クリックから1クリックで簡単に起動できます！ Mobile FIRST レスポンシブの確認を簡単にできます。 スクロール・スワイプなどの操作をはじめ、リンクをクリックしてのページ移動もできます。
Googleが開発する謎の第三のOS「Fuchsia」、UIがどんなものか分かる画像＆動画が公開される
オープンソースのコード共有サイトであるGitHub上にページが作成されたことでその存在が明らかになったGoogleの新OS「Fuchsia」ですが、発見当初の「IoT(モノのインターネット)向けの組み込みOS」であるという予測から外れ、スマートフォンやタブレット向けに開発されているOSであることが判明しています。 Google’s “Fuchsia” smartphone OS dumps Linux, has a wild new UI | Ars Technica https://arstechnica.com/gadgets/2017/05/googles-fuchsia-smartphone-os-dumps-linux-has-a-wild-new-ui/ Google’s mysterious new Fuchsia OS has a UI now - The Verge ht
英単語を忘却曲線アプリを使って超効率よく記憶する方法 - reminDO開発日記
忘却曲線を使った記憶に確実に残せるアプリ「reminDO」を開発しています。 皆さんは日常生活や受験勉強、TOEIC学習等で意味の分からない英単語が出てきた場合にどんなふうに対処するでしょうか？ 一度辞書を牽いて、その時は意味はわかったけど、また忘れてしまった、もう一度辞書を牽く、ということが非常に多いのではないでしょうか？そもそもどうせ忘れるし、ということで辞書を牽くということすらしないケースもあるでしょう。 そこで、１つの方法の提案です。 意味の分からない単語が出てきたら、単純に、reminDOに英単語を登録をして下さい。 「auxiliary」という結構難しめの英単語を登録してみます。 登録した後は以下のように表示されます。 「Dictionary」を押せば、単語の意味が表示されますし、スピーカーボタンを押すことで、英単語を発音させて耳でしっかりと発音を覚えることも出来ます 意味も簡
VectorDrawableをプレビューするChrome Extensionを作った - おでーぶでおでーぶ
弊社では弱いネットワークや容量の小さい端末が普及しているような国にアプリを配布していることもあり、リソースを出来る限りVectorDrawableに置き換えています。 元SVGファイルを自動でVectorDrawableに変換し、取り込んで利用しているのですが、今までxmlを見るだけでは以下の問題点がありました。 稀に表示が崩れるものがあり、QA時点で発覚するとデザイナーへの負荷が大きくなる。 色指定が異なることに気付けない。 Export名のミスによる上書きに気付けない。 つまり全ては VectorDrawableを読める人が少ない という問題点に帰結します。 いちいち手元に落として一個ずつAndroid Studioでプレビューするのも・・・ということもあり、題の通り Github上でVectorDrawableを見るChrome Extensionを作成しました。 chrome.go
Google Slides API のご紹介
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
Budou: 日本語のための自動折り返し制御ツール
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
フリーランス向けタスク管理ツール13選！管理の手順やメリットも解説
フリーランスは自由度の高い働き方ができますが、タスク・スケジュール管理を徹底する必要があります。 そこで、本記事ではタスク管理をする際のポイントや、タスク・スケジュール管理に役立つツールをご紹介。ツールを活用するとタスク管理の効率化にもつながるので、ぜひ参考にしてみてください。 未経験からフリーランスを目指そうと思っている方は、こちらの関連記事もお役立てください。 未経験からフリーランスエンジニアになる方法｜案件例や必要スキルを解説 レバテックフリーランスはITエンジニア専門の フリーランスエージェントです案件を探してみる フリーランスにタスク管理が必要な理由 自分で仕事量を決めるフリーランスは、いくつか案件を同時に進行させることもあります。 仕事を漏らさないようタスク管理を徹底し、優先順位を決めたり案件の内容を把握したりするのが大切です。 タスク・スケジュール管理を怠ってしまうと、現状を
これは面白いぞ！Ruby/Python/PerlでWebプッシュ通知サービスPush7のAPIを使ってプッシュ通知を送ってみる
これまでもプッシュ通知を送るためのAPIを提供するサービスはありましたが、1対1の通知しか送れず、自分自身のために送るプッシュ通知という利用形態に限られました。 [参考] Prowl: Easy Push Notifications [参考] im.kayac.com: Receive your notification at iPhone [参考] Pushover Notifications Push7は購読してくれた人全員にプッシュ通知を送ることができる1対多のサービスであるところが画期的です。それでいて無料で使えるのですから素晴らしいものです。 ブログを運営していれば、興味を惹かれるサービスであるのは間違いありません。 弊ブログも遅ればせながらPush7対応をしてみました。ぜひ購読をお願い致します。 WordPress用のプラグインがあるので、WordPressなら導入は簡単です。
PCで見たサイトをすぐスマホで見たい→Pushbulletが超便利【2クリックで転送】 - Habitmaker
photo by daspader こんにちは、habitmakerです。 日常生活で、PCで見ていたページを、今すぐスマホで見たいというシーンが増えていると感じます。 PCでスマホアプリのダウンロードリンクが出て、スマホですぐダウンロードしたい 出かける前にPCで調べて、そのページをスマホに送ってから家を出たい 自分のブログがスマホからどう見えるか調べたい こういうときに、みなさんはどうしていますか？ GmailやEvernoteの下書きにURLをコピーして、スマホで同期させたりするのはクールではありません。 2クリックで済むPushbulletを強くオススメします。 目次 公式サイト 使い方 PC画面 スマホ画面 印刷用画面を送るテクニック はてなブログの下書きをスマホ実機で確認するテクニック 対応機種 ダウンロード Chrome拡張機能 iPhoneアプリ Androidアプリ 設定
これを待ってた！無料で、単なるiframeのサイズ変更でなく、各デバイスと同じ方法でレンダリングさせるレスポンシブ確認用の便利ツール -RWD Tester
スマホやタブレットなど、人気の高いモバイルデバイスでWebページがどのように見えるか簡単に確認できるChromeの機能拡張を紹介します。 レスポンシブの確認ツールでよくあるのが、iframeで単にサイズを変更して見るだけのやつ。当ツールはサイズだけでなく、各モバイルデバイスと同じ方法でレンダリングして表示、外部ネットワークだけでなくローカルにも対応しています。
高機能ファイルアップロードjQueryプラグイン｜ドラッグ＆ドロップ、プログレスバー、オーディオ、ビデオ、各種ファイルサポート対応
高機能で美しい インターフェイスはやはり2015年度版という感じはしますが、UIはある程度設定で変更出来ます。インターフェイスデザインは5年たったらがらりと流行りが変わるので便利かもしれませんね。 ドラッグ&ドロップサポート もちろん普通にアップロードする事も可能ですが、それ以外にドロップアンドドロップにも対応しているという事です。 同時に複数のファイルをアップロード可能 幾つかのファイルを同時にアップすることが出来ます。先にアップロードするファイルを選び、一斉アップロードも出来ますし、一つ一つアップロードすることも可能です。 対応デスクトップブラウザ まさかのIE6から対応。 Google ChromeApple Safari 4.0+Mozilla Firefox 3.0+Opera 11.0+Microsoft Internet Explorer 6.0+ 対応モバイルブラウザ Ap
アニメの名言を簡単に引用できるChrome extension『Kotoha』作りました - Konifar's WIP
思いついた勢いのままに Chrome extension『Kotoha』を作って公開しました。 chrome.google.com コードもGitHubに公開してます。 勢いのままに作ったと言いましたが、Javascript触るの久しぶりな上に初めてのChrome extension開発ということで、 実質15〜6時間くらいかかりました。 完全に俺得Extensionなんですが、せっかく作ったので何を考えてたのかまとめておこうと思います。 知らぬ間にGIGAZINEにも紹介されていました。圧倒的感謝。 gigazine.net どんなExtensionか イケてるアニメの名言を簡単に引用できるようになるExtensionです。 名言をキーワードで探せます。 作品タイトルやキャラクター名でも探せます。 名言はアドレスバーの隣のアイコンから登録できます。 詳細はREADMEに全部書いてあるので
IoTの扉を開く？ヘルシンキ発『bt.tn』がIFTTTと連携して未来すぎる！(でも活かしきれない) | MAKKYON WEB
はるばるヘルシンキから荷物が届きました。今回のガジェットは何かと言うと…… グリーンの天面が印象的な「bt.tn」……ってなんだ？ 正解はこのボタン。トリビアの泉に出てきたへぇボタンのよう。 公式サイトはこちら。 Patented IoT button solution for businesses. With bttn you can create shortcuts to your products and services and turn them on-demand. bttn – The IoT button for businesses 探りようもないほどに、ただのボタン。それ以上でもそれ以下でもない。シンプル。 なお、でかいです。手で持つとこれくらい。 乾電池で動作します。単三電池が4本。意外と電池を喰うのか？ 設定は無線LANで行う。bttnを押しっぱなしにして、探索モー
AndroidアプリをPCで動作させる方法――ARC Welderの使い方を解説
グーグルはChromeブラウザが対応するOSであれば、AndroidアプリをPCで利用できる「ARC Welder」を一般向けにリリースしました。 ARC Welderとは？ グーグルは、昨年9月にAndroidアプリをPCで動作可能にする「App Runtime for Chrome（略称ARC）」を発表し、PCで動作するAndroidアプリとしてVineやEvernoteなどをChromeウェブストアにてリリースしていました。 ただ、この機能が利用できるPCは、グーグルが開発するPC向けのChrome OSを搭載する「Chromebook」のみで、WindowsやMacなどで利用することはできず、さらに、一部の開発者のみが利用できたため、公開されているアプリがかなり限られていたことから、実際に使ってみた人はかなり少なかったと思います。 そんな問題を解決するのがグーグルが発表した「ARC
Onsen UI 2: HTML5モバイルアプリを速く、美しく - Onsen UI
ハイブリッドとモバイルWebアプリ開発の決定版 開発環境のセットアップを一切することなく、JavaScript・HTML・CSSを用いたモバイルアプリ開発を始めましょう。クラウド上の開発環境Monacaと組み合わせることで、あなたの開発環境は常に最新の状態に保たれます。 クラウド上にすべてのツールを 強力なCLI（コマンドラインツール）やデスクトップ向けアプリ（WindowsとmacOSに対応）を通じて、Onsen UIアプリはとても簡単に制作できます。それ以外にも、Monacaが提供するライブリロード対応のデバッガーや、リモートビルド機能といったクラウドの機能にアクセスできます。 美しいUIコンポーネントと自動スタイル モバイルアプリに特化した、ネイティブのようなパフォーマンスに優れたUIコンポーネントが自慢です。タブ、サイドメニュー、ナビゲーションといった共通デザインだけでなく、リスト
UIテストの自動化！Node.jsとSeleniumでWebアプリのUIテスト環境構築 – ICS MEDIA
Webアプリケーションを開発する際、みなさんはどのようにテストを行っていますか？ Webアプリケーションは、ユーザーごとに異なるブラウザを使用しており、ユーザー操作も必要となるため、手作業でテストをされている方も多いと思います。また、機能改修やバグフィクス後に、リグレッションテスト（改修により既存機能への影響がないかを確認する回帰テスト）が必要となりますが、時間が取れずしっかりとテストができていない方も多いのではないでしょうか。 本記事では、これらのテストを自動化することのできる「Selenium Webdriver」（セレニウム ウェブドライバー）について紹介します。 入力フォームのバリデーション機能をチェックするデモ 簡単な入力フォームのバリデーション機能をチェックするデモを動画で紹介しましょう。入力値に対して期待するエラー文言が表示されているかのテストを実施しています。Seleniu
アプリを使わなくてもPush通知が来る！
3月9日に発表されたGoogle Chromeの最新ベータ版v42.0.2311.22でPush APIがサポートされニュースになりました。早速このPush APIをGoogle Chromeのサンプルを使って試してみたので、そのレビューを書きたいと思います。VASILYでインターンをしている茨木です。 3月9日に発表されたGoogle Chromeの最新ベータ版v42.0.2311.22でPush APIがサポートされニュースになりました。ブラウザからスマホにプッシュ通知が送れるというものです。 スマホ向けウェブサービスをやっている方ならみんな気になるこの機能、早速試してみました。かなりシンプルなので皆さんもぜひ触ってみてください。 以下のサンプルやサイトを参考にしました。 〇サイト http://updates.html5rocks.com/2015/03/push-not
ウェブのプッシュ通知、何がそんなにすごいのか？
3 月 13 日、Chrome Beta のブログポストが出ました。Android 版 Chrome でプッシュ通知が使えるようになったのが個人的なハイライトです。 「確かにプッシュ通知は便利かもね〜」と思ったあなた、驚きが足りません。のけぞるべきです。小躍りするべきです。 理由を説明します。 ユーザーエンゲージメントが変わる # あなたのウェブサイトのビジネスモデルが広告モデルにしろ課金モデルにしろ、ユーザーが繰り返し訪れてくれることは大前提です。通常のウェブサイトやサービスは、そのための策を練ります。そのきっかけをサービス側から能動的に与えることで、ユーザーが戻ってきて、ビジネスは回ります。しかし、そのきっかけを与える方法は、非常に限定されていると言わざるを得ません。 インターネットが普及し始めた当初から伝統的に利用されているのがメール、数年前から利用されているのがソーシャルメディア、
4 Google Keep Tips And Tricks For Better Notes, Lists And To-Dos
When you want take notes or write a list, it should be easy and quick. Google Keep, the Internet giant's note-taking service, is renowned for those two qualities. It's one of the best apps for notes and to-do lists. But it can be better. Apart from the Android app, it works great in the Chrome browser and as a web app, but that's about it—there is no iOS app or desktop version at the moment. Regar
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News
