![https://syumi100.com/camera9step/](https://cdn-ak-scissors.b.st-hatena.com/image/square/127437cef4fc48be27572bc2716045825b0508d7/height=288;version=1;width=512/https%3A%2F%2Fsyumi100.com%2Fwp%2Fwp-content%2Fuploads%2F2014%2F05%2Fcamera.jpg)
アカウント1つで、こんなにいろいろできちゃいます。 Googleアカウントを取るだけで使えるようになる、便利なメールサービス『Gmail』。スマホユーザーであれば、多くの方が使っていることでしょう。 兄弟メディア「TABROID」では、『Gmail』をさらに便利に使うためのテクニックをいくつも紹介してきました。その内容は、実にさまざま。そこで今回は、今までに取り上げた『Gmail』をさらに便利に使うためのテクニックをまとめてみました。 『Gmail』には、ユニークな便利機能がたくさん用意されています。しかし、アプリ内で説明されていないものが多く、あまり知られていないものも。そんな、意外と知られていない便利機能の数々は、以下のとおり。 「カテゴリフォルダ」をなくす 「メイン」「ソーシャル」「プロモーション」という3つのカテゴリを失くし、シンプルな「新しい順」に表示できます。 >>シンプルにし
背景 基本的な言語仕様はふんわりと学んだので、今後多用するであろうArrayとDictionaryの使い方を調べたのでメモ。 間違いとかあれば指摘お願いします。 Array サンプルコード // immutableなString型の配列 let names: String[] = ["name5", "name2", "name1", "name3"] //各データを取得 let name1 = names[0] //name5 let name2 = names[1] //name2 let name3 = names[2] //name1 let name4 = names[3] //name3 //各件数 names.capacity // 4 names.startIndex // 0 names.endIndex // 4 names.count // 4 // mutableな
動画をブラウザいっぱいに背景として表示させ、その上にコンテンツをオーバーレイで配置するテクニックを紹介します。 HTML5 Video 実装 HTML 現在、動画ファイルは二つのフォーマットを用意するのがよいでしょう。WebMはGoogleが推奨するものでChrome, Firefox, Operaでネイティブにサポートされています。 <video autoplay loop poster="polina.jpg" id="bgvid"> <source src="polina.webm" type="video/webm"> <source src="polina.mp4" type="video/mp4"> </video> オーバーレイで表示するコンテンツは、通常通りの実装です。 <div class="overlay"> コンテンツ </div> CSS まずは、動画をフルスクリー
SEはピンチに陥った時にどんな姿勢・態度でSEマネジャーと相談すれば良いか。「切り開け!」シリーズの前回(ピンチに強いSEは「どうしたら良いでしょうか」と言わない)はそれについて述べた。今回は第4回を書く。 アプリケーション軽視の状況が長年続く 顧客は営業や工場、人事・経理など、いろんなシステムを開発する。その目的は企業の競争力の強化や生産性の向上などを図るためである。コンピュータはあくまでもそのための道具である。顧客にとってはアプリケーションが先で、コンピュータはあくまでも後である。 そのようなシステムを受注して開発するIT企業には、顧客の業界や業務、アプリケーションが分かるSEが不可欠である。ITに強いSEばかりでは、まともなシステム開発はできない。特に元請けのIT企業にはこのことが要求される。これには誰しも異論はないと思う。 だが、筆者には日本のIT企業やSEはアプリケーションをあま
ちょっとしたことでもスマホに記録できるメモアプリ。iOS 7に標準搭載されているアプリは動作が軽く、なおかつiCloudの同期やGmailとの連携ができる点が便利だが、入力できるのがテキストのみのため使っていて物足りなさを感じるユーザーが多いのではないだろうか。SNS投稿や原稿作成などを行ないたい場合、以前紹介したテキストエディターアプリを使うという方法があるものの、記録用として使いたい場合は画像やWEBクリップなど様々なデータを併せて記録できる多機能型メモアプリを導入しておきたいところだ。 有名なアプリとしてはEvernoteがあるが、最近ではすべてのプラットフォームで無償版がリリースされたMicrosoft OneNoteも注目を集めている。果たして、機能や使い勝手はどう違うのだろうか? 今回は、両アプリを保存できるデータからノート形式、WEBクリッピング、共有、OCRと5つの面から機
今回はコンポーネントとして使うデザインパーツ(コンポーネント)を紹介します。 デザインパーツとは デザインパーツを紹介する前に、デザインパーツを「そのまま使うこと」の意味を考えてみましょう。 前回紹介した基本スタイルは尖った指定などはなく、比較的どんなサイトでも無難に使えるデザインです。 これから紹介するタブやぺージング、ナビゲーション、ジャンボトロン、メニューなどのデザインパーツはclassを指定するだけで簡単に使えるパワフルなコンポーネントであり、その分Bootstrapらしさを演出するパーツになっています。 しかしながら、CSSやLESSを書かずに、つまりデザインをせず、すべてBootstrap任せてしまえば、どうしても、同じ見た目になってしまいます。特に画像・写真等のビジュアル要素が少ないテキストベースのサイトではより顕著に現れるでしょう。そのため、サイトを制作する上で要件・納期を
誰かの電話番号をメモするなら、わざわざ紙に書くより、直接スマホに入力するほうが速いのは事実。しかし、会話の途中や、手元にスマホがないとき、近くにあるペンでどこか平らなところ(手の甲でもいい)にさっとメモするほうが手軽です。ToDoリストだって紙とペン派の人たちがたくさんいます。 手書きにはたくさんの利点があります。数々の研究によって、手書きでメモするほうがタイプするより、情報をよく憶えていられることが示唆されています。きっと学生たちはこのことをよくわかっています。 手書きメモをデジタルに変換して使う もちろん、手書きメモも完璧ではありません。例えば、手書きした情報は検索が困難です。紙の束を持ち歩いて、必要なときに必要な情報をさっと取り出すなど非現実的です。デジタルなメモなら、検索が簡単なだけでなく、複数デバイスに同期してどこへでも持ち歩くことができます。 では、ギークたちはどうするかって?
スクロールしてビューポートに要素が表示された時に、さまざまなアニメーションを適用するjQueryのプラグインを紹介します。 スクリプトは外部ファイルを加えるだけで、アニメーションはHTMLに記述する簡単実装です。アニメーション用に他のJSやCSSは必要ありません。 ScrollMe ScrollMe -GitHub ScrollMeのデモ ScrollMeの使い方 ScrollMeのデモ ページ全体がデモになっており、その半分ほどをアニメーションgifにしてみました。 要素がビューポートに入った時、全部が入った時、入っている間中などをトリガーにアニメーションが設定できます。 デモのアニメーション ヘッダと打ち出しはスクロールするとフェードしながらスライド、Aboutでは各サムネイルがさまざまなアニメーションで表示、Usageではパネルがフェードしながらスライドして表示されています。 Usa
レスポンシブにデザインしたサイトを作った際に役立ったこと(主にスマホ対応)を備忘録的にまとめてみます。いろんな方が同じような内容をまとめていますし、基本的なことも多いですがお役に立てばうれしいです。 メディアクエリの指定方法 小さいディスプレイから指定する場合と、大きいディスプレイから指定する場合があります。どちらにせよ、PC用、タブレット用、スマホ用と分けることが多いようです。まずは大きいディスプレイから指定する方法です。 /* デフォルト:1024px以上用(PC用)の記述 */ @media screen and (max-width: 1023px) { /* 1023px以下用(タブレット用)の記述 */ } @media screen and (max-width: 767px) { /* 767px以下用(タブレット/スマートフォン用)の記述 */ } @media scre
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く