世界の造船の事情の事、あんまり詳しく無かったので びっくりしちゃいました！ 出来上がった大型船をこんな風に海にリリースしているとは...。かなりダイナミックですよね。 大型船って、水面より低く掘り下げてあるドックで船を造って完成したら、水をせき止めていた障壁を取り除いて、スムーズに海へとリリースされていくんだと思っていました。お国が違うと造船の仕組みも結構違うものなんですねぇ。 まぁ、けっこうな荒波でも、ちゃんとひっくりかえらないように出来ているわけですから、これはこれでアリなのかも!? 水しぶきの影響が無い所を選ぶのがマストですけどね。 [Reddit via Geekosystem] －Brian Barrett （原文／junjun ）

人気のオンラインメモサービス「Evernote」って何？どんな風に使えるの？ Evernote の使い方・機能・利用料金などを分かりやすくご紹介します。 利用に必要なEvernoteアカウントをつくろう！ Evernote を使う際に必要な「アカウント」の作成方法です。 メモを書き残す・後からメモを編集する Evernote を使う上で最も重要なメモの保存・編集方法です。 気になるウェブページをEvernoteに保存する。 画像付きでサクッと保存する方法です。Evernote と Safari 以外に必要なものはありません。 メモの文字を太字・斜体にしたり、チェックボックスを追加する方法。 Evernote の編集機能を使い、文章の一部を強調したり、簡単なチェックリストを作る方法をご紹介しています。 写真や音声メモをEvernoteに保存する。 音声メモの作成・保存方法、他アプリで撮影した

『MoneyTron – おこづかい帳 』は、簡単な操作で収支を記録できる美しいデザインのお小遣い管理アプリです。 お小遣い帳というと、とかく三日坊主になりがちですが、ユニークなインターフェースで記録するのが楽しくなる工夫が凝らされています。 まずは開発元による動画で、そのユニークなユーザーインターフェイスの一部をご覧ください。 「記録」をタップすると、吹き出しを表示。 入力する収支の日付を変更する場合には、「今日」の左右にあるマークで日付を移動します。 ホイールをくるくる回して収支のカテゴリーを選択。 「OK」ボタンをタップすると、テンキーで金額を入力できます。 右側の鉛筆のアイコンのボタンをタップして、収支ごとにメモをつけることも可能です。 「保存」をタップすると記録され、画面上部に残高がグラフィカルに反映されます。 残額の部分をスワイプして、トータル／今月／今日の期間ごとに概要を確認

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

発端 [連絡] Termtter の OAuth 機能は廃止の予定 - セキュリティ的な理由から #termtter @jugyo OAuthあまり良くわかっていないですがどういったことが問題になるのでしょうか？ ＞＜ @sugyan Termtter のようなアプリの場合、ユーザーのPCに consumer key 等を置かざるを得なくて、それを使えば誰でも Termtter に成り済ませるんですよね #termtter @sugyan consumer key と consumer key secret を安全に保持する方法が思いつかなかったので OAuth はあきらめることにしました #termtter これ、どんな問題があるかなぁ RT @jugyo: @sugyan Termtter のようなアプリの場合、ユーザーのPCに consumer key 等を置かざるを得なくて、それを

Node.jsのカンファレンス NodeConf 2011にて、YammerのリードエンジニアであるMatthew Eernisse氏がNode.jsの運用を通じて学んだことについての発表を行いました。発表のサマリーは5 Lessons Learned Running Node.js in Productionで読むことができます（スライドはまだ公開されていないようです）。 「コールバックを使ったスタイルのコードは、イテレーティブに開発をしやすいが、結果としてスパゲッティコードになりがち」という意見は他所でも見かけることがありますね。また、 物事は失敗すると仮定せよ コールバックは失敗すると仮定してデフォルトではエラーメッセージを出力するようにし、処理が上手くいった場合にエラーを取り消すようにする あとで原因を調査できるよう、すべてのエラーはログに記録しておくこと 可視性とメトリクス 初期

