Safariのキーボードショートカットのまとめです。70種類以上のキーボードショートカットを利用することができます。
![Mac Safariのキーボードショートカットまとめ(77種類) / Inforati](https://cdn-ak-scissors.b.st-hatena.com/image/square/0badf630d41b0259992e3d70e74c04690f178ce1/height=288;version=1;width=512/http%3A%2F%2Finforati.jp%2Fimages%2F2011%2F01%2Fhow-to-use-mac-safari-browser-with-keyboard-shortcut-tm-128x128.jpg)
自分ところの新人向けこんなことをするといいよーとメモ書きしてたら結構な量になってきたのでブログに晒してみます。大きくインプットとアウトプットに分けて書いてます。 アウトプット インプットよりアウトプット大事!ということでアウトプットからいきます。 コードを書こう なにはともあれ。 Shut the fuck up and write some code ぐだぐだ言ってないでコード書けよ、ハゲ後ほど紹介する「Webサービスのつくり方 ~「新しい」を生み出すための33のエッセイ (Software Design plus)」に載っている言葉です。 まぁ、載っているというかプログラマー界隈で良く言われる言葉です。 仕事で書くだけだと足りないのでプライベートでもガシガシ書きましょう。そして晒しましょう。 別にアプリである必要もありません。僕はこんなの書いたりしてます。 Google Apps Sc
中型ライダー(二輪)免許を持っているライターの内藤です。 本日は、ライダーキック並みの強烈さで役に立つ見本サイトをまとめてみたいと思います。 Web屋さんはご存じの方も多いかもしれませんが、ブログをしている一般の方、Webデザイン・DTPに興味のある方、お店を持っている方なども必見です! 部品に特化した見本 部品に特化した見本サイトをご紹介します。 見出しデザイン(h1,h2,h3……その他DTPでも) はじめは見出しデザインに特化した見本サイトまとめ。 見出しデザイン.com http://midashi-design.com/ 見出しタグ(h1,h2,h3……)のデザインの見本ですが、DTPなどでもヒントになるものがたくさんあります。 カテゴライズは、グラデーション・テキストのみ・テキスト非画像・上線・下線・丸・四角・囲み線・斜線・点線・角丸。 ヘッダー部分に凝っても見出しが適当だと全
CSS3で実現するアローアイコン スマートフォンなどでリンク領域を示すことなどで使われることが多いアローアイコン。これをCSS3を使って表現する方法を紹介します。 ちなみにアローアイコンとはこんなかんじのリストの右にある矢印。(アローアイコンの正式名称とかあるのかしら) まず、HTMLは次のようにします。今回は便宜的にアローアイコンを付けるa要素にclass属性「arrow」を付加しています。 <ul> <li><a href="#" class="arrow">link</a></li> <li><a href="#" class="arrow">link</a></li> <li><a href="#" class="arrow">link</a></li> <li><a href="#">link</a></li> <ul> .arrowには以下のようなCSSを指定します。 li a
The document summarizes Hiroki Tani's presentation at the QCon Tokyo 2014 conference on modern CSS architecture. Some key points discussed include: - Adopting modular approaches like OOCSS and SMACSS to separate structure from skin/style and improve maintainability. - Using techniques like BEM naming to further decouple CSS from HTML. - Developing reusable CSS modules and components with flexible
iPhone/Android:「クラウドって、やっぱり便利だな」と、再認識すること間違いないでしょう。 おそらく、本アプリ『Hojoki(ホジョキ)』は、「補助器」という日本語から付けられた名前だと思います。 たくさんのクラウドサービスを、各々のプロジェクトで使い分けている場合に、それを一本化してくれるという、まさに管理を補助するためのアプリです。 ・予め登録しておいた各サービスに加えられた変更が、時系列で整列される。 ・チームでの連絡事項を、メールでプッシュ通知してくれる。 ・たくさんのクラウドサービスに対応できる。 使い分けているクラウドサービスを統合する 動画を見ても、イメージしにくいという方もいると思いますので、筆者の実例を元に説明してみます。 筆者は、本業でチームメンバーとファイルを共有するのに、Dropboxを使っています。 重要なファイルは社内のファイルサーバーで管理、万が一
「Googleリーダー」が消滅しようとしている今、他社はなぜ、こぞってニュースリーダー事業に参入しようとしているのでしょうか。もしかすると、Feedly、Digg、AOL、Facebook、LinkedInは、Googleには見えない「何か」が見えているのかもしれません。テック系情報サイト「GigaOM」は次のように考察しています。 GigaOM:Googleはこの2013年3月、Googleリーダーを終了することを発表しました。ユーザーコミュニティが存在しているにもかかわらず、それを利用することなく、新しいエクスペリエンスの構築を諦めてしまったのです。それからずっと、私のもやもやは消えません。 皮肉なことに、他社は続々とリーダー事業に乗り出しています。Digg、Feedly、AOLのほかに、Facebookまでもが、ニュースリーダーへの参入をほのめかしているのです。米紙「Wall Str
ブックマークレットが簡単に使えないという理由だけで今まで使って無かったiOS版GoogleChrome。 たまたまFeedlyのデフォルトブラウザに設定したところ、なかなか便利だったので最近ではメインブラウザとしても使うようになった。 Chrome 27.0.1453.10(無料) カテゴリ:ユーティリティ 販売元:Google, Inc.(サイズ:21.8MB) Chromeのコールバック機能が便利 購読フィードの中には全文配信されてないもの(部分配信)もある。 部分配信を全文読むには、画面下部の「Visit Website」をタップするか、三点マークメニューを開いて「Google Chrome」のアイコンをタップするとよい。 Chromeで開いた場合、左上にFeedlyに戻るボタンが表示されるので、読み終えたらサッとFeedlyに戻る事が出来る。 Safariで開くとタブが残
Digital Inspiration:この記事では、複数の機器にファイルが散らばっているときに、コンピュータ、携帯デバイス、タブレット間ですばやく、楽にファイルをやり取りする方法をお伝えします。 ファイル、写真、文書、音楽、電子書籍、ビデオなどのデジタルデータは、携帯、タブレット、コンピュータなど多くの機器にまたがって保存されていますよね。 あなたはAndroidの携帯からiPadに楽にファイルを送る方法を知っていますか? コンピュータのメモ帳に保存した長文を、どのようにしてiPhoneにコピー&ペーストしていますか? 以下に、ウェブ上や携帯用のアプリを使って、デスクトップと携帯間でファイルやその他のデータを簡単に、かつ素早くやり取りする方法をお教えします。 ウェブアプリを使う Eメールを通じてファイルをやり取りする方法はよく知られていて、誰にでもできるやり方です。ファイルをあるデバイス
こんにちは、小林です。 webデザイナーになってからというものの何度上手くデザインができず心が折れそうになったことか… 今でも十分に折れかかってますが、前に比べて少し気持ちのコントロールもつくようになってきました。 まだ経験の浅い修行の身ではありますが、ブログのネタが思いつかないので自戒の念も込めて今一度webデザイン力をUPさせる上で大事だと思う4つのアクションを振り返ってみました。 模写する(手を動かす) メリット webデザインに必要な全般的な知識や技術が身につく。 「あしらい」などのデザインの引き出しが増える デザインスピードが上がる 「学ぶ」の語源は「真似ぶ」です。 昔からどんなジャンルでも、先人を真似ることから始まりました。子供も大人の真似をして成長していきます。 人間は機械のように100%完璧にコピーすることはできません、しかし100%でないからこそ自分独自の要素が生まれ、時
AppBank の主任です。 Google リーダーが終了する「7月1日(月)」まで1週間もありません。そこで、今すぐやっておきたいのは「購読サイトのリストを書き出すこと」。 この「購読サイトのリスト」は、これまで Google リーダーを使って更新情報をチェックしてきたウェブサイトの一覧です。 数が少なければ問題ありませんが、100件や200件も購読していれば再登録は大変ですし、同じウェブサイトを探し出すことができないかもしれません。 Google アカウントを使って簡単に引っ越せるサービスもありますが、万が一のことが合った場合を考えるとバックアップしておいた方が良いでしょう。 そこで今回は、Google リーダーから「購読サイトのリスト」をエクスポートする(書き出す)方法を改めてご紹介します。 PC が必要になりますが、数分で作業は終わるので、手が空いている時にパパッと済ませてしまいま
日本時間29日の夜まで限定で、$499分、日本円で約50,000円分の有料のウェブ用の素材やフォント計471種類が無料でダウンロードできるので、紹介します。 ※為替の変動が激しいので、これを書いている現在$499は48,432円です。 使い道が限定されたような素材なんでしょ?と思う人もいるかもしれませんが、いやいやこれがなかなかの素材が揃っていました。 素材の提供元は、下記のサイトやクリエイティブ集団です。 素材の提供元 当ブログでも紹介したことのあるDesignModo, sitepoint, vandelayなども含まれています。 ダウンロードしたので素材をキャプチャで紹介する、、、前に、ダウンロード方法から紹介します。 素材のダウンロード ダウンロードは、下記サイトにアクセスします。
6月も終わりに近づいてきました。今月もGoodpatch社内で共有された新しくておもしろいデザインやアプリ、Webサービスをご紹介します!今月はiOS 7が発表されて大きな話題となりましたね。弊社でもベータ版をインストールし、いち早くAppleのフラットデザインを研究しています。ほかにもVineに対抗してか、Instagramでも動画が撮れるようになりました。 今月もおもしろいWebサイトやアプリが沢山共有されたのでぜひチェックしてみてください! 5月のまとめ→ 「新しいものが大好きなグッドパッチで5月に話題になったアプリ、サービス、デザインまとめ」 4月のまとめ→ 「新しいものが大好きなグッドパッチで4月に話題になったアプリ、サービス、デザインまとめ」 VSCO CAM | Visual Supply Co http://vsco.co/vscocam インターフェイスがシンプルでかっこ
インターネット上にあるファイルをDropboxやGoogle ドライブ、Skydriveなどに保存したい場合、通常であれば一度ダウンロードしてから任意のクラウドサービスにアップロードする、という手順を踏む必要があります。 「Save Web Files」はこの手順をカットし、クラウドサービスに直接保存できるようにしてくれるシンプルなウェブアプリ。ダウンロードしたいファイルのURLを入力し、ファイルを保存したいクラウドストレージサービス名を選択すれば、それ以後はSave Web Filesが作業を行ってくれます。これでダウンロードすることなくクラウド上に保存できます。 パソコンにファイルをダウンロードすることが許可されていない場合などに、とても便利です。またはダウンロード、アップロードの手間が許せない...なんて方にも最適です。 Save Web Files | via Digital In
Google Readerの終了が近づいて来ました!Google Readerの終了まであと約90時間になりました。 Evernoteとのやりとりでちょっと問題があったりして、1日伸びてしまいましたが>< RSSフィードをまとめて、まるっとEvernoteにしてしまうツールを実質1週間ほどでつくりました。 仕組みRSSを定期的に巡回して、Evernote形式にコンバートしています。 もう5年半近く運用していますが、あらったーというTwitterのmentionsを収集してメール通知するサービスで蓄積したノウハウをふんだんに使っています。 設定画面はこのとおり。 まだ荒削りな感じなので、もっと細かい設定ができるようになる予定です。 地味だけど、広告ブロックが目玉だったりします。 こんな感じでノートが配信されます。このblogの場合。 あいにくサンプルでは表示されていないのですが、画像が含まれ
JavaScriptで、一度しか呼ばれない関数を作る - c4se記:さっちゃんですよ☆ もっとJavascriptらしく書けないだろうかとアレンジを試みました。 function one(func) { function action() { var result = func(); action = function() { return result; } return result; }; return function() { return action(); }; } 一回実行した時点で動作を差し替えてしまいます。 Javascriptはラムダ構文があるともっといろいろ簡潔に書けるんですけどね。 トラックバック こんなエントリあげたせいでコードゴルファーを刺激してしまったようです。 Javascriptで一度しか呼ばれない関数 - ごちゃまぜの音
夜中に目が覚めてしまったので、ひさびさに日記的なもの―すなわち結論がない文章を書いてみようと思う。 Tapfameというサービスをご存知だろうか。スマホのアプリ開発者が、「わたしはこのアプリを作りました」と自慢することができるサービスである。 それだけ聞くと「つまらん」と言われそうだ。しかし裏を返せば、Tapfameは「このアプリの作者は誰か?」という質問に答えることができる。有名どころなら、Pandora Radioアプリの中の人が誰かも、Tapfameで明らかになっている。 Tapfameを知ったのは、きょう覗いたイベントで創業者のSJ氏に出会ったからだ。ジョブズと同じあだ名を持つ彼は、「映画には、制作に関わった監督や俳優のデータベースがある。アプリでも、制作に関わった人たちのデータベースがあるべきだ」と語ってくれた。 たしかに、映画データベースの代表格であるimdbは、全米31位のト
Design thinking is a process that combines empathy, creativity, and rational problem solving to meet user needs and drive innovation. It involves discovering users' needs through observation, specifying the problem to be addressed, exploring ideas through brainstorming and prototyping, experimenting by testing concepts with users, and developing viable solutions.
1990年代初頭から記者としてまた起業家としてITスタートアップ業界のハードウェアからソフトウェアの事業創出に関わる。シリコンバレーやEU等でのスタートアップを経験。日本ではネットエイジ等に所属、大手企業の新規事業創出に協力。ブログやSNS、LINEなどの誕生から普及成長までを最前線で見てきた生き字引として注目される。通信キャリアのニュースポータルの創業デスクとして数億PV事業に。世界最大IT系メディア(スペイン)の元日本編集長、World Innovation Lab(WiL)などを経て、現在、スタートアップ支援側の取り組みに注力中。 [読了時間: 2分] 米Googleがクラウド型RSSリーダー「Googleリーダー」の提供を終了するのは2013年7月1日。 まだ代わりのRSSリーダーを選び切れてないのだとしたら、純国産の「UNREADZERO」を使ってみてはどうだろうか。 「UNRE
[Å] Sylfeed愛用者は必見!Safariで見ているブログを簡単にRSS登録する方法!
自分の小説本を作るときは、素敵な友人に表紙を描いてもらうことが多いです。 ですが、もっと気楽に、ふと思いついたときに1人でも本が作れたらいいなと思い、 今回、新刊の1冊は、表紙を自分で用意してみたのです。 そしてできあがってきた本がこれでした。 し、白い……。 一応、せっせと水玉とかグラデーションとか使ったんです、この表紙を描くときに。 が、自信がないせいで薄い色へ薄い色へと変えたためか、ほぼ印刷に出ないレベルに。 これはさすがに、ちょっとさびしい。 そこで、家にある道具でそれっぽい帯を作って、本に巻くことにしました。 今までも、イベント直前の突貫工事で帯を作ったことはあって、 刷る冊数が多くないこともあり、割と簡単に作業は終わります。 ひとまず使うのは、パソコンとインクジェットプリンタ、あとは普通のA4コピー用紙。 まず、こんな画像を作りました。こんなんでも本の帯です。 サイズは本の大き
ちょっとまとめ。 ドメイン駆動設計・開発の実践 Eric EvansがDDD(ドメイン駆動設計)を語る Domain-Driven Designのエッセンス -目次- ドメイン駆動設計 ( DDD ) をやってみよう DDD時代の設計 - DDD-memo エリック・エヴァンスのドメイン駆動設計 (IT Architects’Archive ソフトウェア開発の実践) 作者: エリック・エヴァンス,今関剛,和智右桂,牧野祐子出版社/メーカー: 翔泳社発売日: 2011/04/09メディア: 大型本購入: 19人 クリック: 1,360回この商品を含むブログ (131件) を見る エンタープライズ アプリケーションアーキテクチャパターン (Object Oriented SELECTION) 作者: マーチン・ファウラー,長瀬嘉秀,株式会社テクノロジックアート出版社/メーカー: 翔泳社発売日:
ソフトウェアの開発を行うときに、まずテストケースを先に作ってから機能を作り込む「テスト駆動開発」(Test-Driven Development:TDD)。これにより、ソフトウェアの開発工数や品質にはどの程度の変化があるのでしょうか。 TDD(テスト駆動開発)の適用評価を紹介した研究論文 - エリクソンはじめ3社:森崎修司の「どうやってはかるの?」:ITmedia オルタナティブ・ブログ この疑問について調査した論文を、奈良先端科学技術大学院大学 助教の森崎修司氏が3月10日のブログ「国立大学法人奈良先端科学技術大学院大学 助教」のエントリ「TDD(テスト駆動開発)の適用評価を紹介した研究論文 - エリクソンはじめ3社」で紹介しています。 開発時間はやや増えたがコードの品質は上がった 論文全文は有料なので読めないものの、森崎氏のブログによると次の知見が得られたとのことです。まず、ソフトウェ
こんにちは。学生ライターの池澤章太です。 Webで記事を書くときや資料を作るときに、フリー写真素材をよく使うと思います。しかし、イメージに合う写真や素材を見つけるってなかなか大変です。場合によっては商用利用できるか調べるなければいけませんし。 そんなときに、商用利用ができて、無料で使える素材サイトがまとめてあると便利ですよね。 ちなみに動画素材については送別会、結婚式に!映像制作に使える無料動画素材サイトまとめをご覧ください。 今回は、23個ほど素材サイトをまとめました。この記事をブックマークしておけば素材に困ったときに役立つはず! 【こちらもおすすめ】 無料で商用利用OKのサイト特集 商用利用できるフリー写真素材サイトまとめ23選 ここでひとつ注意を。「フリー」という単語は、なにかと誤解を招きやすいですが、著作権がフリーだったり、クレジット表記が不要だったりする意味ではありません。各素材
前回紹介したフラットなユーザインターフェイスを作成する際にぴったりなカラースウォッチの第二弾がリリースされていたので、紹介します。 今回は442種類のカラーがセットになっており、前回のVol.1を含めてダウンロードできます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く