HTML を使って、スマートフォンから画像をアップロードをするケースがあります。 このような場合、エンドユーザに対して カメラを使ってアップロードさせる フォトライブラリや iCloud Drive からアップロードさせる などができると便利です。 このあたりをどのように実現するのかを調べてみたので、理屈上どのようになるかを説明したいと思います。 HTML HTML を使ってファイルをアップロードさせるためには、<input type="file"> のタグを使うことになります。 一般に、<input type="file"> の要素があると、ブラウザはユーザに対して、ファイル選択ダイアログを表示します。 この <input type="file"> に対しては accept 属性を付与でき、この属性を用いて「どのようなファイルのアップロードが」期待されているのかを示すことができます。具体
Google Apps Script(GAS)などでは、Javascriptで表示される動的なページのスクレイピングができません。 ただ、PhantomJsCloudというツールを使うと、動的に生成されるページでもHTMLソースが取得でき、スクレイピングが可能になります。 今回、PhantomJsCloudを無料登録し、APIキーを取得する手順を解説します。 GAS標準機能は静的スクレイピングのみ可能Googleが提供するサーバーレスのスクリプトサービス、Google Apps Script(GAS)はWebページのスクレイピングによく用いられています。 無料利用でスケジュールによるトリガー実行などが可能なため、定期的にページをスクレイピングするのに重宝します。 GASでスクレイピングする方法！Parserライブラリを利用した手順を解説 ただし、GASによるスクレイピングでは、HTMLソー
Build 2016で示された2つのキーワードを通して、マイクロソフトはどんな会社になったのか、何を成し遂げようとしているのかを見てみよう。 連載目次 2016年3月30日から4月1日にかけて、Build 2016が開催された。Windows 10 Anniversary Updateが夏にリリースされることなど、そこでは多数の発表が行われた。本稿では、それらの中から開発者に関係ありそうな事柄をまとめていこう。 2つのキーワード Build 2016の基調講演ではさまざまな発表が行われたが、その中でよく出てきたキーワードが2つある。 Windows is home for developers Conversations as a Platform 前者は正確には「Windows is home for ～」といった表現だったが、要するに「Windowsは開発者が居心地よいと感じるところ」
クラウドならアマゾン ウェブ サービス 【AWS 公式】
re:Invent 2024 での最高の瞬間を振り返る 基調講演やイノベーショントークからの舞台裏のインサイト、デモ、およびお客様事例のすべてをオンデマンドでご覧ください。
A simple application platform for professionals. Assemble your stack from pre-configured and heavily tested components. We support major application servers, databases and message buses. If we don't support it, ask. Join our beta “Dotcloud has reduced our time to deployment tremendously, using the same tools we were already using. As an independent developer, it;s nice not having to work with 12 d
The Next Generation Platform is Coming Introducing the next generation platform built on leading cloud infrastructure services and open source standards. Powerful platform, unparalleled ecosystem Don't reinvent the wheel. Heroku's 150+ third-party add-ons and 380+ open source buildpacks provide a rich ecosystem of preintegrated extensions and services
Fantastic website design in Flintshire, North Wales from Stuff and Nonsense iPhoneやAndroid携帯といったスマートフォンからiPadのようなポータブルデバイス、従来のPCやノートPCにいたるまで、ネットワークにアクセスするデバイスの種類は多様化している。こうしたディスプレイサイズも解像度密度も異なるデバイスに対してそれぞれに適したデザインを提供するというのが、最近のWebデザイナの間で取り上げられることが多いトピックになっている。 こうしたトピックで取り上げられることが多いテクニックがCSS3のMedia Queryを使う方法だ。デバイスの解像度や密度の情報を取得して、それに応じて適用するCSSを切り替えるというもの。これまで多くのブログでこのテクニックが取り上げられ、サンプルコードとともに紹介されている
pShadow ? a jQuery extension for gorgeous drop shadows | Matthew Dawkins ゴージャスなドロップシャドウをクロスブラウザで実現できるjQueryプラグイン「pShadow」 $(elmeent).pShadow() だけで次のようなドロップシャドウ効果を付けられます。オプションを渡して強さや深さを指定できます PNGを使うのでクロスブラウザでも動作します 同梱されている画像を変えることで違った効果を得られそうですね 関連エントリ CSSでリアルでクールなドロップシャドウ効果を描画するサンプル例色々 ５０の様々なデザインのドロップシャドウ効果適用素材Photoshopファイル
End script and style with newline? Support e4x/jsx syntax Use comma-first list style? Detect packers and obfuscators? (unsafe) Preserve inline braces/code blocks? Keep array indentation? Break lines on chained methods? Space before conditional: "if(x)" / "if (x)" Unescape printable chars encoded as \xNN or \uNNNN? Use JSLint-happy formatting tweaks? Indent <head> and <body> sections? Keep indentat
業界初のHTML5モバイルアプリ用フレームワーク Sencha Touchを使えばタッチスクリーンを装備したApple iOSや Android端末上でネイティブアプリのようなWebアプリが開発可能です。 Web標準技術に準拠 Sencha TouchはHTML5、CSS3、JavaScriptに特化した世界初のアプリケーションフレームワークです。SSencha Touchはこれらの技術が持つ力を最大限に引き出し、かつ柔軟で最適化されたアプリケーション開発を可能にします。Sencha Touchでは、音声や動画を組み込む為のコンポーネントやデータをオフラインでも利用可能にするlocalStorageプロキシーなどでHTML5の機能が利用されています。またSencha TouchのスタイルシートではCSS3を最大限活用してとても堅牢なスタイリングレイヤーを実現しています。 このライブラリはそ
テキストをCSS3でぼやけさせてアニメーションできたりするjQueryプラグイン「TextBlur」 2011年10月21日- ottonascarella/TextBlur - GitHub テキストをCSS3でぼやけさせてアニメーションできたりするjQueryプラグイン「TextBlur」。 次のように最初はぼやけてるけど徐々にくっきりした文字にするなんていうことができるjQueryプラグインです。 単にテキストをその場で表示しちゃうよりも、徐々に表示するというエフェクトがいいですね。 使い方も次のように超簡単にできます。 $('h1').animate({textBlur: 20}, 0); 但し、IEでも一応対応はしているようですが、うまくは動作しないみたい。 スマホのプロモーション用のサイトなんかで使ってみてもよさそうですね。 関連エントリ テキストにグラデーションをかけられるj
15 Best jQuery Scrollbar Plugins クールなスクロールバーを実装するためのjQueryプラグイン集 スクロールバーというとOSによってデザインが違ってきちゃいますが、こうしたプラグインでどのOSでもUIを共通化できるというのはいいですね。 通常のスクロールバーに機能を追加したものもあり、最適なUIを作りたい場合には参考にするとよさそう これは素晴らしいですね 関連エントリ 独自デザインのスクロールバーにする際に使えるjQueryプラグイン「jScrollbar」 カッコ悪いスクロールバーとはオサラバできるjQueryプラグイン「jQuery vScroll」 コンテンツエリアにスクロールバーが付いたタブUI実装jQueryプラグイン「wdScrollTab」
Animate.css - a bunch of plug-and-play CSS animations CSSで様々なアニメーションが実現できる「Animate.css」 要素をバウンス、フラッシュ、フェード、シェイクといった多彩なアニメーションを使ってCSS3だけで変化させられる仕組みです。 CSSだけでもここまで出来るのかというところを確認する意味でも一度みておいてよさそうです 関連エントリ ピュアCSSでページ上に通知を出すチュートリアル Ajaxスタイルのローディングも画像を使わずピュアCSSで実現するデモ ぜんぶピュアCSSでやっちゃおうというJavaScriptの代替デモ５６ ピュアCSSでSVGやcanvasなしの3Dオブジェクト描画デモ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
