『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
![新着記事](https://cdn-ak-scissors.b.st-hatena.com/image/square/e5dea98b584c1b02299feceb621ef7ef5856db24/height=288;version=1;width=512/http%3A%2F%2Fphotoshopvip.net%2Fwp-content%2Fuploads%2F2013%2F05%2Flatestfont2013may_top.jpg)
CodiadはPHP製のWeb IDEです。 Webブラウザベースで開発を行う時代が本格化しています。サーバのファイルを直接触るのではなく、ローカルの開発環境として考えてみると面白そうです。今回はCodiadを紹介します。 セットアップです。PHPファイルを配置するだけです。 先ほど決めたID/パスワードでログインします。 ログインしました。左上がファイルブラウザ、左下がプロジェクト一覧、そして右側がファイルのエディター部になります。 PHPのコードを編集しています。ハイライト処理も拡張子によって自動で適用されます。 HTMLは開くタグを書くと自動的に閉じタグが追加される便利機能もあります。 ファイルの拡張子によって自動的にアイコンが付加されます。 スプリットビュー。 設定は右側に隠れています。 設定項目。テーマ機能もあります。 対応拡張子一覧。結構多いです。 CodiadはPHPで作られ
大事なプレゼンテーションを数日後に控えています。準備は万端ですが、質疑応答のときに、答えられない質問が出てこないかと心配です。答えに窮してしまった時、上手く切り抜ける方法を教えてください。 プレゼンテーション、面接、友達との政治的な討論中など、どんなシチュエーションであれ、答えに窮する経験は誰にでもあるものです。答えることができない難しい質問をされた時でも、うろたえず冷静に対処するためのヒントをいくつかお教えしましょう。 1.回答までの時間を稼ぐ 答えがノドまで出かかっている場合は、少し考える時間を稼ぎましょう。「質問を繰り返す」か、「質問内容を具体的に説明してもらう」ようにします。こんな感じです。 「うーん、最も賢い恐竜ですか...。良い質問ですね。ただ、あなたの言う賢さとは具体的にどんな意味でしょうか? 他の恐竜よりも脳が大きなものもいますし、高い知能を持っていたと推測される恐竜もいま
※ 5/29 3:23 追記:なんかモナドになったかも。最下部参照 さて、Java8での拡張をいろいろ見てきたわけですが、ではアプリケーションプログラムでFunctionを受け取るメソッドをがんがん定義するかというとそういうことはあまりなく、フレームワーク的な部分で数個定義する感じになると思います。もちろん数個でも効果はでかいのですが。 また、おそらくStreamを受け取ったり返したりするメソッドを定義することは、めったにないのではないかと思います。 Mapでの拡張も、メソッド内部での処理記述がかわる話で、メソッドの引数や戻り値はMapのまま変わりありません。 Javaでのプログラムの構造というのは、メソッドの引数や戻り値の型がなんであるかで決まると言うことができます。その意味では、lambdaやStreamというのは処理の記述は変わるけどプログラムの構造は変わらないとなります。 けれども
本人による回答です。Evan Priestley 氏は知る人ぞ知る、Facebook を代表する (元) エンジニアの一人です。Facebook には 2007 年から 2011 年の間に在籍していました。 手短かに言えば: 何年もの歳月の賜物というか。ぼくはただひたすらプログラミングが大好きで、(フェイスブックで働いていた) 過去4年間、ほとんど他のことをしていない。その前も2.5年ほどプログラマーとして働いていたし、そのさらに前も6年くらい趣味でプログラミングをしていた。ぼくは高校も大学も中退しているので、それで空いた時間もプログラミングに費やした。つい最近フェイスブックを辞めたけど、未だに起きている時間のほとんどはプログラミングだ。 もっと詳しく言えば: 月並みだが、ぼくはちっちゃい頃からコンピューターが好きで、我が家にあったヤツで(最初はMac Plusで途中からIIsiになった)
エンジニアにオススメのTED! 14本を紹介します アメリカで年に一度開催される「TED」は知っていますか? ネットの動画で見たことがありますか? もし見たことがなければ、ぜひ以下のURLからお試しください。エンジニアにオススメの動画を集めてみました。 「TED」(Technology Entertainment Design)は著名な研究者、技術者、芸術家、政治家、事業家、文化人などが講演を行うカンファレンスです。毎年アメリカで開催されており、その内容は「TEDTalks」により無料で動画配信されています。 TEDには「TED Conference」のほかに、世界中で開催される「TEDGlobal」や東京で開催される「TEDxTokyo」などがあり、その活動は世界規模で広がっています。 TEDの最大の特徴は、講演者と講演内容の充実度です。各分野の第一線で活躍する人たちが、数分から30分程
外部サイトの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:"の部分を省
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
画像無しで三角形を作成するスタイルシートの解説と、それを使って吹き出しや折り返しを作成するチュートリアルを紹介します。 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. 廃課金層 私は観測していないが数%はいる ソーシャルゲームの売上の大半は廃課金者(によるガチャ売上)という情報をちらほら聞くので、ごく少数はいるのだと思う。 ※課金者かどうかがゲームシステムにより巧妙に隠蔽されており、直接的に廃課金者を観測することは難しかった これらの考察から、ソーシャルゲ
Mockup Designerはローカルストレージを使ったWebベースのモックアップ開発ツールです。 Webサイトを作ったり、iOSアプリを開発したりする際にまず作っておきたいのがモックアップ(ワイヤーフレーム)です。 シンプルで飽きのこないデザインです。 配置はドラッグアンドドロップでできます。 色の変更や配置順の変更も可能です。 ウィンドウサイズも変えられます。 エクスポートは画像になります。 Mockup Designerはそれほど構成要素は多くなく、フォームや文字、テーブル、円と四角といった形状くらいになります。しかし表現自体は十分にできそうです。今後コミュニティベースでパーツが増えていけば、面白いツールに仕上がりそうです。データはローカルストレージに保存され、画像としてエクスポートできます。 Mockup DesignerはHTML5製のソフトウェア(ソースコードは公開されていま
Webデザインをするときに、必ず使うスタイルシート。思うようなレイアウトを作るために、チェックしておきたいブロックレベル要素や、インライン要素のクセみたいなのをまとめてみました。後半はスタイルが反映されない原因のひとつ、スタイルの優先順位についてです。 Attention 記事公開時からいろいろと勉強して、この記事内で紹介している事柄で、間違った解釈をしていたなーと気がつきました。 この記事の中でいくつか追記してありますが、詳しくは、新しく書いた 11月7日の記事:CSSでレイアウトするなら絶対覚えておきたい配置のルール:フロートや絶対配置、z-index とかいろいろ を読んでみてくださいね! New Post Webサイトをデザイン、レイアウトするのに欠かせないのが CSS(Cascading Style Sheets、スタイルシート)ですね!今では CSS3 が話題を集めていて、CS
初心者向けの本とかだと、イベントを jQuery オブジェクトの後に直接指定する、 $('.foo').click(); のような書き方で説明されている場合が多いけど、少し複雑なことをしようとするとそれだと困ることが出てきます。そんなときに便利なのが on() を使ったイベント設定です。 on() ひとつで bind() live() delegate() を表せる jQuery 1.7 で、bind() live() delegate() がすべて on() に統合されたそうです。 つまり on() の書き方によって、3 パターンの使い方ができるということです。 .foo という要素をクリックしたら何かするという例で、イベントの設定と削除の方法をそれぞれ書いてみます。 bind() $('.foo').bind('click', function(){...}); は $('.foo')
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く