レスポンシブデザイン簡単導入法02 – よく使う項目まとめ編 | SEO Packブログ by ディーボ
ビューポートとメディアクエリを設定した後は、スマホ用のcssを調整しながら各デバイスに対応していくわけですが、その際によく使う、cssのポイントをご紹介します。 画像を可変にする レスポンシブデザインは、ビューポートの設置によって表示されるサイトの表示領域がデバイスのサイズへと変わります。その横幅に対して画像を可変にします。 下記の設定で、最大でも実寸サイズとなり、画面サイズからはみ出すことを防ぐことができます。それ以下のサイズの場合は画面幅に合わせて縮小されます。 img {max-width:100%;} スマホを横にしても文字サイズを変えない デフォルトでは、スマホを横にすると横幅に応じて、文字サイズが大きくなります。これはこれで見やすいですが、文字数が多い時など、デザイン上フォントサイズを変えたくない場合は、スマホ用cssに下記タグを追記します。 body {-webkit-te
【神アプリ】ボイスレコーダーアプリの決定版ｷﾀ━(ﾟ∀ﾟ)━!会議や授業で大活躍だぞ | カミアプ | AppleのニュースやIT系の情報をお届け
ども！ともぞうです。 打ち合わせの議事録作成やあとで聞き返すように授業などをボイスレコーダーで録音しても、録音時間が長いと聞きたい所を探すのって大変ですよね。 そんな悩みを解決してくれる画期的なアプリが登場しました！その名も『キーワード頭出し ボイスレコーダー』。なんと録音した内容を文字で検索できるすんごいアプリなんです。 検索以外にもメモやカメラ機能など、議事録作成や授業の記録に役立つ機能満載で一度使ったら手放せませんよ！ 録音した音声を文字で検索して頭出し 会議や授業の録音はiPhoneの標準アプリ『ボイスメモ』を使えばできるのですが、長時間の録音だと聞きたいところを探すのが大変なんです。 そんなお悩みを解決してくれるのが『キーワード頭出し ボイスレコーダー』の目玉機能である音声の検索機能！ 早速、かみあぷの夜のネットニュース記事を読み上げたものを録音して試してみたいと思います。 この
新入社員必見！プレゼン資料の作り方からプレゼン方法の基礎まで学べる良質SlideShare11選
ビジネスシーンにおいてプレゼンをする機会は誰にでもあるのではないでしょうか。 プレゼンというと「商品を販売する行為」をイメージしがちですが、一口にプレゼンといってもお客様に提案をする時、自分の売り込みをしたい時以外にも、社内メンバーへの提案や上司を説得する際にもプレゼンは必須です。 つまり、プレゼン能力は全てのビジネスパーソンにとって無くてはならない能力なのです。そのための、プレゼン力をつけるためにはまず、基本的なルールを学びましょう。 今回は、世界的に有名なファイル共有サービス「SlideShare（スライドシェア）」より、プレゼン資料の作り方から実際のプレゼン方法まで学べる資料を11個厳選してご紹介します。 資料作成時には実際のプレゼンを想定し、伝えたいポイントだけを記載する必要がありますが、書きたいことを整理出来ず情報を詰め込んでしまいがちです。 このスライドでは、聞き手に伝わるプレ
ReactNativeでサクッとReactjs記事リーダーを作ってみる - Qiita
ReactNativeとは ReactNative http://facebook.github.io/react-native/ ReactNativeとはReactjsベースでネイティブアプリを構築できるSDKで、Facebookが先日リリースしました。ちなみにFacebook GroupのアプリがReactNative製なんだそうな。 現在はiOSのみの対応となっていますが、将来的にはその他プラットフォームにも対応していくものと思われます。 内部ではReactjsの描画結果をUIKitの各要素に変換して描画しているようです。 触ってみたいという方は、3分くらいで準備できますのでやってみましょう。 http://facebook.github.io/react-native/docs/getting-started.html#content 作ったもの とりあえずどういった作法で書いて
Slackに不正アクセス、2段階認証適用を呼び掛け
米Slack Technologiesは3月27日（現地時間）、チーム向けコラボレーションツール「Slack」のユーザー情報データベースに不正アクセスがあったと発表し、謝罪した。 不正アクセスは2月の4日間に行われ、すでに遮断済みという。データベースには、ユーザー名、メールアドレス、ハッシュ化されたパスワードと、オプションで入力された電話番号とSkype IDが含まれている。決済情報などは流出していないという。 影響を受けた可能性のあるユーザーおよびチームはごくわずかで、そうしたチームには既に個別に連絡しており、同社から連絡を受けていないユーザーやチームのデータは流出していないとしている。（この発表と同時に全ユーザーにメールでの告知も行っている。） 同社はまた、新たに2段階認証機能を追加したことを発表し、全チームに適用を強く呼び掛けた。適用方法についてはヘルプページを参照のこと。iOSおよ
面接におけるギークの言葉:tks(高須 正和)のブロマガ - ブロマガ
僕が今いるチームラボでは、多くのテクノロジー会社がやってるように、インタラクティブエンジニアはインタラクティブエンジニア、WebデザイナーはWebデザイナーというように、その後一緒に働く人たちが面接する。（最終面接は、給料を払う人である役員がやるかも。あんまり詳しくない。なお、社長は一切の選考過程に関わっていない。たまに推薦が来るが、社長推薦の合格率は低い気がする） エンジニアの人は、面接ですごく重たい（重要な）感想や意見を言うときがある。僕より全然重く感じる。印象に残った言葉を書いてみる。 なお、就職してからいくつかの会社でずっとエンジニアたちと一緒にいた僕が昔いた会社の人の言葉や他社の言葉も入っている。（そのほうがおおいかも。誰から聞いたかもう忘れちゃったのもある） また、彼らは採用時は黙って○をつけることが多く、言葉にするのはNGの時が多くなる気がする 「'授業や研究で作った'みたい
React Native ファーストインプレッション - Qiita
React Native 概要 React.js とだいたい同じ作法で、JavaScript で書いたコードが iOS ネイティブアプリとして一応動く。そのフレームワークと開発環境を提供する。 React.js と同じ React を謳っているとおり、JSX で UI コンポーネントを定義するとか、Props や State で View のデータフローを整えるとか、setState() によるデータバインディングとか、諸々が一緒。従って React.js でアプリケーションを作ったことがあれば、学習コストをほとんどかけずにアプリが作れる･･･かも 例えば以下のように、入力値をそのまま画面にエコーするアプリケーション。 これはこんな感じのコードになる。 var React = require('react-native'); var { AppRegistry, StyleSheet, T
ピルクルに摂取目安量「1日65ミリ」の表記があってTwitter民おののく 500ミリ全部飲んではだめなのか聞いてみた
ヤクルトのような乳酸菌飲料が大容量で飲めるのがうれしい、日清ヨークの飲み物「ピルクル」。コンビニでは紙パックに入った500ミリサイズをよく見かけますが、この食品表示に「1日65mlを目安にお召し上がりになると効果的です」とあるのを強調した写真が、1日約1万5000回リツイートされるなどTwitterユーザーに衝撃をもたらしています。えっ、ピルクルって500ミリを一気に飲んだらダメだったの？ こちらが500ミリサイズのピルクル ほんとだ、500ミリサイズなのに摂取目安量は「1日65ml」ってある！ ピルクルは65ミリ当たりに乳酸菌の一種「カゼイ菌」を150億個含んだ、特定保健用食品（トクホ）。ほかにもラインアップには紙パックの1リットルサイズ、プラスチック容器の65ミリサイズがありますが、内容量に関わらずいずれも摂取目安量は1日65ミリとなっています。 1リットルサイズ（左）と65ミリサイズ
あなたのスタートアップのアイデアの育てかた
スタートアップのアイデアを得る方法について、Y Combinator (Paul Graham, Sam Altman, Paul Buchheit) と Peter Thiel、Chris Dixon の考え方を中心に解説したスライドを書きました。タイトルは「あなたのスタートアップのアイデアの育てかた」です。 アイデアの発案の仕方については諸々ある書籍や資料から学んでいただければと思うのですが、今回は主にスタートアップのアイデアについてという一部領域でのアイデアの気づきかた、育てかたに絞って解説しています。 もちろんこの方法が唯一の正解の方法であるとは限りませんし、仮に正しいプロセスだとしても、正しいプロセスから素晴らしいスタートアップのアイデアが常に出てくるわけではありません。ただ、Y Combinator をはじめとした彼らの考え方は、一つの参考になる考え方ではないかなと思いますので
MS、新ブラウザーにはIEエンジンを完全非搭載と発表
本当にオサラバなんですね……。 マイクロソフトは、Internet Explorer （IE）をゆっくりと世の中から姿を消していく方向性に定めつつあることは確かとされていましたよね。 このほど、マイクロソフトはシリコンバレーで、新ブラウザーをめぐるワークショップを開催。同時に、開発者向けブログ｢IEBlog｣にて、新ブラウザーでは、IEとは完全に異なるレンダリングエンジン｢Edge｣のみが搭載されると発表！ 当初はProject Spartanにも、IE互換のレンダリングエンジンTrident（MSHTML）がデュアル搭載されるとされていました。 Project Spartanこそが、マイクロソフトの将来を担う存在である。Windows 10では、Project Spartanが全バージョンでデフォルトのブラウザーとして設定され、新たな独特のユーザーエクスペリエンスを提供するものとなるだろ
津田大介さんと藤野英人さんが語る「コンテキストが拡張する知的生産性」
3 月 18 日、日本経済新聞本社にてトークイベントを開催しました。本イベントでは「日本経済新聞 電子版」による「コンテキスト」機能のコンテンツ提供開始に伴い、連携機能の紹介や連携の背景などをご紹介しました。イベントは第一部と第二部にわたって開催され、第二部では日本経済新聞社・財満さん、ジャーナリストの津田大介さん、投資家の藤野英人さんによるパネルディスカッションも行われました。 第一部の冒頭、Evernote 日本法人より井上健が登壇し、「コンテキスト」機能に関するプレゼンを行いました。 第一部「日本経済新聞社との提携と、コンテキスト機能の提供の背景」 井上はまず、Evernote が目標とする姿について「検索できるのは当たり前。それだけでなく、ユーザにとって必要な情報を Evernote 側で自動で提案することを目指している」と説明。その上で、日本経済新聞と提携した理由を「情報があふれ
TypeScriptをオススメする理由
9. JavaScriptの進化は緩やか 進化はエンジン次第 • JavaScript Interpreter（engine） • JavaScriptコードを実行する • ブラウザベンダ毎に異なる • ECMAScriptという共通仕様にもとづ いて実装されている ブラウザの主要構成要素 引用元：http://www.html5rocks.com/ja/tutorials/internals/howbrowserswork/ 10. JavaScriptの進化は緩やか ECMAScriptの進化はお世辞にも早いとはいえない・・・ 策定時期 名称 状況 1999年12月 ECMAScript3 最新バージョンは3.1 今もIEの旧バージョンなど一部のブラウザのJavaScriptエンジ ンのベースになっている 2000年頃 ECMAScript4→破棄 策定打ち切り 2007年頃
スタバのTwitterデータをpythonで大量に取得し、データ分析を試みる その１ - Qiita
また、データの格納にmongoDBを使うのでこちらやこちらなどを参考にインストール。mongoDBの概要は「MongoDB の薄い本」などを参照。 PythonからmongoDBにアクセスするため、pymongoも導入します。 from requests_oauthlib import OAuth1Session from requests.exceptions import ConnectionError, ReadTimeout, SSLError import json, datetime, time, pytz, re, sys,traceback, pymongo #from pymongo import Connection # Connection classは廃止されたのでMongoClientに変更 from pymongo import MongoClient from
はてブには、「人を育てる」という概念が少ない。 だもんでちょっとでもひ..
はてブには、「人を育てる」という概念が少ない。 だもんでちょっとでもひっかかりがあると、叩いて潰して刈り取って、捨ててしまう。 残るのは、タフなマジキチと、マスコミ、炎上目的のアフィサイトである。 若い芽を育て、そこから半永久的にネタを搾取していくという手法を、そろそろ学んでみては？
「iPad卒業証書」、多摩市立愛和小が卒業生に 12年後まで開けないタイムカプセルメッセージなど収録
東京・多摩市立愛和小学校（松田孝校長）は、「iPad卒業証書」を8人の卒業生に贈った。本体にクラスメイトや先生からの直筆メッセージや未来の自分へあてた言葉が収録されている。 制作はカヤックが担当。レーザーカッターで賞状の文様を裏面に彫り込んだiPadを起動すると、卒業アルバムのように「クラスメート」「担任」「下級生」「職員室」のアイコンが並ぶ。それぞれの直筆メッセージに加え、6年間の行事の写真や校歌、身長体重の成長データを収録する。未来の自分に向けた3つのタイムカプセルメッセージは、3年後／6年後／12年後しか開けないようになっている。 愛和小学校は1人1台iPadを使った授業や3Dプリンタを用いた授業を取り入れている。iPad卒業証書は、卒業式で松田校長から8人の卒業生1人1人に手渡された。 関連記事 リクルート、小中学生向け「勉強サプリ」 月980円で授業動画やドリル提供 ゲーミフィケ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.gerge0725.work/entry/%E5%AE%89%E3%81%84%E6%82%AA%E3%81%84
Rubyistのための型入門
Heroku HTTP API Design Guide
phyzkit.net
https://www.typescriptlang.org/Handbook/
現場指向のレプリケーション詳説