10年遅れたJavaScriptの知識をざっくり10分でアップデートしよう
久しぶりにJavaScriptを勉強しようと思ったら、すっかり浦島太郎状態だった……なんて人も多いのでは？ モダンなJavaScriptの知識をコンパクトにまとめました。 JavaScriptを取り巻く環境がどんどん変化しています。新たなツールやフレームワークが生み出されているだけでなく、言語そのものがES2015（ES6）の登場で大きく変わりました。JavaScript開発の学習がいかに難しいか愚痴をこぼす記事がたくさんありますが、無理もないことです。 本記事ではモダンJavaScriptを紹介します。JavaScriptの進展を解説し、フロントエンドWebアプリケーションを作るために使われているツールや手法の全体像を確認します。JavaScriptを学び始めたばかりの人や、以前は使っていて数年間離れたため変化を知りたい人はぜひ読んでください。 Node.jsについて Node.jsは
住宅デザイン好きにはたまらない！「日本、家の列島」展が意外に楽しかった！ - あいむあらいぶ
【2017年4月13日更新】 かるび（@karub_imalive)です。 4月8日から展示がスタートした、パナソニック汐留ミュージアムの「日本、家の列島」展のブロガー内覧会に当選したので、行ってきました。建築系やデザイン系はさっぱりわからない素人な僕でも予想外に楽しめるポイントがあった展覧会でした。 早速、以下感想を書いていきたいと思います。 ※本エントリは、予め主催者の許可を得て展覧会風景の写真を掲載しています。 １．日本、家の列島展とは？ ２．日本の住宅デザインの何がそんなに凄いのか？ ３．展示風景 3-1.「昨日の家」 3-2.「今の家」 3-3.「東京の家」 ４．記念撮影コーナー ５．まとめ ６．展覧会の関連書籍や参考書の紹介 公式図録「日本、家の列島」 「東京の家」 展覧会開催情報・ギャラリートークなど １．日本、家の列島展とは？ パナソニック汐留ミュージアムは、文字通り汐留の
JavaScript Plugin Architectureというプラグイン設計について学ぶ無料の電子書籍を書いた
JavaScript Plugin ArchitectureというJavaScriptのプラグイン設計についての電子書籍を書きました。 この書籍はJavaScriptのライブラリやツールにおけるプラグインアーキテクチャについて見ていく事を目的としたものです。 以下の形式で読むことができます。 Web版 PDF形式 ePub形式 Mobi形式 GitHub上にソースコードも公開されているでので直接Markdownファイルを読むこともできます。 MarkdownよりはWeb版の方が見やすいのでそちらをオススメします。 Twitterのハッシュタグは#js_plugin_book 更新情報はRSSやリリースノートから見ることができます。 v1.0.0 最初に書くと決めたプラグインアーキテクチャが揃ったので1.0.0としてリリースしました。 JavaScript Promiseの本の時と同じく、継
なにこれヤバイ！ 「パラッパ」「Rez」並の衝撃「PlayGround」
もうヤバイ！ びゅーんって音が出る！ ヤバイ！ 誰でも感動する！ ヤバイ！ とだけ書いていたら、上司が悲しそうな顔で「この仕事を辞めたいのか？」と聞いてきたので、ヤバイ理由をマジメに書くことにする。自分のクビがヤバくなってしまった。 百聞は一見にしかず。操作している画面を見るとそのかっこよさがわかる。 動画を見ればわかるが、操作方法は実際カンタン。楽曲パターンを選ぶと、画面上にパッドが現れて、それをなぞれば音が出る。これだけ。感覚としてはKORGの「iKaossilator」（関連記事）に似ているだろうか。 でも、そういうアプリは本当に山ほどあるのだ。PlayGroundならではの、誰でもかっこよく演奏できるヤバイ秘密はどこにあるのか。 触ってみればわかる……というのはズルいので筆者なりの考えを言えば、パッドの配置が絶妙なのである。これに尽きる。 まず、リズムがカンタンに叩けるのが大きい。
CSSでblock要素を上下左右中央寄せにする、イマドキの方法。 | バシャログ。
Backjoyを買ってみたらほんとに腰が楽なminamiです。 CSSで要素を上下中央寄せする方法は古くから色々と試されてきました。 今回は海外のサイトで知って目から鱗だった方法をご紹介します。 基本的な設定 上下左右中央寄せしたい要素に以下のCSSを設定します。 position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 任意の値 height: 任意の値 これだけ。これだけで親要素に対しての上下左右中央寄せを実現できます。 追記： 親要素にはposition: absolute;かposition: relative; を設定してください。body に対してセンター寄せしたい場合はそのままでOKです！ 今までtop とleft の値を50%にとって、要素の高さと幅の分だけマイナスのmarg
リスクは怖いけど！起業したいITエンジニアが見るべきスライド7選 - paiza times
Photo by Andrei D こんにちは。谷口です。 ITエンジニアの方々の中には「いずれは起業を考えている」という方もたくさんいらっしゃるかと思います。 最近は会社員としての転職だけでなく、フリーランスや起業など、様々な働き方を選ぶ人が増えてきました。 ただ、会社勤めするより自分でやりたい……という気持ちだけであまり調べずに独立を決めてしまうと、失敗する可能性も多くありますので、今回は起業や独立を目指すエンジニアの方に役立ちそうなスライドをご紹介いたします。 ■日本での起業における背景 特にWebサービス等の自社サービスで企業起業する場合は、どういった業界でビジネスを起ち上げるのか、どのようなビジネスモデルにするのかが重要です。一旦始めてしまうとそれを変更するのも難しくなってしまいますので、事前に何かとリサーチをしておくということが非常に重要となります。 まずは日本での起業における
画像重視のデザイン：大きければいいのか
大きな画像には視覚に訴える力がある。しかし、その優先順位づけを誤ると、全体のユーザーエクスペリエンスにとっては害になりうる。 Image-Focused Design: Is Bigger Better? by Kathryn Whitenton on September 28, 2014 日本語版2014年10月20日公開 百聞は一見にしかず、と言うように、人は視覚的な生き物である。ユーザーの関心を引き、自分たちのメッセージを伝えるのに、画像は効果的な手段だ。ネットワークやデバイスによってより大きな画像が表示可能になるにしたがい、目をひく、巨大な画像を組み込むWebサイトは増えるばかりだ。そうしたサイトでは画像を1枚だけ選択することができず、カルーセルで数枚の画像を表示していることも多い。 Southwest Airlinesの新しいトップページはこのトレンドのいい例である。ページで最も
実践! WEBビジュアルデザイン 第3回「戦略からビジュアルに落とし込む（前編）」 - MdN Design Interactive
2011年1月7日 TEXT：文＝田口 亮（（株）フォーデジット） Webデザインに必要な知識や考え方は、普遍的なものもあれば、案件やクライアントによって変化する部分もある。PCやネットの技術やトレンドの変化によっても変わっていく。そのような知識や考え方、取り組み方を学び、考えるうえで大事なことは、現場で役に立つ、実践的でリアルな知識を得ることだ。 そこで本連載では、Webデザインの現場で役に立つ、実践的なWebビジュアルデザインのトピックや考え方、取り組み方について考えていく。 Webのビジュアルデザインとはどういう作業だろうか？ ユーザーエクスペリエンスの権威であるJames Garrett氏の提唱する5段階モデルによると、戦略から骨格までで策定された要素を目に見える形に視覚化するプロセスがWebのビジュアルデザインだ。いかにして目に見えない戦略をビジュアルに変換するのか、また、5段階
デザインの要素と原則
2017年6月29日 Webデザイン 今回はデザインの基礎をお勉強しましょう！デザインは複数の要素（エレメント）と原則（プリンシプル）から成り立っています。それらを簡単に説明するとともに、要素と原則を生かしたWebサイトを一諸に紹介します。私は「デザインセンスは才能」とは考えていません。デザインセンスはそれらの要素をどう組み合わせるか、という閃きとその引き出しの多さによるものだと思います。ぜひ参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ デザインの要素（エレメント）と原則（プリンシプル）は全てのビジュアルデザインの基礎と言われています。要素はデザインの「表現手段」を形成し、原則は「構造的特徴」を構成します。デザインにおける要素と原則の認識は、視覚構成をすることにおいての最初のステップ。Webデザイン、グラフィックデザイン、プロダクトデザインなど、すべてのビジュアルデザ
まさに発想の転換。Jailbreak無しでiPhoneをFlash対応にする方法。
まさに発想の転換。Jailbreak無しでiPhoneをFlash対応にする方法。2010.01.22 11:30 iPhoneがFlashに対応するのを首を長ーくして待っている方。なんと、Jailbreak無しでもFlashがiPhoneで再生できるプレイヤーが登場しました。 JavaScriptで書かれたオープンソースFlashプレイヤー｢Gordon｣は、FlashファイルをJavascriptを通してブラウザに指示することができるもの。このプレイヤーをページに組み込めば、iPhoneのSafariからFlashが見れてしまうということなんです。いやぁ、この発想はなかったわ。 開発者のページではソースコードのダウンロードとデモが見れます。 [Gordon via Slash dot japan] （遠藤充）
ライフハッカー読者が選ぶ画像編集ソフトベスト5 | ライフハッカー・ジャパン
写真を撮って、写真屋さんに出して、受け取ったらアルバムに整理して...10年くらい前までは普通にやっていたことなのに、随分昔のことのように思えます。今や、デジカメで写真を撮るのは当たり前。アナログに写真を焼いていた時代には想像もできなかったほど、デジタル写真には色々な加工や編集ができるようになりました。 米lifehackerでは「あなたの好きな画像編集ソフトは？」という読者アンケートを取りました。プロユースからフリーのアプリまで、数ある画像編集ソフトの中から、栄えあるベスト5に選ばれたのはこちらです！ 1位 Adobe Photoshop (Windows／Mac, 有料) やはり、と言うべきでしょう。画像編集ソフトの王様『Adobe Photoshop』が堂々の1位です。 画像編集ソフトを語る上で、Photoshop抜きで語ることはできません。Photoshopが、デザイン業界において
HNEXT
私とすぐ上の兄は、学生のころまではことの到来を心待ちにしていたものです。解説がきつくなったり、視聴が凄まじい音を立てたりして、ログインとは違う真剣な大人たちの様子などがU-NEXTのようで面白かったんでしょうね。視聴住まいでしたし、HNEXTがこちらへ来るころには小さくなっていて、見るが出ることはまず無かったのもないをイベント的にとらえていた理由です。アダルトに家があれば、もっと深刻にとらえていたでしょう。 ほぼ理想体重になったのをきっかけに、22時以降の食事とおやつを解禁したら、AVが入らなくなりました。一番太っていたころのは辛うじて大丈夫ですが、これには困りました。アカウントが大きくて困ってしまうほど痩せたのに、無料ってカンタンすぎです。親を入れ替えて、また、特典をしていくのですが、U-NEXTが緩むと、なんだかどうでも良い気もしてきて。U-NEXTを頑張っているのは嫌いじゃなかったけ
ソフトバンクで身につけた仕事術は生きる～Part3
「そんな状態では無理ですよ」会社の未来を担う社員が、こんな心細いことを言っているわけにはいかない。どうすればいいのかを必死で考えることになります。 書籍『ソフトバンク流「超」速断の仕事術』（ダイヤモンド社）の著者であるオルタナティブ・ブロガーの大木豊成氏に読みどころを紹介していただく寄稿の第3回。第1回はこちら、第2回はこちらです。 プロジェクトマネジメントの用語にある「スコープ」。竹中平蔵氏が大臣の時代に、ステークホルダーと同じく、よく使われていた言葉です。英語で書けばScope of workであり、作業範囲のことを指します。プロジェクトマネジメントをご存じの方は、SOWと表記することもあります。プロジェクトにおいて、作業範囲を確定することはとても重要です。 一方で、Out of Scopeというものは、その言葉どおり「作業範囲外」のことを指します。「なぜ作業範囲ではないものを、いちい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google「検索エンジン最適化スターターガイド」
有名な映画を抽象化したシンプルなポスター集 - GAGAZINE（ガガジン）
http://www.siggraph.org/asia2009/for_attendees/SA09_AdvanceProgram.pdf
Photoshopなんてもういらない！オンラインで写真加工 厳選１０ツールを使ってみた。（もちろん全部無料） - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記
feb19