2017年7月14日 フリーランス フリーランスWeb屋さんの皆さん、フリーランスの仕事はどうやって探していますか？また、依頼がない時のサブプロジェクトは持っていますか？会社をやめ、フリーランサーとして仕事を始めたばかりの頃は、多くの人が「依頼のない、空白の時間」を体験してしまいがちです。そんな期間を有効活用すれば、フリーランスとしての収入も増えると同時に自分のスキルを磨く事もできます。今回はフリーランサーさんの「サブプロジェクト」に焦点をあててみたいと思います。 ↑私が10年以上利用している会計ソフト！ まずはブログ・Twitterをはじめよう まだ自分のブログとTwitterアカウントを持っていない人は、今すぐはじめてください。なぜならこれらのツールは自分を宣伝する道具としてとても有効だからです。例えばサブプロジェクトとしてWebサイト用デザインテンプレートを作ったとしても、宣伝するツ

2010年の暮れ、 ボストンを訪れた糸井重里は、 チャールズリバー沿いに建つ 理系の最高峰といえる大学、 マサチューセッツ工科大学 （Massachusetts Institute of Technology 通称ＭＩＴ＝エムアイティー） のメディアラボを訪れました。 ＭＩＴメディアラボは、 情報技術研究の先端を走る研究所です。 そこでは、さまざまなプロジェクトが 進行しています。 「人間とテクノロジーの協調と交流」 「人によりよい未来をもたらすための テクノロジーデザイン」 こうしたミッションを中心に 多くの研究が、興味深いアプローチで くり広げられています。 なかでも、石井裕先生の研究は、 形のない情報を 実体感あるインターフェースにしてみせ、 人間とコンピュータの距離を 縮めようとしています。 さらには、あたらしい芸術活動や コミュニケーションの形態を 生み出していく──そういうこと

ドットインストール代表のライフハックブログ

私は美しいアプリが好きです。 毎日使うものだから、気持ちよく使いたい。デザインがアプリ選びのかなりの部分を占めていると言っても過言ではありません。 美しいiPhoneのホーム画面を美しいアプリで埋め尽くしたい方へ、私のオススメアプリたちをご紹介いたします。 Sleipnir Mobile "Sleipnir Mobile"は洗練されたUIが特徴のブラウザアプリ。UIもデザインの一部ですよね。たくさんのタブをうまく処理するための機能が盛り込まれているのですが、その配置の仕方が非常にスマート。 タブを切り替えるにはスワイプで。複数のタブたちをグループ分けして保存しておけるタブグループの表示も落ち着いたカラーリングで仕分けされていてしっくりきます。 "Sleipnir Mobile"を開発しているフェンリルさんが運営しているアプリ紹介サイトも非常にセンスがよくて素敵です。 Elegant App

David Symonds, Nigel Tao, and Andrew Gerrand 10 May 2011 Google’s App Engine provides a reliable, scalable, easy way to build and deploy applications for the web. Over a hundred thousand apps are hosted at appspot.com and custom domains using the App Engine infrastructure. Originally written for Python apps, in 2009 the system added a Java runtime. And today, at Google I/O, we’re thrilled to annou

グローバルな洋服の小売“Topshop”が、モスクワの店舗にバーチャルなフィッティングルームを設置。AR Doorというロシアのエージェンシーが仕掛けたもので、マイクロソフトのKinectとARを使ってるんだって。 わざわざ試着するのが面倒なときもあるから発想としては素敵。でも何だかグラフィックがただ人の上に載せられてる感じでいまいち…。シンプルなジェスチャーで洋服を変えたりできるのはKinectの技術を採用しているから。早くもっと進化しないかな。

自分の生活、特にマネーライフを改善するのに、時間をそんなにかける必要はありません。30秒～90分の時間があれば、経済的に有効な節約行動が少なくとも12個はできるそうです。 Photo by numb3r. その名もズバリ、借金と闘う男Bakerさんのブログ「The Man vs. Debt」には、今すぐできる、もしくは今すぐでなくても今日中にできる、節約に関する24のアクションリストが掲載されています。 どれも簡単なアクションですから、すでに実行されているものもあるかもしれません。アクションリストには、ちょっと時間が余った時に使えるアイデアや、簡単にできてメリットも大きいアイデアなどがあります。ほとんどが大体15分以内でできることです。 中でもおすすめのアクションをいくつかご紹介しましょう。 アクション #13：何もないところから何か1つの物を作る（15～45分） 石けんやキャンドルなど、

