megamakのブックマーク (267)

  • 新着記事

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

    新着記事
    megamak
    megamak 2013/05/29
    これもまた試したい‥
  • YouTube人気急上昇

    【ぷにぷに】今買える課金コインをまたまた全部買って引く!!【ゆっくり実況 ホロライブコラボ 妖怪ウォッチ】

    YouTube人気急上昇
  • ついにここまで。PHP製のWeb IDE·Codiad MOONGIFT

    CodiadはPHP製のWeb IDEです。 Webブラウザベースで開発を行う時代が格化しています。サーバのファイルを直接触るのではなく、ローカルの開発環境として考えてみると面白そうです。今回はCodiadを紹介します。 セットアップです。PHPファイルを配置するだけです。 先ほど決めたID/パスワードでログインします。 ログインしました。左上がファイルブラウザ、左下がプロジェクト一覧、そして右側がファイルのエディター部になります。 PHPのコードを編集しています。ハイライト処理も拡張子によって自動で適用されます。 HTMLは開くタグを書くと自動的に閉じタグが追加される便利機能もあります。 ファイルの拡張子によって自動的にアイコンが付加されます。 スプリットビュー。 設定は右側に隠れています。 設定項目。テーマ機能もあります。 対応拡張子一覧。結構多いです。 CodiadはPHPで作られ

    ついにここまで。PHP製のWeb IDE·Codiad MOONGIFT
    megamak
    megamak 2013/05/29
    試したい!!!
  • 「答えられない質問」への建設的な対処法4つ | ライフハッカー[日本版]

    大事なプレゼンテーションを数日後に控えています。準備は万端ですが、質疑応答のときに、答えられない質問が出てこないかと心配です。答えに窮してしまった時、上手く切り抜ける方法を教えてください。 プレゼンテーション、面接、友達との政治的な討論中など、どんなシチュエーションであれ、答えに窮する経験は誰にでもあるものです。答えることができない難しい質問をされた時でも、うろたえず冷静に対処するためのヒントをいくつかお教えしましょう。 1.回答までの時間を稼ぐ 答えがノドまで出かかっている場合は、少し考える時間を稼ぎましょう。「質問を繰り返す」か、「質問内容を具体的に説明してもらう」ようにします。こんな感じです。 「うーん、最も賢い恐竜ですか...。良い質問ですね。ただ、あなたの言う賢さとは具体的にどんな意味でしょうか? 他の恐竜よりも脳が大きなものもいますし、高い知能を持っていたと推測される恐竜もいま

    「答えられない質問」への建設的な対処法4つ | ライフハッカー[日本版]
    megamak
    megamak 2013/05/29
    参考になります
  • Java8でのプログラムの構造を変えるOptional、ただしモナドではない - きしだのHatena

    ※ 5/29 3:23 追記:なんかモナドになったかも。最下部参照 さて、Java8での拡張をいろいろ見てきたわけですが、ではアプリケーションプログラムでFunctionを受け取るメソッドをがんがん定義するかというとそういうことはあまりなく、フレームワーク的な部分で数個定義する感じになると思います。もちろん数個でも効果はでかいのですが。 また、おそらくStreamを受け取ったり返したりするメソッドを定義することは、めったにないのではないかと思います。 Mapでの拡張も、メソッド内部での処理記述がかわる話で、メソッドの引数や戻り値はMapのまま変わりありません。 Javaでのプログラムの構造というのは、メソッドの引数や戻り値の型がなんであるかで決まると言うことができます。その意味では、lambdaやStreamというのは処理の記述は変わるけどプログラムの構造は変わらないとなります。 けれども

    Java8でのプログラムの構造を変えるOptional、ただしモナドではない - きしだのHatena
    megamak
    megamak 2013/05/29
    java使いたくなってきたー
  • Evan Priestley 氏がどうやってプログラミングを学んだかを教えてください - Knoh (ノウ) | The Knowledge Hub

    人による回答です。Evan Priestley 氏は知る人ぞ知る、Facebook を代表する (元) エンジニアの一人です。Facebook には 2007 年から 2011 年の間に在籍していました。 手短かに言えば: 何年もの歳月の賜物というか。ぼくはただひたすらプログラミングが大好きで、(フェイスブックで働いていた) 過去4年間、ほとんど他のことをしていない。その前も2.5年ほどプログラマーとして働いていたし、そのさらに前も6年くらい趣味でプログラミングをしていた。ぼくは高校も大学も中退しているので、それで空いた時間もプログラミングに費やした。つい最近フェイスブックを辞めたけど、未だに起きている時間のほとんどはプログラミングだ。 もっと詳しく言えば: 月並みだが、ぼくはちっちゃい頃からコンピューターが好きで、我が家にあったヤツで(最初はMac Plusで途中からIIsiになった)

    megamak
    megamak 2013/05/29
    いい言葉がいっぱい書いてあるなー
  • http://column.socialmedia-rex.com/2013/05/000665.php

    NameBright.com - Next Generation Domain Registration socialmedia-rex.com is coming soon

    http://column.socialmedia-rex.com/2013/05/000665.php
    megamak
    megamak 2013/05/28
    試してみようかな
  • エンジニアにオススメのTED!14本を紹介します|【Tech総研】

    エンジニアにオススメのTED! 14を紹介します アメリカで年に一度開催される「TED」は知っていますか? ネットの動画で見たことがありますか? もし見たことがなければ、ぜひ以下のURLからお試しください。エンジニアにオススメの動画を集めてみました。 「TED」(Technology Entertainment Design)は著名な研究者、技術者、芸術家、政治家、事業家、文化人などが講演を行うカンファレンスです。毎年アメリカで開催されており、その内容は「TEDTalks」により無料で動画配信されています。 TEDには「TED Conference」のほかに、世界中で開催される「TEDGlobal」や東京で開催される「TEDxTokyo」などがあり、その活動は世界規模で広がっています。 TEDの最大の特徴は、講演者と講演内容の充実度です。各分野の第一線で活躍する人たちが、数分から30分程

  • IDEA * IDEA

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

    IDEA * IDEA
    megamak
    megamak 2013/05/27
    cssで作られているということがいいところであって、、、、、てことですよねー
  • ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP

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

    ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
  • なぜサイボウズは、働く「時間」と「場所」の制約をなくせたのか?(前編) | サイボウズ式

    マネジメント 新しいチームのあり方を探求 就活 就活生必見!サイボウズの疑問 ティール組織 会社の「あたりまえ」が変わる 多様性 100人100通りの個性 ワークスタイル 働き方、生き方、もっと自由に 青野慶久 サイボウズ社長の想いと覚悟 キャリア 人生の「積み上げ方」を見直す 複業 複数の「業」をもつ働き方 人事制度 多様な働き方を支える仕組み マンガ サクッと手軽に読める!

    なぜサイボウズは、働く「時間」と「場所」の制約をなくせたのか?(前編) | サイボウズ式
    megamak
    megamak 2013/05/27
    かんがえろーかんがえろーこのままでいいのかーーーー
  • 新着記事

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

    新着記事
  • いい加減、<script src="http://.. と書くのはやめましょう - DQNEO起業日記

    外部サイトのJSファイルを読み込むときに、こういう書き方するのはやめましょう。 <script src="http://example.com/js/jquery.js"></script> 理由 あなたのサイトが、いつの日かSSLに対応することになったとき、そのscriptタグがバグの原因になります。 ご覧のとおり、HTTPSページの中でHTTP要素を読み込もうとすると、ブラウザによっては安全装置が働いて読み込んでくれないのです。 上の例ではjQueryの読み込みに失敗していますが、エラーメッセージ「Uncaught ReferenceError: jQuery is not defined 」を見てもHTTPS/HTTPのプロトコルが原因だとはすぐ気づかないので、わかりにくいバグになってしまいます。 結論 JSファイル(とかCSSとか画像とか)を読み込むときは、"http:"の部分を省

    いい加減、<script src="http://.. と書くのはやめましょう - DQNEO起業日記
  • レスポンシブWebデザインのテストに使えるツール

    Webサービス Screenqueri.es ブラウザ上で各デバイスのシミュレーションができる。 Responsive Web Design Test Tool ブラウザ上で各デバイスのシミュレーションができる。 responsivepx ブラウザ上でサイズを変更して表示確認ができる。 ish. ブラウザ上で各サイズの表示を確認できる。 Responsive Tools For Web Designer & Developers 各デバイスの表示が確認できる。操作も可能。 Responsive Roulette ブラウザ上で各サイズの表示を確認できる。 The Responsinator 各デバイスの表示が確認できる。 Juice’r 各デバイスの表示が確認できる。操作も可能。 Screenfly 各デバイスの表示が確認できる。操作も可能。 Responsive Design Testin

    レスポンシブWebデザインのテストに使えるツール
    megamak
    megamak 2013/05/27
    確認しましょうか
  • [CSS]画像無しで三角形を作成する仕組みとそれを応用するチュートリアル

    画像無しで三角形を作成するスタイルシートの解説と、それを使って吹き出しや折り返しを作成するチュートリアルを紹介します。 CSS Quick Tip: CSS Arrows and Shapes Without Markup デモページ(当方作成) [ad#ad-2] 下記は各ポイントを意訳したものです。 CSSで三角形を作成する仕組み CSSで作成した三角形を使って吹き出しを作成 CSSで作成した三角形をさらに応用 対応ブラウザ CSSで三角形を作成する仕組み まずは基となる三角形の作り方です。 三つにStepを分けて、解説します。 デモページ(当方作成) CSS:Step 1 三角形の元となる四角形を作成します。 三角のサイズは「border:10px;」で決まります。高さはそのまま、幅は倍です。 height, widthは仮のものです。 .step1{ height:20px; w

  • ユーザー心理の理解のためにソシャゲをやり込んでみた

    以下、前述の各ユーザー層のより詳細な行動パターン分析です。 1. 無課金層 課金はしないが圧倒的なプレイ時間を誇る カードの強化等を一番行うのはこの層。有り余る時間を使って強化したカードで、課金しないと容易に手に入らないアイテム(キュアウォーター、ホーリーパウダー)を大量に集める。 2. 課金層 時間節約のため強いカードをさっさと購入 お金はそこそこ持っている。なので、さっさとクリアするためにちょこちょこ課金する。強いカードは自分で育てる時間がない。強いカードは課金アイテムと交換して手に入れる。 3. 廃課金層 私は観測していないが数%はいる ソーシャルゲームの売上の大半は廃課金者(によるガチャ売上)という情報をちらほら聞くので、ごく少数はいるのだと思う。 ※課金者かどうかがゲームシステムにより巧妙に隠蔽されており、直接的に廃課金者を観測することは難しかった これらの考察から、ソーシャルゲ

  • 試そう!Webブラウザ上でモックアップを作れる·Mockup Designer MOONGIFT

    Mockup Designerはローカルストレージを使ったWebベースのモックアップ開発ツールです。 Webサイトを作ったり、iOSアプリを開発したりする際にまず作っておきたいのがモックアップ(ワイヤーフレーム)です。 シンプルで飽きのこないデザインです。 配置はドラッグアンドドロップでできます。 色の変更や配置順の変更も可能です。 ウィンドウサイズも変えられます。 エクスポートは画像になります。 Mockup Designerはそれほど構成要素は多くなく、フォームや文字、テーブル、円と四角といった形状くらいになります。しかし表現自体は十分にできそうです。今後コミュニティベースでパーツが増えていけば、面白いツールに仕上がりそうです。データはローカルストレージに保存され、画像としてエクスポートできます。 Mockup DesignerはHTML5製のソフトウェア(ソースコードは公開されていま

    試そう!Webブラウザ上でモックアップを作れる·Mockup Designer MOONGIFT
    megamak
    megamak 2013/05/24
    モックアップの画像を作るのね~
  • [CSS]背景画像に関する実用的なスタイルシートのテクニック集

    CSS2.1の疑似要素を使用して、背景画像のクロップ、変形、ポジション、不透明度など背景画像に関する実用的なスタイルシートの4つのテクニックを紹介します。 CSS background image hacks [ad#ad-2] 下記は各ポイントを意訳したものです。 背景画像のクロップ 背景画像の変形 背景画像のポジション 背景画像の不透明度 背景画像のクロップ 背景画像をクロップするのは、CSS2.1だけを使用してモダンブラウザにエミュレートできます。 一つ目のデモでは、背景で表示するべき画像をクロップしています。

    megamak
    megamak 2013/05/23
    ふむふむ
  • CSSでレイアウトするなら絶対覚えておきたいブロックレベル要素のクセとかいろいろ

    Webデザインをするときに、必ず使うスタイルシート。思うようなレイアウトを作るために、チェックしておきたいブロックレベル要素や、インライン要素のクセみたいなのをまとめてみました。後半はスタイルが反映されない原因のひとつ、スタイルの優先順位についてです。 Attention 記事公開時からいろいろと勉強して、この記事内で紹介している事柄で、間違った解釈をしていたなーと気がつきました。 この記事の中でいくつか追記してありますが、詳しくは、新しく書いた 11月7日の記事:CSSでレイアウトするなら絶対覚えておきたい配置のルール:フロートや絶対配置、z-index とかいろいろ を読んでみてくださいね! New Post Webサイトをデザイン、レイアウトするのに欠かせないのが CSS(Cascading Style Sheets、スタイルシート)ですね!今では CSS3 が話題を集めていて、CS

    megamak
    megamak 2013/05/23
    覚えておかねばーーーー
  • jQuery の on() と off() を理解する - tacamy--blog

    初心者向けのとかだと、イベントを jQuery オブジェクトの後に直接指定する、 $('.foo').click(); のような書き方で説明されている場合が多いけど、少し複雑なことをしようとするとそれだと困ることが出てきます。そんなときに便利なのが on() を使ったイベント設定です。 on() ひとつで bind() live() delegate() を表せる jQuery 1.7 で、bind() live() delegate() がすべて on() に統合されたそうです。 つまり on() の書き方によって、3 パターンの使い方ができるということです。 .foo という要素をクリックしたら何かするという例で、イベントの設定と削除の方法をそれぞれ書いてみます。 bind() $('.foo').bind('click', function(){...}); は $('.foo')

    jQuery の on() と off() を理解する - tacamy--blog
    megamak
    megamak 2013/05/23
    理解しないとイカン