video要素やcanvas要素を使って撮った写真を加工してサーバに残す、なんてことは特にスマホ案件で依頼が来るかもしれません、そうなって焦らないように今から勉強しておきたいですね。 せっかくイベントで発表させてもらうので、これからシリーズでブログに書いていこうと思います、いまから勉強するのは決して早すぎることはないでしょう。
video要素やcanvas要素を使って撮った写真を加工してサーバに残す、なんてことは特にスマホ案件で依頼が来るかもしれません、そうなって焦らないように今から勉強しておきたいですね。 せっかくイベントで発表させてもらうので、これからシリーズでブログに書いていこうと思います、いまから勉強するのは決して早すぎることはないでしょう。
[iPhone] Audio Queue でマイクから録音する方法 でマイクからの音を録音する方法を書きました。その際に音のレベルを取得する方法です。 昨日のコードに追加していく形になります。 レベルメータを有効にする AudioRecorder#record の最後に以下を追加 UInt32 enabledLevelMeter = true; AudioQueueSetProperty(queue,kAudioQueueProperty_EnableLevelMetering,&enabledLevelMeter,sizeof(UInt32)); 最高レベルと平均レベルを取得するメソッドを追加 AudioRecorder.m に以下のメソッドを追加 -(float) getPeakPower { AudioQueueLevelMeterState levelMeter; UInt32 l
とりあえず形になったのでメモがてらUP。 AVFaundationで、AVAudioPlayerってあると思うんですが、 それの録音版AVAudioRecorderっての使ってます。 最初、AudioQueue系のものを使っていたのですが、 バッファとかなんとか事前準備がめんどそうだったのでやめました。 で、結局録音にメモリ使ってしまうという罠は回避出来ていないのですが、なにか知ってる人いたら教えてください。 とりあえず、録音中しか値とれなくて、インスタンス用意すりゃ録音してなくてもいいかなーとか、録音状態にしてから一時停止にしとけばいいんじゃね?とかやったのですがダメでした… 今んとこの解決策は、定期的に録音をストップしてファイル破棄、再度録音開始といった流れしか思いつきません。きもちわるい解決策だぜ! こまったー ※ファイルUPしますが、動作保証とかなにか起きても自己責任でお願いします
Tutti は、複数のブラウザで同時に、リアルタイムかつインタラクティブに JavaScript の実行が可能な JavaScript シェルです。 シェル上で JavaScript のコマンドを打つと、同じ URL に接続しているブラウザにそのコマンドを送信します。各ブラウザは、iframe 内で eval() を用いてコマンドを評価し、その結果を送信元サーバーに返します。それらはまた、各ブラウザに送信されるため、実行結果を各ブラウザがリアルタイムに共有することが出来ます。 Tutti には Socket.IO、node.js、WebSocket といった技術が使われています。 使い方 Tutti の 「Create a Room」 で、元になるシェルを作成します。 URL をコピーし、他のブラウザのアドレスバーに入力します。 JavaScript のコードを入力し、実行結果を楽しみます
Home Features Documentation Download Screenshots A Cross-Browser Javascript Command-Line Debugging Tool Download Latest Stable Version Source code Jash.js (minified) Jash_source.js (non-minified) Jash.css Bookmarklet Jash bookmarklet - right click to copy or drag to bookmarks panel or toolbar to save. Release Notes for Latest Version Release Notes Previous Versions Browse Previous Versions
Jash: JavaScript Shell Jash is a DHTML-based window that gives you command-line JavaScript access to the current browser window. JavaScriptの開発等にかなり使えるJavaScriptシェル「Jash」。 Jashサイトのダウンロードページでブックマークレットがダウンロードでき、このブックマークレットを設定し、実行することでサイト内に小窓が開きます。 小窓には JavaScript シェルが統合されていて、小窓にJavaScriptコードを入力して、JavaScript の対話的な実行が可能です。 (入力欄は、TABキーによる補完も可能です) Jashを使って、例えば、次のようなことが可能になります。 サイト上で定義されているJavaScript変数の中身
postMessage 一般的に広く使われている、URLの?以降の文字列(query string)を使いサーバに対してデータを受け渡す方式は、異なるドメインのJavaScript同士で通信する際にはいくつかのデメリットがあります。http://example.com/?query_stringというURLにアクセスするとquery_stringの部分がサーバに送信されます。当然新規の通信が発生しますし、どのようなメッセージが送信されたのかをJavaScriptから受け取るには、サーバがブラウザに対して応答を返すまで待たなければなりません[3]。postMessageの登場以前も、サーバサイドを経由しない、JavaScriptだけで完結するクロスドメインでのメッセージ送信手法が考えられてきました。代表的なものは、window.name[4]を使った方法(リスト1)とlocation.ha
3回目となる今回は、サービス間の連携におけるlocalStorageとpostMessageの使いどころについて解説します。localStorageはWeb Storage、postMessageはCross-document messagingまたはWeb MessagingとしてHTML5の仕様に含まれているAPIです。どちらもIE(Internet Explorer)8以降、Firefox 3以降、Safari 4以降と、近年のモダンなブラウザで幅広くサポートされており、iPhone用のSafariやAndroidの標準ブラウザでも使うことができます。 localStorageとCookieの違い Cookieは一時的にデータを書き込んで保存させるしくみとして長い歴史を持っていますがさまざまな問題を抱えており、使い方には注意する必要があります。ここで取り上げるlocalStorage
ダウンロードして復号までの流れ ファイルのダウンロード時にはlocation.hashからパラメータを受け取ります。ダウンロード用リンクのlocation.hashは、暗号化済みのデータのパス、復号のためのパスワード、オリジナルのファイル名をカンマで連結したものです。 location.hashの値は、JavaScriptで明示的に取得し送信を行わない限り、サーバに送られることはありません。暗号化済みデータのパスはダウンロードの際、サーバに送られることになりますが、パスワードとオリジナルのファイル名はサーバに送られずに、ブラウザ内でのみ使用します。つまりサービスの運営者からわかるのは「どのファイルがリクエストされたのか」という情報だけで、そのファイルの内容やファイル名はわからないことになります。 ファイルをダウンロードする XMLHttpRequestを使って暗号化済みのファイルをダウンロ
XLSX.jsはJavaScriptでExcelファイル(Base64エンコード)を読み込んだり、ダウンロードさせられるソフトウェアです。 Googleスプレッドシートをはじめ、Webブラウザ上で表計算表示を行ったり、編集したりするWebアプリケーションがあります。しかし最も有力なのはExcelでしょう。そこで試したいのがExcelファイルを読み書きできるJavaScriptライブラリ、XLSX.jsです。 ダウンロードされたファイルです。ちゃんとXLSXとして認識されます。 ファイルを読み込む処理のデモです。Base64エンコードされたデータが解析されています。 XLSX.jsはbase64のXLSXファイルを読み込み、JavaScriptオブジェクトに変換できます。後はいかようにも表示できるでしょう。また、シート名と各セルの値をHTMLテーブルから読み込んでXLSXファイルに変換してダ
capturejsはnode.jsを使ったWebサイトのスクリーンショット取得ツールです。JavaScriptを使って一部の変更ができます。 Webサイトのキャプチャツールは人気がありますが、capturejsはとても面白いツールです。まるごと画像化するだけでなく、DOMセレクタを使ったりJavaScriptを使ってコンテンツを改変した上で画像化できます。 まずセレクタを使った例です。 ヘッダー部分だけ画像化できています。 次はロゴをhiddenにした場合。確かに画像が消えています。 オプションとしてユーザエージェントを指定したり、Cookieファイルの指定、タイムアウト時間の指定、ViewPortの設定もできるようになっています。コンテンツの一部だけを画像化したいといったニーズにぴったりなソフトウェアです。 capturejsはnode.js/JavaScript製、MIT Licens
AppleScript (アップルスクリプト) とは?[編集] 旧Mac OS (Mac OS 7) 時代から現在の Mac OS X まで標準搭載されているスクリプト言語です。 AppleScript 本体だけでなく、さまざまな AppleScript 対応アプリケーションを同じ言語で操縦することができます。 言語の仕様としては、自然英語に近い構文を採用しているのが特徴です。 詳しくは Wikipedia:AppleScript などを参照してください。 AppleScript ヘルプ AppleScript Overview - Mac OS X Developer Library AppleScript Language Guide - Mac OS X Developer Library TN2065: do shell script in AppleScript - Mac OS
Okamoto's Homepage Applescriptのごく基本的なサンプル(OS X用) これまで自作のスクリプトを垂れ流しのような状態だったので,ちょっとは世の中に還元しようと思って作ったページです。たくさん項目があるようにみえますが,たいしたことを書いているわけではないです。でも初心者の人には参考になるかも。 今のところFinderとStandard Additions関連のサンプルがほとんどです。System Events関連のものも少しあります。全てについてサンプルがあるわけではないので,用語辞書で確認して下さい。OSはMac OS X 10.2.3,Applescript1.9.1です。
2013年3月24日日曜日 AppleScript 最速基本文法マスター AppleScriptを書く準備 OSXに最初からAppleScript エディタという専用のエディタがインストールされています。コード補完や実行結果の表示など優れた機能を有していますのでこちらを使用することをおすすめ。アプリケーションフォルダのユーティリティの中にあります。 hello world display dialog "hello world" ツールバーの実行ボタン(Command + R)でコンパイル&実行が行われます。正しい文法で記述されているかはコンパイルボタン(Command + K)で確認できます。 基本的な考え方 AppleScriptは「オブジェクトに対してメッセージを送る」という考えでコードを書くのが基本。いわゆるオブジェクト指向言語というものです。アプリケーションはオブジェク
最近、このブログのデザインを1から作りなおして、フラットデザインを取り入れて見ようかなと考えています。 フラットデザインはシンプルな分、ごまかしが効きません。使い所が難しいので何か見本やサンプルがあると助かりますよね。 勉強がてら、フラットデザインのサンプルとなるアイコンのリンクを集めてまとめてみました。 フラットデザインアイコンまとめ Free program icons on Behance Dribbble – Free Flat Icon Set by Barry Mccalvey 40 Social Media Flat Icons on Behance Weather app + psd on Behance My Desktop Icons – Free Download on Behance Dribbble – Freebie – Flat Credit Cards by
2017年1月6日 Webサイト制作, 便利ツール コーディング規約やスタイルガイドは、HTMLやCSSのマークアップや、各種プログラミング言語の書き方をまとめたものです。コーディングスタンダードやコーディングガイドラインとも呼ばれますね。コーディング規約を決めていなかったり、あいまいにしたまま進めていくと、書式が統一されていないため、コードを追加すればするほどゴチャゴチャしたコードになりがちです。チームでコーディングしていくならなおさら。今回チーム用のコーディング規約を見直すことになったので、その時感じた抑えておくべきポイントをまとめてみます。 ↑私が10年以上利用している会計ソフト! コーディング規約に含むべき項目 ディレクトリー階層 ファイルを保存するフォルダーの階層や、そのフォルダーの名前を決めておきます。画像を格納しているフォルダーを例にあげても、「image」「images」「
shutterstock 現代人の多くは、プライベートの時間もマルチタスクで過ごしているようだ。5月にI&S BBDOが実施した「Vol.13 全国消費者価値観調査」では、午後8時~11時の間に「スマホ+PC」など、電子機器・端末を2台以上同時に使っている人の割合が、3割を超えた。 この調査は、18才~69才までという幅広い年齢層をカバー。全国2000人の男女を対象にして行なわれた。中でも18才~24才の若年層は、「スマホ+PC」といったような2台使いをする傾向が強いことが示されている。 「スマホ+PC」くらいなら驚きはしない。ネット見ながら電話したり、SNSやったり、なんてことぐらい誰でも多少経験があるのでは? では、3台同時使いはどうか。調査では3台同時に使うと答えた人が、少ない割合だが、いる。そしてさらに、4台同時と答えた50~59才や、5台同時と答えた30~39才もいる。5台同時?
JavaScriptエラーを表示・確認する方法をまとめました。 1.はじめに ブラウザでページを表示したときに正しく表示されない、あるいはjQueryで設置したパーツなどが動作しない場合、JavaScriptエラーが発生している可能性があります。 JavaScriptエラーが発生しているかどうかを確認するためにはエラーを表示するためのコンソールを開く必要がありますが、コンソールの開き方が分からなかったり、ブラウザで操作方法も異なります。 このエントリーでは、以下のブラウザを対象にしてJavaScriptエラーの表示・確認方法を解説します。 Google Chrome Firefox IE ビギナーの方向けの内容です。 2.エラーになるJavaScriptのサンプル エラーになるJavaScriptのサンプルとして、次のサンプルを用いて解説します。このJavaScriptを実行するとシンタッ
だんだんとGunosyの楽しさにとりつかれてきているわっと(@WatOno)です。どーも。 Gunosyの素晴らしさは、自分が好きそうな記事を自動で見つけてきてくれること。 その精度が素晴らしいです。 しかし、一つ問題があります。それは、僕はオンライン記事をまとめてPocketで読むということ。そして、GunosyアプリからPocketに送る方法がないということ。 あっちこっちいったりきたりするのはめんどくさいのです。 それを解決してくれるアプリがあることを知りました。かんなり便利ですよ! 122: Gunosy→Pocketへ、URLをコピーするだけで送れるClippedが便利!無料! 参考にさせていただきました!ありがとうございます! 手順 まずは今回の手順です。 Clippedを起動する Gunosyで記事のリンクをコピーする バックグラウンドでClippedが勝手にPocketへ保
open /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/Applications/iPhone\ Simulator.app Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up
git push の反対は git fetch です。git pull ではありません。 どういう意味? git push は、ローカルのリポジトリの内容をリモートのリポジトリに送り込むコマンドです。 git fetch は、リモートのリポジトリの内容をローカルのリポジトリに取り込むコマンドです。 ほら、対になるコマンドでしょう。 では、git pull は? git pull は、まず、リモートのリポジトリの内容をローカルのリポジトリに取り込み、次に、現在のローカルのブランチに対して、それに対応するリモートのブランチをマージするコマンドです。 マージ処理が入りますね。特に、マージが完了すると、作業ツリーの内容がマージ後の内容に変わります。 git push や git fetch は、リポジトリだけを操作し、作業ツリーは無関係です。これに対して、git pull は、リポジトリだけでなく
まとめて github にあげた https://github.com/januswel/jslib http://januswel.github.io/jslib/demo/time-distance/index.html たとえば記事が何日前に投稿されたかを表示したい場合など。 moment.js, XDate, その他いろいろなライブラリがあるので使える場合はそっちを使うのが正解。 ただし、オトナの事情で使えないとか気に入らないとかあると思うので適当コードで概念だけ書いてみる。 月以外の差分を求める場合 年、週、日、時、分、秒、ミリ秒の場合。かんたん。 それぞれのスパンが決まりきっているのでミリ秒の差を求めてスパンのミリ秒で割る。 週、日、時、分は年・秒とほぼ同じなので省略。 結果は小数になるので適当に四捨五入などして表示するといい。 var SECOND_MILLISECOND =
phpから自鯖経由してアップロードすると$_FILEに上がってしまうので リソースをくってしまうし、データ送信連打されるとたとえ連続投稿で弾いたとしても、 $_FILEにはあがってしまうわけで、ファイルアップロード分だけリソースがくわれてしまう。ぐぬぬ ってことで直接S3に上げれば、代わりにAmazonさんが頑張ってくれるはずってことで formのアクションにアマゾンURLをいれて、ファイルアップロードできるようした。 これを参考にした! http://www.slideshare.net/suzlab/untitled-10619108?ref=http://blog.cloudpack.jp/2011/12/aws-news-jaws-ug-miyazaki-03-lt.html http://aws.amazon.com/articles/1434 が!!! ファイルアップロードだけ
/** * オブジェクトのkeyとvalueを反転させる * @param {Object} obj 反転させるオブジェクト * @param {Boolean} [keyIsNumber=false] keyが数値であるか?(数値ならkeyを反転させるとき数値に変換する) * @return {Object} keyとvalueの反転したオブジェクト */ function inverseObject (obj, keyIsNumber) { return Object.keys(obj).reduceRight(function (ret, k) { return (ret[obj[k]] = keyIsNumber ? parseInt(k, 10) : k, ret); }, {}); } var obj = { foo: 'bar', bar: 'foo', }, inv = i
FeedWordpressというプラグインを使うと、RSSフィードを読み込んで自動で記事化することができます。 複数のブログを運営している場合、まとめサイトを作ったりするのにとても便利なプラグインです。 英語のプラグインで日本語情報もあまりなく、試行錯誤して設定してみましたので書き留めておきます。 FeedWordpressのインストール方法 管理画面から「プラグイン」-「新規追加」を選択します。 「FeedWordpress」で検索します。 検索結果に表示された「FeedWordpress」の「今すぐインストール」をクリックし、インストールします。 インストールが完了したら「プラグインを有効化」をクリックします。 管理画面左メニューに「Syndication」という項目が表示されたら完了です。 FeedWordpressの設定方法 管理画面左メニューの「Syndication」をクリック
管理人からのメッセージ パスワードは、 ● 50%OFF ● 半角英数字小文字6文字 を共に満たす文字列です。
Pocket Authentication API Documentation The Pocket Authentication API uses a variant of OAuth 2.0 for authentication. OAuth 2.0 is meant to be straightforward to implement, and also provides increased security for user authentication because 3rd party client apps no longer need to request or store a user's login information to authenticate with Pocket. General Guidelines All calls to the Pocket Au
Qiita API を使うときには User-Agent を設定しないと 500 Internal Server Error が発生するQiitaPHPWebAPI 概要 件名の通り。 Qiita API を使うときには User-Agent を設定しないと 500 Internal Server Error が発生する。 php の file_get_contents をそのまま使うと User-Agent ヘッダが付与されない(ことが多い)ので、そこでハマる。 何故か 500 Internal Server Error が発生する。 実行例 $ php QiitaApiSimple.php Warning: file_get_contents(https://qiita.com/api/v1/items): failed to open stream: HTTP request fai
About This documentation explains the specifications of Qiita API v2. Request Requires secure connections with TLS to access the all endpoints of our API, without exception. Use qiita.com host to access to the public Qiita data, otherwise use *.qiita.com to access to Qitia:Team data. Parameters Accepts GET, POST, PUT, PATCH, and DELETE HTTP methods. On GET request, include parameters as URI query
先日より近日公開予定としていたQiita API、その全貌がついに明らかに! Qiita API documentQiita APIのドキュメントはこちらで参照することができます。 Qiita APIではQiitaから様々なデータを取得したり投稿の実行することが可能です。 さらに、投稿のストック/ストック解除も可能になりました! Qiita gem加えて、Qiita APIのためのQiita gemを公開しました! Qiita gemはgithub上で参照することができます。 Qiita gemを使うことでQiita APIをRubyで簡単に利用することができます。 本日公開されたQiita API、Qiita gemは今すぐ触っていじることが可能です! Qiita Hackathon 10月13日(土)開催!10月13日(土)開催のQiita Hackathonは「Qiita APIを使
【2021/10/15 追記】 この記事は更新が停止されています。現在では筆者の思想が変化している面もありますので,過去の記事として参考程度にご覧ください。 この記事の情報は古いので,最新の情報が欲しい方は 「PHPで各種バリデーション」 をお読みください。 訂正: IPv6のメールアドレスは IPv6: プレフィクスが必要です。PHP7.1時点でこの形式に対応していることを確認しました。 - 誤: a@[2001:0db8:bd05:01d2:288a:1fc0:0001:10ee] - 正: a@[IPv6:2001:0db8:bd05:01d2:288a:1fc0:0001:10ee] 関数ラインナップ 私の関数 function validate_email($email, $strict = true) { $dot_string = $strict ? '(?:[A-Za-z0
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and
モバイルバッテリーとは呼べない。「ほぼポタ電」なコレ1台で有事の時もアウトドアも大活躍!【AmazonスマイルSALE】
The Polaris Dawn crew is back on Earth after a historic mission
box-shadowはボックスの周りにふわりとしたシャドウをつけることができますが、それを少しアレンジして、立て看板風のシャドウをつけるテクニックをBloomから紹介します。 まずは、通常の周りにふわりとシャドウをつけてみます。 HTML img要素をdivで包みます。 <div class="css-box-shadow"> <img src="logo.png" alt="" /> </div> CSS ボックスの四辺にシャドウを適用します。 .css-box-shadow { width:133px; position: relative; -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.5); -moz-box-shadow: 1px 2px 4px rgba(0,0,0,.5); box-shadow: 1px 1px 4px rgba(0
海外のクリエイティブチーム「Freepik」とのコラボで、ビジターのみなさんに日頃の感謝を込めて、コリス限定のアイコン素材を配布します。 先日Twitter@colisscomでどんなアイコンが欲しいか希望を聞き、Freepikの中の人と相談し、アイコンを作成していただきました。 Freepik.comは、海外のウェブ制作系ブログSmashing MagazineやSix RevisionsやWeb Designer Depotでもお馴染みで、そのブログだけのオリジナルのアイコンセットを配布するコラボに当ブログも加わりました。 日本では初だそうです、やったね! アイコンのテーマは「Celebrations」 ビジネス系のは他のサイトにたくさんあるので、ホビーやライフなどを主体としたアイコンを依頼しました。
DDN は 音楽 ・ 映像 に関する デジタル アート を中心に情報ミックスを配信中
DDN は 音楽 ・ 映像 に関する デジタル アート を中心に情報ミックスを配信中
DDN は 音楽 ・ 映像 に関する デジタル アート を中心に情報ミックスを配信中
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く