春は職場や学校での“新しい出会い”がたくさん。しかし人見知りをしやすい人にとっては、初対面の人と打ち解けるのは大変です。話を続けるコツ、顔と名前を早く覚える方法など、初対面の人と上手に付き合うヒントをご紹介します。 ■ 初対面の人に好印象を与える話し方 初対面の人とうまく会話のキャッチボールを続けるコツはどこにあるのでしょうか？ ▽ 初対面の人と話を続けるための７つのポイント - もっこもこっ ▽ 初対面で失敗するパターンとその対策 - もっこもこっ ▽ 日経BP 何も話さず黙り込んでしまうのもNGですが、自己アピールしようとして多弁になりすぎてしまうのもかえって逆効果に。変に自分を誇示したりせず、普段どおりの自分でOKです。会話を続けるには、相手に質問して“相手にも話をさせる機会”を作りましょう。“話す時は相手の目を見て”というアドバイスもありますが、いきなりじっと見つめられると相手も困

すでに既出のアイコン配布サイトですけど、 久しぶりに必要になって見に行ったら日本語 にも対応していたので再掲。ピクトグラムの 素材を配布するThe Noun Project。配布され ている素材は全部パブリックドメインかクリエ イティブコモンズです。 商用だろうと個人だろうと自由に使えるパブリックドメイン（著作権切れ）の素材は貴重ですが、加えて使いやすいピクトグラムなので覚えておいて損は無いかなと思います。 日本語対応していました。アイコンにマウスを乗せると詳細がわかるようになっています。拡張子はSVG。 ライセンスの確認方法 アイコンをクリックするとLightbox風にこのように表示されます。「詳細を見る」の下部にライセンスが表記されているので確認して下さい。パブドメかクリコモしかないのですぐに分かると思います。 個別ページ アイコの毎のページで詳細を確認できます。 量が多い アイコンの

～手書きメモをスマートフォンでデジタル化！次世代文房具「ショットノート」に第2弾登場～ 「ショットノート」　新アイテム発売 iPhoneに加え、Android用アプリ「SHOT NOTE Android」も無料ダウンロード開始 株式会社キングジム（本社：東京都千代田区）は、スマートフォンを活用し、手書きのメモをデジタルで記録するためのノート、「ショットノート」に新アイテムを追加。 2011年6月10日（金）より発売いたします。初年度販売目標数量は新製品合計で35万冊です。また、「ショットノート」に書いたメモを画像として取り込むアプリとして、これまでのiPhone用に加え、新たにAndroid用の「SHOT NOTE Android」を無料配信いたします。配信開始は6月下旬を予定しております。 「ショットノート」は、“手書きメモをすっきりデジタル化”をコンセプトに開発された、手書きメモとスマ

Hands-on with the new iPad Pro M4: Absurdly thin and light, but the screen steals the show

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

canvas を苛めていたら気づいたことがあったので書きます。（この記事は2011年5月現在の情報です。あなたがこの記事を読んでいる時点で、より新しくて良い方法が無いか確認して下さい） 基本的な話 canvas には、図形を描画する機能だけでなく、描かれている内容を読み取る機能があります。getImageData を使うと、canvas の内容をピクセル単位で読み取って画像処理をかけたりできます。また、toDataURL を使うと canvas の内容を Data URI として出力でき、サーバに送信したりできます。 しかし、この機能にはリスクがあります。例えば、悪意のあるページを開いただけで、社内SNSにしか公開していないあなたの顔写真を canvas 経由で抜き取られるかもしれません。そういう事が起きないように、他のサイトから読み込んだ画像が canvas に描画されている場合（以下、

マルチタスクも度を越えると精神的な負担となったり、生産性が下がるというような記事は、数え切れないほど読んだことがあるのではないでしょうか？　一度にひとつの仕事をする時には最高のパフォーマンスが見せられるのに...と、自分の脳に裏切られたような気持ちにもなります。そこで、本来の仕事にすぐに戻るための3つの戦略をご紹介します。 Photo by Nina Matthews Photography. WebマガジンMcKinsey Quarterly誌では、会社役員が一度に大量の仕事をしようとするのは、一人で仕事をしていると感じたり、仕事を残したままでいるよりは、常に何かをしていなければならないという感情から逃れられるからだという記事が紹介されています。もちろん、一般社員にも同じようなことが言えます。 この記事のほとんどは有料ですが、New York Timesの「Bits」に以下のように要約さ

