iphoneのブラウザからカメラを起動させる。WEBアプリに。 : 森のコーディング
1月16 iphoneのブラウザからカメラを起動させる。WEBアプリに。 カテゴリ:HTML5iphone/ipadサイト Tweet iPhoneのカメラを起動させて撮影させるアプリをつくるには、ローカルアプリを作るしかないのかな？WEBアプリでできないのかな？ と調べてみたら、iOS6からはiPhoneのsafariでできるようになったみたいですね。 HTML5の関連仕様である、HTML Media Captureにsafariが対応したようです。 HTML Media Captureとは、HTMLのフォームから、デバイスのカメラや動画や音声を取り込む機能にアクセスするためのもの。 カメラにアクセスするには以下のように書く。 <input type="file" accept="image/*"> 実際に画面から「ファイルを選択」をタップすると以下のようになる。 ここで、「写真を撮る」
[イベント] ヨーロッパの女性起業家とTech×女子の未来について語る会! 【@maskin】 | TechWave（テックウェーブ）
「大きい会社で働くのはダサい」 「IT業界で働いている女性はモテる」 「両親が期待しているのは「起業家」になること」 ミドルヨーロッパ・ポーランドの有名なTech女子コミュニティ「Geek Girls Carrots (以下 GGC)」のリーダーを勤める Kamila Stepniewskaさん（COO of Geek Girls Carrots）。 ポーランド中の色々な都市に支部を持つ「Geek Girls Carrots」を通じ、分散するコミュニティを関係性を保ち、女性向けのIT教育や起業支援などを行っている。 そんな彼女が「ポーランドのTech女子たちの活躍」「両親、パートナー、友達、政府、メディア、色んなコミュニティーからどんな支援を受けることが出来るのか？」などをざっくばらんに話すイベントが2013年3月28日(木)に開催される。 対話を通じた、ゆるやかで明確な広がり GCCはI
![[イベント] ヨーロッパの女性起業家とTech×女子の未来について語る会! 【@maskin】 | TechWave（テックウェーブ）](https://cdn-ak-scissors.b.st-hatena.com/image/square/f44a71a787ad26630661252f95993fbaf8d27721/height=288;version=1;width=512/https%3A%2F%2Ftechwave.jp%2Fimages_inbox%2F2016%2F05%2Ff916824b-s.png)
納期が延びる要因を指標化する － スケジュールのDRAGとはどんな尺度か | タイム・コンサルタントの日誌から
久しぶりにスケジューリングの話を書こう。スケジュールがなぜ長くなってしまうのか、どこを攻めたら短くできるのか、それを数字で指標化できる手法についてである。 いま、あるシステム製品をおさめる仕事を考える。単純化のために、この仕事は以下の６つの作業項目（アクティビティ）のみからなると考える。 1. 基本設計 （推定所要期間＝20日） 2.1 ハード調達 （推定所要期間＝35日） 先行作業：基本設計 2.2 設置調整 （推定所要期間＝ 5日） 先行作業：ハード調達 3.1 詳細設計 （推定所要期間＝10日） 先行作業：基本設計 3.2 ソフト開発 （推定所要期間＝20日） 先行作業：詳細設計 4. 総合テスト （推定所要期間＝15日） 先行作業：設置調整、ソフト開発 さて、このお仕事の納期は何日かかるだろうか。これは、作業項目とその順序関係を図に書いてみると分かりやすい。仕事の全体像をネッ
TechCrunch | Startup and Technology News
Byju’s is cutting 500 to 1,000 more jobs at the firm, this time eliminating several non-sales roles as well, as the Indian edtech giant pushes to improve its finances, according to a person fami While platforms like Reddit and Twitter are changing rules and making life difficult for developers of third-party clients, the ecosystem of Mastodon apps is still growing. Today, indie developer Jake
アプリのデザインも期待できるランディングページまとめ15つ | Goodpatch Blog
こんにちは！MEMOPATCHでアプリ紹介をする際に毎回、そのアプリを作っている会社、またはランディングページへのリンクも掲載しています。色々なランディングページをチェックすることで、アプリのデザインが優れているとランディングページのデザインも優れていることに気がつきました。 そこで今回は「アプリのデザインも期待できる、優れたデザインのランディングページ」をまとめてみました！ Webサイトとしてデザインが優れているもの、アプリの機能がわかりやすいもの、アプリを使ってみたくなるものを集めてみました！ everest http://evr.st/ なにか目標を立ててそれを実現するまでを記録するアプリです。ランディングページではアプリ画面の説明をスライドでしてくれるのでわかりやすいです。 Coffely http://www.coffely.com/ コーヒーメーカーをiPhoneから操作できる
スマホサイトでは「お気に入り/ブックマーク」への促しは有効な手段かもしれない / Maka-Veli .com
なぜ有効かというと ターゲットが、より一般層に近いから はい出た冒頭で結論。僕の悪い癖。 デバイス標準の機能というのは非常に有効です。 シェアボタンはそもそもシェアする先に自分が登録している必要があります。 しかし、他人へ発信する事やSNS登録する事に抵抗を覚えるユーザーはまだまだ多いです。 Webに浸かってると当たり前に思っている事が通用しないような、普段パソコンを触らない層にもアプローチできるのが今のスマホサイトだと思うんですよね。 （ここでは仮に”一般層”と呼ぶ事にします） 僕のブログのようなのは全体から見るとニッチですし専門的で、見てくださってる方々はそもそものITリテラシーが高いのでコレに当てはまりませんが、一般層は違います。 偶然、何かのサイトから訪れたり検索で訪れたり。その時に、「このサイト好きだなー、また見たいなー」と思っても、どうしていいかわからない状態に
デザインに役立つ！黄金比や白銀比の比率を計算してくれる5つのツール
※この記事は、2015年4月15日に公開された記事を再編集したものです。 世の中には、物事を美しく魅せるための「比率」が存在します。 建築や、Webデザイン、通常のデザインなど「なんだか綺麗」と思わせなけらばいけない場面で利用されるこれらの比率。具体的には黄金比、白銀比、青銅比、白金比、第二黄金比など、利用される比率は複数存在します。 そこで今回は、その中でもよく使われる黄金比・白銀比を簡単に、自動で計算してくれる便利なサービスを5つ選んでみました。 黄金比とは 黄金比とは、「Golden Ratio」の日本語訳で、1：1.618という人間にとって最も安定し、美しく感じられる比率のことです。 正方形の一辺にその約60％分の長方形を足した時、自然とバランスが取れていると感じることができます。名刺などの縦横比もほぼ黄金比で構成されており、有名なものをあげると、パルテノン神殿、モナ・リザ、ミロの
ついに出た！Lightningのリール式充電ケーブル！やっぱりかさばらないは正義や！（iPhone 5 / iPad mini対応）| 和洋風KAI
ついに出た！ってか出てた！Lightningの巻き取り式充電ケーブル！ あかめ女子のwebメモで見かけた製品なのですが、もう見た瞬間即ポチしてしまったですよ！これずっと欲しかった！これがずっと欲しかったの！ ということで今日はこの素晴らしい充電ケーブルのレポートをお届けします！かさばらないは正義や！ iPhone 5対応巻き取り式Lightning充電ケーブルはこんな感じ。 というわけでこれが「iPhone 5対応巻き取り式充電ケーブル」です。ずっと待ってた！ずっと君を待ってた！ 開封なう。シンプルでいいですねぇ。黒と白がありましたがやっぱり白の方がiPhoneに合うだろうということで白を選択。 きっちりLightningが先端に鎮座してこざいます。あ、ちなみにこの製品は充電専用です！（といっても僕の場合ほとんど不満はありませんが。理由は後述。） ちなみに充電専用の表記はシールのため綺麗に
クールでアニメーションするグラフを描画できるHTML5チャートライブラリ「Chart.js」:phpspot開発日誌
Chart.js | HTML5 Charts for your website. クールでアニメーションするグラフを描画できるHTML5チャートライブラリ「Chart.js」 次のようにクールな線グラフ、棒グラフ、円グラフ、レーダーチャート等のグラフが描けます 今時のデザインがいい感じですね 関連エントリ 様々なグラフを描画できるJavaScriptライブラリ「NVD3.js」 テーブルをグラフに変換してくれるjQueryプラグイン 美麗なグラフをSVGで描画できるJSライブラリ「dc.js」 jQueryでブレットグラフを作れるjQueryプラグイン「jquery bullet graph」
世界一即戦力な男、菊池良が株式会社LIGに入社する事になりました。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
LIGブログをご覧の皆様、はじめまして。 「世界一即戦力な男」こと、菊池良と申します。 菊池良 とは 6年間の引きこもりを経て大学生となり、就職活動の一環として自らのウェブサイト「世界一即戦力な男・菊池良から新卒採用担当のキミへ」を発表。たちまち話題となり、1.7万いいね！、4500Tweetを記録。届いたメッセージは1000通を超え、採用に乗り出した企業は50社以上という。まさに空前の就職活動バブルを体験した男、それが菊池良なのである。 「世界一即戦力な男・菊池良から新卒採用担当のキミへ」 そんな世界一即戦力な僕が、2月に公開した僕の就職活動サイトなのですが、おかげさまで沢山の反応をいただき、その中でも特に熱心に僕の事を誘ってくれた株式会社LIGさんに可能性を感じ、この度、インターン生として入社する事になりました（報告ページ：「世界一即戦力な男・菊池良は内定が取れました」）。 そして今回
新社会人が入社前に押さえておきたい7つの心得 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、そめひこです。LIGでは主に礼儀正しいを担当しています。 この3月まで大学生、院生だった皆様、遅れましたがご卒業おめでとうございます。 新社会人になる皆様は、新しい春にわくわくドキドキされていることでしょう。 そんな皆様に、入社前に抑えておきたい7つの心得をお伝えします。 社会人生活、良いスタートを切っていただきたいという想いを込めて。 ではさっそく見ていきましょう。 1. 挨拶は積極的にしよう 理屈を抜きにして、自ら進んで挨拶をしましょう。 挨拶は形式的なものでもありますが、「挨拶する人の状態を知る・伝える」ための最も身近で手軽なコミュニケーションでもあります。 例えば、笑顔で爽やかな挨拶をしていた人が、次の日に暗い顔でしんどそうな挨拶をしたとします。そんなとき、誰もが「何かあったな」とわかります。上司や先輩社員は、皆様を成長させることも仕事のひとつです。その上で、皆様がどう
商用利用無料でしかもベクター！ウェブサイト・アプリ用の375種類のアイコン素材 -375 Vector Icons
AI, EPSのベクターで作成されたRetinaディスプレイ対応のアイコン素材を紹介します。 アロー、サーチ、メール、ソーシャルメディアをはじめ、ビジネス用もホビー用も揃ってます。
タッチデバイス対応、フォームのデザインをミニマルやフラットにしたり機能を強化するスクリプト -iCheck
フォームのラジオボタンとチェックボックスをミニマルやフラットやダークなど、今時のデザイン風に変更したり、コールバック関数や入力をコントロールできるjQueryのプラグインを紹介します。 iCheck iCheck -GitHub iCheckの特徴 iCheckのデモ iCheckの使い方 iCheckの特徴 1KBで超軽量 クロスブラウザ対応 IE7+, Firefox2+, Chrome, Safari3+, Opera9+ スマートフォン・タブレットなどのタッチデバイスをサポート iOS, Android, BlackBerry, Windows Phone キーボード操作をサポート タブ、スペース、矢印キー、他のショートカット HTML/CSSベースでカスタマイズが簡単 Retina対応のスタイルを6種類用意 チェックボックスとラジオボタンは15のオプションでカスタマイズ 8つのコ
タッチデバイスに対応したフリーのLightbox・スライドショーjQueryプラグイン
【Swipeshow】スワイプで操作できるjQu... / 【Liquid Slider】スマートフォンのタ... / 【Sly】スライドショーとしても使えるタッチ操作...他...全6件
jQueryでランダムに画像などコンテンツ要素をフェードインさせる方法｜BLACKFLAG
以前の記事で「jQueryで画像などコンテンツ要素を順番にフェードインさせる方法」と題して、 一覧となって並べられた画像をjQueryを使って順々にフェードインさせる方法を紹介しましたが、 同様のパターンで、フェードインさせる順番をランダムにするパターンを できるだけシンプルな構成で作ってみたので紹介してみます。 まずは動作のサンプルから。 下記画面の「リロード」を押してみてください。 サンプルを別枠で表示する ページの読み込みが終わると 一覧画像がランダムによって順々にフェードインして表示されます。 この全体構成について、 まずはHTMLから。 ◆HTML <div id="thumblist"> <ul> <li><a href="#"><img src="img/photo1.jpg" alt="" /></a></li> <li><a href="#"><img src="img/
現在のブラウザサイズをリアルタイムで教えてくれる「What’s My Browser Size?」 – bl6.jp
かなりシンプルでよさげなWebサービスがあったのでご紹介します。現在のブラウザサイズをリアルタイムで教えてくれる「What’s My Browser Size?」です。ブラウザを可変するとそれに合わせてブラウザサイズの数値も変化します。サイト制作者は覚えておくと何かと役立ちそうですね。 [ads_center] 使い方 サイトにアクセスすると、現在見ているブラウザのサイズが表示されます。余計な機能は一切ないシンプルさが素敵ですねー。 このようにブラウザを縮小または拡大することで表示されている数値に反映されます。レスポンシブデザインを制作する場合のブレイクポイントの確認なんかに役立ちますね。 現在のブラウザサイズを確認したい時には覚えておきたいツールです。 What's My Browser Size?
iPad Retinaディスプレイモデル16GB/32GBの各色が追加されています！|Apple Online Storeで買える整備済製品｜20130326 | 男子ハック
Apple Online StoreでMacが通常よりお得に買える「整備済み製品」の新着情報をご紹介。数に限りがあるのでMacの購入を検討されていた方はこの機会をお見逃しなく！ 整備済製品とは 新品と同じ水準程度の品質を確認したアップル認定製品。新品同様、1年間の特別保証がついているので安心！ オンラインストアのみでの販売で、製品は流動的に変わっていきます。このタイミングを逃すと買えないかもしれないので気になる製品がある人は要チェック！ お買い得な MacBook Air、MacBook Pro、Mac Pro、iMac、Mac mini 11インチMacBook Air 1.6GHzデュアルコアIntel Core i5 整備済製品 ￥74,900 2011年7月発売モデル 11.6インチ（対角）高解像度LEDバックライトクリアワイドスクリーンディスプレイ（光沢） 4GBメモリ 12
Mac歴約10年の僕が使っているアプリまとめ｜2013年版｜男子ハック
@JUNP_Nです。Macで便利に使えるアプリをまとめてご紹介。個人的にオススメなアプリのまとめなので敢えて定番を外していたりしますが、自分の備忘録的にもご紹介。
JavaScriptのお勉強 - onclick イベントに関数を割当てよう - フロントエンドとかPCとかスマホとか
その１ a をクリックすると、メッセージを出す html インラインで書いてみる <!doctype html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>javaScript</title> </head> <body> <a href="#" onclick="alert('No.0が押されました');">No.0</a><br> <a href="#" onclick="alert('No.1が押されました');">No.1</a><br> <a href="#" onclick="alert('No.2が押されました');">No.2</a><br> </body> </html> その２ head内に書いてみる 普通に書いてみる。 <!doctype html> <html lang="ja"> <head> <m
文字数、段落数、単語数を簡単に数えられるJSライブラリ「Countable.js」:phpspot開発日誌
Countable.js?live word-counting in JavaScript 文字数、段落数、単語数を簡単に数えられるJSライブラリ「Countable.js」 文字数を数えるライブラリは沢山ありますが、段落や単語数までカウントしてくれるライブラリははじめてかも。 文字数、段落のカウントは日本語にも対応しています（単語数は非対応） 文書を書いてもらって送ってもらうような場合の入力補助ライブラリとして使えそうです 関連エントリ 美しくアニメーションさせられる線・棒グラフ描画JSライブラリ「xCharts」 jQuery風に簡単にCanvasを扱えるラッパーライブラリ「Canvas Query」 Bootstrapに追加で使えるjQueryベースのUIライブラリ「w2ui」 JavaScriptオフ、CSSをのみで動くツールチップライブラリ「hint.css」 シンプル多機能なW
HTMLメール用のレスポンシブテンプレート「Antwort」:phpspot開発日誌
Antwort | Responsive Layouts for Email HTMLメール用のレスポンシブテンプレート「Antwort」 HTMLメールを送る際に、メールクライアントに併せてレスポンシブに動くみたい。 float対応していないクライアント向けにtableタグを使う等しているところが、他のレスポンシブフレームワークと違うところ メールでのマーケティングに活用したいところですね 関連エントリ レスポンシブなiPhoneのサイドメニューっぽいメニューが作れるjQueryプラグイン「Sidr」 レスポンシブなCSSベースのドロップダウンメニュー「Top Drawer」 レスポンシブな日付ピッカー実装jQueryプラグイン「pickdate.js」 最初からレスポンシブなCSSデザインのHTMLテンプレート３５ レスポンシブなテーブル作りに役立つjQueryプラグイン「FooTab
Excel2013やGoogleSpreadSheetでの関数が使えるようになるJSライブラリ「Formula.js」:phpspot開発日誌
Formula.js Excel2013やGoogleSpreadSheetでの関数が使えるようになるJSライブラリ「Formula.js」 WEB開発者でExcelも使いこなしているという方には便利そうなライブラリ。使い慣れた関数をJSで使えるので便利そうです。 実に多機能。数式をよく使う方には便利に使えるのかも。 関連エントリ 普通のテーブルをExcel風に超カッコよくしてくれるjQueryプラグイン「ParamQuery」 一見普通のテーブルだけどExcel風に使えるjQueryプラグイン「Handsontable」 Excelそっくりな表計算モジュールを実装可能なオープンソースモジュール「Gelsheet」
深く考える力を身につけるには - 小さなごちそう
子どもには深く考える力を養って欲しい。社会に出てからも伸びる人っていうのは、深く考える力を持っている人だと思う。 でも深く考える力ってどうやって育てればいいんだろうね。 深く考えるためには「差異に気がつく」ことが必要だと思う。 AとA'の差異に気がつかなければ、そこに原因を考える思考は発生しえない。 では差異に気がつくにはどうすればいいんだろう。 「視点・視野・視座を変えて対象を見る」ということが、差異に気がつくコツの一つなんじゃないかな。そしてそのときに感じた違和感や気づきに敏感になって、その理由を探求する「習慣」こそが「深く考える」ということだと僕は思う。 でもこれって言葉で言っても伝わりにくい。ワークショップ的に体験させるのがいいのかな。
jQueryでtransformをアニメーションさせるプラグイン「Transit」
jQueryのanimateではアニメーションしながらtransoformさせることが出来ないようです。 それを可能にするのが今回ご紹介するこちらの「Transit」になります。 transformがjQueryで動かせる 基本的には以前ご紹介した、transformの動作がjQueryで可能になるプラグインです。 要素を変化させる、CSS3「transform」のおさらい｜WEB Drawer 3Dアニメーションもできて、従来のanimateのeasingなども実装できます。他にもtransform以外のmarginなどもアニメーションさせることができます。 サンプルページ いろいろな動きができる 他にも様々な使い方が配布サイトに載っていますので御覧ください。 Transit – CSS transitions and transformations for jQuery 対応ブラウザ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News
ベクターオブジェクトをソースコードに変換するIllustratorの拡張・「Drawscript」 | マイナビニュース
Loading...
cmmntr.com
cmmntr.com
https://ameblo.jp/ca-1pixel/entry-11497184837.html
IDEA * IDEA
IDEA * IDEA
IDEA * IDEA
電子回路の設計からシミュレーションまで出来る『Circuit Lab』がすごく便利 | 100SHIKI
한메일 종이 Ajax UX 프로트타입 - Hanmail Paper Ajax User Experience (UX) Prototype
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
http://handywebdesign.net/2013/03/how-to-make-a-text-in-watercolors/