アジャイル開発に取り組むチーム向けのコーチングや、技術顧問、認定スクラムマスター研修などの各種トレーニングを提供しています。ぜひお気軽にご相談ください（初回相談無料） みなさんこんにちは。@ryuzeeです。 スクラムにおけるイベントはスプリントプランニング、デイリースクラム、スプリントレビュー、スプリントレトロスペクティブの4つがあります（スプリント自体もイベントですが他のイベントの入れ物なので除外しました）。 また責任としてはプロダクトオーナー、スクラムマスター、開発者、そしてそれ以外のステークホルダーに分けられます。 誰がどのイベントに出席するべきなのかについて、マトリクス化された資料が存在しなかったので、作成してみました。なお、イベントではありませんが、プロダクトバックログリファインメントを参考までに入れました 以下補足です。 プロダクトオーナーのデイリースクラムへの出席出席しませ

前回、インストールまで終わったので、使い方を考えながら調べてみる。僕は認定スクラムマスターではないので、間違った認識があれば教えてくれるとうれしいです。 その前に、最近日本語化ファイルを作ってくださったかおるんさんのロケールファイルをRedmineのBacklogsプラグインを使ってみた via かおるんダイアリーからGet！ まずは、Redmine Backlogs :: Usage Product Ownerを参考に、プロダクトオーナーとしてのRedmine Backlogsプラグインの使い方を調べてみる。プロダクトプロダクトオーナーの役割についてはこちらを参照のこと。下の図でいうとプロダクトバックログの整備がメインの運用となる。 Scrum Process via Lakeworks in the Wikipedia プロジェクトメニューのBacklogsをクリックするとMaster

ドットインストール代表のライフハックブログ

IE9文字間隔確認用サンプル 文字間隔や段落の間隔をチェックする為のサンプルです。とりあえずFirefox3.6とFirefox4でズレない事を確認。文字間隔のチェック用なので意味不明な文字が並んでいます。 ※追記･注意：下記ページはスタイルシートで少しだけ調整しています。 全くの未調整の場合、段落の高さが大きく異なったり、半角英数字のフォントが 文字コードで変わったり、かなり比較し難いものになったため。 後述しますが、英数字フォントにsans-serifを指定すると問題が発生するようです。 ※サーバー引っ越し後、以下リンクは文字化けするようになりました (修正予定なし) HTML 4.01 サンプル HTML 4.01+UTF8　　HTML 4.01+EUC-JP　　HTML 4.01+SHIFT-JIS XHTML 1.0 サンプル XHTML 1.0+UTF8　　XHTML 1.0+

ぴあは9日、チケット販売サービス「チケットぴあ」のWeb API（Application Programming Interface）を法人向けに公開し、他サイトへの公演情報・チケット販売機能などの提供を開始した。チケット販売会社でAPIを公開するのはぴあが初とのこと。 今回公開されたWeb APIは、「検索系API」および「購入系API」の2種類で、月額制での有料利用となる。「検索系API」は「チケットぴあ」に登録されたチケットの情報、アーティスト情報、会場情報を提供するもので、サービス利用者は“エリア”“ジャンル”“キーワード”等の条件で指定し、取得した情報をWebサイトにて表示できる。「購入系API」は、「チケットぴあ」で提供する決済手段や引き取り方法を使い、チケット販売機能を提供するもので、サービス利用者の会員向けチケット販売や、Android・iPhoneアプリなどでのチケット購

$200K 1 10th birthday 4 abusive ads 1 abusive notifications 2 accessibility 3 ad blockers 1 ad blocking 2 advanced capabilities 1 android 2 anti abuse 1 anti-deception 1 background periodic sync 1 badging 1 benchmarks 1 beta 83 better ads standards 1 billing 1 birthday 4 blink 2 browser 2 browser interoperability 1 bundles 1 capabilities 6 capable web 1 cds 1 cds18 2 cds2018 1 chrome 35 chrome 81

Node.jsとは何か、開発者ライアン・ダール氏が語る（後編）～ 複数コネクションの並列処理とデバッグ いま注目されているサーバサイドJavaScriptの火付け役となったNode.js。その開発者であるライアン・ダール（Ryan Dahl）氏自身がNode.jsを紹介した講演「Introduction to Node.js with Ryan Dahl 」のビデオが公開されています。 この講演は、サンフランシスコのPHP開発者の集まりであるThe SF PHP Meetup Groupが2月にダール氏を招待して行われたもの。 そのため、Node.jsを知らないデベロッパーに向けて、Node.jsがどのような特徴を持つプログラミング言語なのか、分かりやすく解説しています。内容を紹介しましょう。 （本記事は「Node.jsとは何か、開発者ライアン・ダール氏が語る（前編）～ノンブロッキングとは

いま注目されているサーバサイドJavaScriptの火付け役となったNode.js。その開発者であるライアン・ダール（Ryan Dahl）氏自身がNode.jsを紹介した講演「Introduction to Node.js with Ryan Dahl 」のビデオが公開されています。 この講演は、サンフランシスコのPHP開発者の集まりであるThe SF PHP Meetup Groupが2月にダール氏を招待して行われたもの。 そのため、Node.jsを知らないデベロッパーに向けて、Node.jsがどのような特徴を持つプログラミング言語なのか、分かりやすく解説しています。内容を紹介しましょう。 Node.jsとPHPとの本質的な違いとは何か Node.jsを触ってみよう。今日は特にスライドは用意してなくて、タイプしてどんなものかを動かしながら紹介していくつもりだ（注：ダール氏はここで最初に「

2011年 05月 10日 木とWEBデザインの関係に関する考察と、関連31サイトの紹介 カテゴリ： Webデザイン タグ：デザイン 日本の文化において木はなくてはならない物です。その為か木目を取り入れたデザインを見ているとどことなく心地良い印象を受けます。 そもそも印刷業界では紙は木から作られたもので、切っても切れない関係がありました。しかしデジタルと言われるいわばWEBのデザインになりその意識は薄れつつ有る感じがします。 とは言え、デザインに木を取り込むことはデジタルでも出来る事で実に多くのサイトが存在しています。 木の持つイメージ 一口に木と言っても姿は様々で、大木を見れば力強さ、苗木を見れば愛おしさ、葉っぱを見れば自然の優しさ、木材を見れば木のぬくもり。という風にどの姿を見たかで受けるイメージは大きく変わります。 また同じ姿でも木は種類によって色が様々なので、受けるイメージは多種多

やる気のあるなしに関わらず、ToDoリストの中にはやりたくない仕事が1つや2つあるものです。かといって、それをやらないわけにもいきません。 そのようなやりたくない仕事は、取りかかりやすいように、より小さな仕事に分解するとやる気が出ますよ。 ToDoリストサクサク作成アプリ『Dextronet』のブログでは、自分を騙しつつ仕事を完了させるには、必要な手順を書き出した方がいいとあります。 まず「仕事を完了させるのに必要な手順を書き出すだけだ」と自分に言い聞かせます。最初は全体のザックリとした概要を、大体3段階くらいに分けて書きます。 それから、その3段階をそれぞれもっと小さな仕事に分解します。仕事をする際に忘れてはいけないこと、注意事項などの詳細を追加します。あくまでも、仕事全体で必要なことをすべて書き出すだけです。 すると、「サルでも分かるタスク『X』を終わらせるための完ぺきなガイド」が書け

Overview This documentation is for developers who want to control how their website content is displayed in Tumblr posts created by a share button widget installed on their page. To get share buttons for your site, make one with our share button generator. Basic button On pages that include our share button JavaScript (below), the share button is simply an anchor tag with the class tumblr-share-bu

『好きな食べ物がみつからない』を読んだ 古賀及子さんが『好きな食べ物がみつからない』という本を出した。中に僕の記事に触れてくれるパートがあって、その関係でいただいて早めに読むことができた。 これは古賀さんが好きな食べ物を探す本。エッセイというと、短い話がたくさん入っているものしか読んだこと…