Wondershake社のPR担当五十嵐です。 弊社CEOの鈴木仁士が語るWondershakeの歩み第四弾。 アメリカでの起業を目指していたWondershake社の創業メンバー。ビザの申請に落ちるというまさかの展開で、逃げるようにシンガポール合宿へ向かうことになりますが… 待ち受ける苦難の日々シンガポールにいったタイミングからWondershakeから『tsudoi』というイベント系のサービス作ることになります。Wondershakeは同期性、リアルタイム性が非常に強いサービスで、当たり前なんですけどお互いがアプリユーザーかつ同じエリアに同じタイミングでいないと繋がれない、という特性があったんですよね。立ち上げることは不可能じゃないけども時間がかかるし、それに耐えうる資金が必要でして。そういった背景があったので、サービスの性質をイベントという切り口に変えて、mixiコミュニティに似た趣

『週刊ダイヤモンド』特別レポート ダイヤモンド編集部による取材レポートと編集部厳選の特別寄稿を掲載。『週刊ダイヤモンド』と連動した様々なテーマで、経済・世相の「いま」を掘り下げていきます。 バックナンバー一覧 ニュースやバラエティ、アニメなど約20番組を、24時間無料でインターネット配信する新たなメディアが誕生した。ＩＴ企業大手のサイバーエージェントが、テレビ朝日と組んで開局したインターネットテレビ局「AbemaTV（アベマティーヴィー）」だ。後編では、総指揮を取るサイバーエージェントの藤田晋社長に、「経営者」の側面からこの新事業について聞いた。（聞き手／週刊ダイヤモンド編集部 鈴木崇久） >>藤田晋CA社長インタビューを前編から読む テレ朝との協業は必須、テレビ局の ものづくりのレベルは異常なほど高い ――AbemaTVの開局にこぎつけた裏には、パートナーであるテレビ朝日の早河洋会長と藤

長年の同人仲間でいまは漫画家になった友人がいる。 複数誌で連載をかけもちし、途切れずずっと続けていてもうすぐ10年になる。 プロ漫画家は天才も秀才もみんな並外れた努力をしている、とよく言われる。自分もそう思うし、彼女もそうなのだろうと思っていた。 が、彼女は「努力なんか全然してない」と言うのである。同人誌をたまたま編集さんが読んで、スカウトされネームを描いてみたらすぐ通って読切掲載され、アンケートが取れて連載化し、それを見た他紙の編集さんから声をかけられ、もちろん連載企画もすぐ通って複数誌連載になり今に至ると言うのである。 絵の練習なんかしたこともないし、ストーリー構成の勉強もしたことない。ネームが通らずに苦しんだことすらなく、ひとつ連載が終わっても必ず次の連載がすぐに始まる。何故なら連載会議に落ちたことがないからだ。 これを聞くとものすごい大天才だ…！となるんだけど、彼女は「別にこれとい

──　まず、今回石田先生が冨樫先生の仕事場に伺い、お話させて頂くことになった経緯から簡単にお話させてください。 冨樫義博（以下/冨）　はい。 ──　かつて、「少年ジャンプ＋」の前身である「ジャンプＬＩＶＥ」で、石田先生には「東京喰種トーキョーグールＪＡＣＫ」を連載して頂いたことがあり、とても反響が大きかったので、今回再び、石田先生に漫画を描いてもらえないかという依頼を「少年ジャンプ＋」からさせていただきました。 その中で、石田先生が冨樫先生の作品の大ファンで、特にヒソカが好きだという話題が出まして、もし石田先生がヒソカの物語を漫画にしたらどんな風になるのだろう、という、編集部サイドの好奇心・妄想のようなところから始まっています。 そこで、もしそんな企画の提案があったら、そもそも冨樫先生はどう思われるかを、昨年、担当編集経由でご意見を確認させて頂きました。 結果、冨樫先生からは、問題ないです

化粧品や衣服業界では、「ヌードカラー」の概念は淡いトーンとみなされてきた。最近では、大小さまざまなブランドが努力してきたおかげで、「ヌード」の概念はより包括的に受け入れるようになってきた。しかし、肌の色について言えば、多様な色の選択肢をもつ必要性は靴やアウターや化粧に限ったことではない。衣服の下にも、ヌードの色が必要なのだ。 下着ブランド「ナジャ」は、クリエイティブ・ディレクターのカタリーナ・ジラルドと女優ジーナ・ロドリゲスが手がけている。10人の多様な肌色の女性をモデルにしたヌードカラーのランジェリーは品揃えが新しい。この会社は「典型的なヌードカラー」のイメージを一新した。

今回は、WordPressでsuumoの様な不動産サイトを作ることを目標として、連載を書いていこうと思います。 不動産サイトや中古車販売のようなサイトは、専用のプラグインなども販売されていますが、実は有名なプラグインを有効に利用すると、もっと使いやすいものが意外と簡単に作れるものです（面倒くさい部分はあるけど…）。 要はどういうプラグインを使ってどのように組み合わせれば不動産サイトが出来るかどうか、使えるプラグインを知っているか知らないかが重要です。 プラグインの使い方や・プラグインの紹介をしているサイトは沢山ありますが、具体的に、例えば不動産サイトを作るためにはどういうプラグインを使用すればよいのかわからないって方が意外と多いと思いますので、今回は特別に、具体的に、プラグインを使って不動産屋さんのサイトの作り方を解説致します。 殆どのプラグインは有名なものです。ただ、中には有料アドオンの

HIROSHIMA, JAPAN - MAY 27: U.S. President Barack Obama gives a speech during his visit to the Hiroshima Peace Memorial Park on May 27, 2016 in Hiroshima, Japan. It is the first time U.S. President makes an official visit to Hiroshima, the site where the atomic bomb was dropped in the end of World War II on August 6, 1945. (Photo by Atsushi Tomura/Getty Images)

「春の呪い」という作品を、ご存知でしょうか？ ブログの読者層を考えると、男性が多いため知らない方も多いのではないでしょうか。 （このマンガがすごい！WEBのオンナ編で1位になった作品ではありますが） この漫画は、本当に凄い。 2016年を代表する作品になる、そんな風に思ってしまうレベルです。 恋人は、死んだ妹の恋人 物語は、妹・春を失った夏美と、春の婚約者だった冬吾の物語です。 夏美にとって、妹の春は世界で一番大切な存在でした。 ずっと二人一緒にいる。そんな風に思っていたこともあったようです。 春にとっての自分もまた、そんな存在である そんな風に考えていたところに、冬吾という存在が表れて、春の1番を奪っていく。 殺したいほど憎い相手だった、回想で語る彼女の想いは嘘ではないでしょう。 それほどまでに、彼女は春のことが大好きだったから。 だからこそ、今の状況に、気が狂いそうになっていました。

けい*12/12東５ト29a @keikh1 以前から「オタクの服装まとめ」はあっても服に興味がなくて一般的にオタクの服装とされる人が「どうしたらいいか」がなかったので少しだけ作ってみた。本当に基本の話しかしてないのですでにオシャレな人には必要ありません。気が向いたら続けます。 pic.twitter.com/WLeRuJ5tXM 2016-05-29 00:35:10

スクワットのメニュー！ 基本の5つで体型はどんどん見違える！「筋トレの王様」と言われることもあるスクワット。正しく行えば、多くの筋肉を一度に鍛えることができるため、体のラインを変えるために大きな効果が期待できます。キュッと上がったヒップにスラっと伸びた足、スッと引き締まったお腹を目指しましょう。

【プログラマー必見！】ライブコーディングが生で観れるサイト「Livecoding.TV」 ここ最近、プログラミングの需要が高まり日本でも動画学習のサービスが増えてきました。 個人的には録画ではなくて、ライブコーディングをしてる動画を見たいなあと思っていました。 生放送でプログラムを書いてるのはschooくらいですかね。 日本にはほぼ浸透していませんが、「Livecoding.tv」という名前からしてライブコーディング以外の何者でもない サービスがあるので紹介していきます。 Livecoding.tv schooと同じように生放送と録画に分かれていて、どちらも見ることができます。 サービスでは、無料プランと有料プランが存在します。 ライブコーディングしている人の国籍を見ると北米、南米、ヨーロッパがメインといったところです。 「japan」で検索かけても日本人じゃないのが不思議ですが笑 サービ

こんにちは。ヨッピーです。 先週は伊勢志摩サミットと、それに伴うオバマ大統領の広島訪問の話題で持ちきりでしたね。 まあ、「サミット」とか言われても、低IQでお馴染みの僕みたいな人間からすると、「え!? 首都圏を中心に展開中のスーパーマーケットのこと!?（※）」ってなるわけですが、「サミット」を日本語訳にすると「主要国首脳会議」だそうでして、要するに いろんな国のめっちゃえらい人たちが集まる会議 なんだそうです。 ※緑の看板でお馴染みのスーパー「サミット」　世田谷区にむちゃくちゃある。（写真：Wikipedia より） サミット期間が近づくにつれて、テレビでもサミットの話ばっかりしてるわけですけれども、「えらい人たちが集まる会議」っていう時点で、「まあ僕には関係の無い話だな」って思うじゃないですか。 コメンテーターの人達が「サミットは世界情勢の今後を占う意味でも大切です」みたいなこと言ってた

Meta said today that it finally launched its much-awaited API for Threads so developers can build experiences around it. This will allow-third party developers to create new experinces around Mark…

こんにちは。 今年は五月病にならずに済みそうなくすりやです。 もう5月も終わりですね。特に新入生や新社会人の方、転職転勤などで環境が変わった方は疲れが出てくるころではないでしょうか。私も昨年はだるい、疲れた、面倒くさい、やる気しないとばかり思っていました。今年はわりと元気です。 薬剤師と言う職業柄もあってか健康情報やサプリメントについて調べたり試してみたりするのは好きな方です。体力があまりないので少しでも何とかしたいというのもあって。疲れがとれないのは自律神経のスイッチがうまく切り替わらないからと知って、特に夜に副交感神経が優位になるようにリラックスできるように心がけています。 今までに実践してみて、ちょっと体が楽になったな、元気出てきたなと感じたことをまとめました。 自律神経を整える方法、疲労回復する生活習慣まとめ５０選 食事、栄養 体は食べたものから出来ている。 1.朝に白湯を飲む 寝

Q. おじさんこんにちわ。とんかつQ&Aの過去記事を読んでいたのですが、おじさんって仮面ライダーにお詳しいのですね。僕も一度ぐらいどれか見てみたいと思っているのですが、作品がありすぎて何を見たらいいのかわかりません。初心者にオススメの仮面ライダーを教えてください。 お名前:最北太さん A よりによって、おじさんが一番疎いジャンルのご質問がきちゃったね。確かに昔、仮面ライダー鎧武についてあることないこと語ったりもしたんやけど、基本的におじさん、仮面ライダーについては全く詳しくないんよ。だからここから先は話半分で聞いて欲しいんやけど…… ひとつだけ言えるのは、君は“最高のタイミング”で仮面ライダーを見始めることが出来るってこと。仮面ライダーを見始めるなら今しかないんよ。5〜6年前までは「誰かに仮面ライダーをオススメしたい。一緒に仮面ライダーダブルの変身ポーズをキメたい」という願望が牡蠣のアヒー

※写真はイメージです。 山本一郎です。6歳と5歳と2歳という男の子三兄弟の父親です。 父親だから偉いとか、教育に一言物申せる立場だとはまったく思ってません。はっきり申し上げて、子育てで家内と一緒に滅茶苦茶悩んでます。 育児に「ひとつだけの解」はない 正直、子育てや教育でどうしたらいいのか、自分自身も分からず模索する日々です。 また、仕事や私生活でご一緒する先輩たるご歴々の父親像を見て、私自身が「真似したい」「こういう父親になりたい」と思える人があまり多くありません。事業投資、コンテンツ投資や、コンサルティングを仕事のメインにしている私にとって、ご同業の皆様方は、あまり家庭に時間を割いておられないように見受けられるからです。皆さんバリバリ働いておられ、実績も積み重ねていらっしゃいます。仕事人としては尊敬するんですけどね。ただ、家庭や育児のことになると途端に 「教育のことは、妻に任せているから

佐藤漫画製作所では電子書籍のストア販売をお取次する「電書バト」というサービスを展開しております。「電書バト」では、プロアマ問わず、簡単なクオリティチェックを通過すれば、どなたでもご自分の作品を国内主要電子書籍ストア約50カ所で販売することができます。 実は先日、「電書バト」の2月期の売り上げランキングを発表させていただきました。そちらが大きな話題となり、現在、「電書バト」へのお問い合わせが殺到しております。 電書バトNEWS 僕は佐藤漫画製作所の代表を務めておりまして、当然のことですが、このサービスを大きくしていきたいという考えがあります。ですので、これから僕が書くことはそれを差し引いた上でお読みください。 2010年、iPadが発売され電子書籍元年という言葉が使われ始めました。それから6年、電子書籍は在庫リスクがなく、流通の経費もかからないため、作家に多くのロイヤリティが配分されると言わ

Liberato 自然素材をアップサイクルしたサステナブルなシューズブランド「Liberato(... 詳細を見る

[レベル: 上級] AMPはまだ公開されたばかりで、誤用・乱用がきっと出てくるであろうことをGoogleは予測している。今はどんな乱用が現れるかを見ている段階。不適切な実装が認められた場合には必要に応じてそれ相応に対処していく。 GoogleのGary Illyes（ゲイリー・イェーシュ）氏は、先週のGoogle Dance Tokyoの際に僕にこのように説明してくれました。 背景 まず、背景を説明します。 ECサイトの商品販売ページがAMPカルーセルに掲載 2週間ほど前に、日本でも有数のECサイトの商品販売ページがトップニュースのAMPカルーセルに掲載されていることが発見されました。 現在Google検索がAMPコンテンツとして検索結果に表示するのはニュース系のコンテンツです。 Amazonや楽天市場にあるような商品販売ページではありません。 にもかかわらず、このサイトからの大量の商品販

デザインやDTP関連のソフトウェアの大御所Adobeからこのほどビジュアルコンテンツを簡単に制作できる無償ツール「Spark」がリリースされた。 このiOSアプリはウェブと連携するので、グラフィックを作成してSNSに投稿したり、ウェブページを作成したりの作業が場所を問わずシームレスに行える。 ・アプリは3種類 Sparkアプリは3種類ある。まず、ソーシャルメディアへの投稿を作成する「Post」。使いたい写真を選んで文言を入力し、デザインフィルターをかけるなど、ものの数秒でグラフィックスを作成してFacebookなどのSNSに投稿できる。 普通に写真にコメントをつけて投稿するよりオリジナル度が高まり、フォロワーの目を引きそうだ。 ・雑誌スタイルのウェブページも 次に「Page」。こちらでは、ウェブページを雑誌スタイルで作ることができる。 旅行ブログなど写真を多く載せたい時に便利で、雑誌のよう

Inc.：気持ちを若返らせたければ、健康的な生活やジム通いが一番です（見栄えのするヘアスタイルにしたり、夜遊びではじけたりするのも悪くないでしょう）。でも、思考を若返らせたい場合はどうすれば良いのでしょうか？ 私たちの脳は回復力に富み、晩年になっても脳細胞は新たに育ちます。しかし、この驚くべき力を持つ脳も、いずれは老化します。記憶力が衰えたり洞察力が鈍化したりするとそれに気がつくわけですが、科学者たちは、灰白質と白質の量といった細かい部分を脳スキャンで調べる際に、老化した脳に起きている物理的な変化を実際に目で確認することができます。 では、身体の時計を物理的なレベルで遅らせて、老化した脳を若者の脳に近い状態に持っていく方法はあるのでしょうか？　最近の研究によると、それがどうやらあるようです。 やはり瞑想が良いらしい 脳を若返らせるという奇跡はどうやったら起こせるのでしょうか？　何と、シンプ

[レベル: 中級] Search ConsoleとGoogleアナリティクスの統合がさらに進み、1つのレポートで両方の指標を同時に見ることができるようになりました。 Search Consoleの検索アナリティクスのレポートをGoogleアナリティクスで見ることは以前から可能でしたが、単純に、Googleアナリティクスからでも検索アナリティクスのレポートを閲覧できるだけでした。 統合が進んだことにより、サイト改善のための分析が以前よりも容易になります。 SCとGAの指標が1つのレポートに 「集客」メニューのなかにある「検索エンジン最適化」が、「Search Console」に変わっています。 アクセスすると、検索アナリティクスの指標とGoogleアナリティクスの指標が同時にレポートされます。 左半分がSearch Console (SC) の検索アナリティクスからのデータで、右半分がGoo

www.telemundo.com ワードプレスはブログやアフィリエイト、企業のホームページまでウェブサイト運営で使われる優れたシステムである。WordPressが人気なのはプラグインという形で簡単に便利な機能の実装が出来るからだろう。 ただ、プラグインは脆弱性が見つかったものほど侵入されやすくなる。長い期間更新がなされていないプラグインは脆弱性が放置されたままだったり、最新のバージョンに対応していない場合もある。出来るならプラグインに頼らない機能の実装が理想的である。プラグインの整理は定期的に行い、使っていないものは削除するようにした方が良いだろう。 この記事では ▶　WordPressのおすすめプラグイン から ▶　WordPressのプラグインでセキュリティを高めるために必要なこと まで詳しく紹介していきたいと思う。 WordPressのおすすめプラグイン WordPressのプラグ

以前、少し前だが、以下のブログを読んで、SPAであるべき価値について考えたことを述べる。 anond.hatelabo.jp mizchi.hatenablog.com そもそもSPAとは? この議論をする前に、そもそもSPAとは何だろうか?という点について整理しておこう。僕は2つの点で特徴があると思っていて、 フロントエンドGUIであること Webアプリケーションであること この2点かなと思う、簡単にまとめると、 フロントエンドGUIであること まずは、「フロントエンドGUI」というのはどういうことかと言えば、サーバーサイドレンダリングとは対照に、jsによるDOM操作によって、UIを切り替えて行って構成するGUIを指す。 Webアプリケーションであること GUIではあるのだが、それは、Webアプリケーションでもある。サーバーからAjaxやwebsocketなどによって、サーバとデータのや

デザイン会社Basecamp⛺️の代表。dely株式会社のCXO。東京で活動する事業作りを仕事にしているデザイナー / プロダクトマネージャーです。 仕事の依頼はDMで受け付けております。

iOS、Mac、Apple TV、Apple Watch向けのアプリ開発に使われる、Appleが開発したプログラミング言語Swiftは、新しいプログラミング言語として注目を集めています。まだ比較的新しいプログラミング言語ですので、今から勉強しても遅くはありません。これからSwiftを学ぶ方のために、Swiftの基礎がわかる資料を13個まとめてご紹介します。日本語資料も徐々に増えているので、この機会にSwiftの勉強を始めてみてはいかがでしょう？ The Swift Programming Language (Swift 2.2) https://itunes.apple.com/jp/book/swift-programming-language/id881256329?mt=11 https://developer.apple.com/library/mac/documentation/

最近リリースされたひらがな・カタカナ・漢字が使える日本語のフリーフォント、文字数を増やしてバージョンアップされた日本語のフリーフォントを紹介します。 活版印刷風のレトロなフォントから、映画やアニメの字幕風フォント、ネコっぽいかわいいフォント、古代生物の不思議系フォントまで、たくさんのフォントがリリースされています。

目次 初めに 極小理論 ステップ1. 問題の再現と確認 ステップ2. 最低3回のヒートダンプ採取 ステップ3. 問題の発見 ステップ4. 問題解決の確認 他のリソースへのリンク まとめ Something you might want to bookmark: Simple Guide to Finding a JavaScript Memory Leak in Node.js by @akras14 https://t.co/oRyQboa8Uw — Node.js (@nodejs) January 6, 2016 注釈：お気に入りに登録してください。 Simple Guide to Finding a JavaScript Memory Leak in Node.js （Node.jsでのJavaScriptメモリリーク発見簡単ガイド） @akras14 http://www.ale

「片桐さん！予約が5件も入っています！！」 みやび屋に明るく響いたサツキの声。 「若者が親孝行をするための宿」 新しいコンセプトで始まったみやび屋の集客は、ボーンのアドバイスによって改善しつつあった。 しかし、その一方、須原では老舗ホテルや旅館が次々と倒産の危機に瀕していた。 みやび屋の集客がうまくいっても、須原全体の観光が衰退していては意味がない。 そこでボーンが提案したのは「オウンドメディア」というものを立ち上げることだった。 Webメディアという戦場で、みやび屋の新たな闘いが始まろうとしていた・・・！

追記 最新の感想も合わせてご覧ください。 jinjor-labo.hatenablog.com React界隈では結構前から「CSS in JS」と言って、雑に言うと「CSSはイケてないからJSでインラインスタイルを書いてしまえ」という話がある。（ちゃんと知りたい人はこちら） 自分も前々からCSSは変数が使えないとか名前が被るとか諸々イケてないのは同意してたんだけど、じゃあJSで書くのが良いかと言われたら「いや流石にロジック汚れるんじゃね？」とか「CSSの便利機能を捨てて平気なの？」とか色々と懐疑的だったんだけど、１～２か月書いてみたら想像以上に良かったので感想を書くことにした。 まず一番に主張したい部分を先に言うと、こう。 （誤解）JSのコードがスタイル記述で汚れる （正解）JSのコードがスタイル記述から解放される 前提 実際に書いたのはJavaScriptではなくElmなので以下は全て

最近のWebページで人気のある縦長ページ、繊細なインタラクション、大きい写真画像を使ったヘッダ、カード型コンポーネントなど、UIデザインのトレンドが取り入られたHTML5/CSS3で作成された商用利用無料のテンプレートを紹介します。 各デバイスごとのレイアウト、気持ちいいアニメーションなどの勉強にもいいですね。 Synthetica デモページ 最近のトレンドでもあるビジュアルのセクションを広く確保し、洗練されたアニメーションを備えたインタラクションが気持ちいいテンプレート。個人のポートフォリオからプロダクトのランディングページまで、何かを見せることに適しています。

今日はVue.jsのミートアップに参加してきました。 なんとVue.jsの生みの親のEvan YouさんのQ&Aセッション付き！ vuejs-meetup.connpass.com 全体を通して、気になった箇所や今後調べておきたいことを箇条書き程度に。 気になったこと Vue.jsは学習コストが低い 日本語ドキュメントも豊富だし、data-binding目的だけで使えたりして便利 →誰かに教えるときDOMをすっ飛ばしてVueとか入っていいものかとなやましい 肥大化したVMへの対応 .NETからMVVMの思想を紐解くとよい MVVMのModelにまつわる誤解 - the sea of fertility callbackで変更を検知 →component+eventを利用しない理由を聞いておけばよかった Vuex 2.0系から$broadcast, $dispatchがdeprecatedに

Photo by Radly J Phoenix こんにちは。谷口です。 最近は、ゲーム感覚で楽しくプログラミングを学べるサイトやサービスがかなり増えてきました。勉強するのは大変だけど、ゲームやクイズを通して遊び感覚でプログラミングを学ぶことができたらいいですよね。 そこで今回は、あまり勉強っぽくなく初心者でもゲーム感覚で楽しくプログラミングを学べるコンテンツを9個ご紹介します。 ↓以前の記事はこちら。今回はこの記事に載っていないサービスばかりを紹介します！ paiza.hatenablog.com 現在paizaではプログラミング×異世界ファンタジーRPG『ロジックサマナー～閃光の召喚プログラマ』を公開しています！ 主人公はひょんなことから異世界に迷い込んだITエンジニア。異世界では、なんとプログラミングしたコードが召喚獣を呼び出すための詠唱魔法だった！？召喚魔法（※プログラミング）が使

A slide for html5j #65 http://eventdots.jp/event/589181 2016/07/27: Updated about React.PureComponent

Angularの人が受付してるReactの勉強会に着いたやで— りぃ (@leader22) May 31, 2016 ちなみに、今年のHTML5 Conferenceは9/3（土）だそうです。 React現状確認 by @koba04 The state of React.js 2016 // Speaker Deck React.js meetup #4が6月にあるかも Reactの使用例 Instagram, Netflix, Uber etc.. Twitterのモバイル版 <- 知らんかった SFC: StatelessFunctionalComponentsがコンポーネントの基本 MixinはなくなったのでHighOrderComponentのスタイルで機能を追加 新しくReact.PureComponentってのが増えるかも `shouldComponentUpdate()`

このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.

ぼくがWebデザインに携わってからこれまで約5年半、Web上の多くの優良なサイトから知恵を借りて、ド素人からなんとかフリーで仕事を貰えるまでになった。そして常々、Webから与えてもらった知識や情報を還元したいと思っていた。 こうしてブログを始め自ら情報を発信する場を得たので、一度Web制作に関する良質な情報をまとめて提供してみたい。 このエントリーでは、Web制作の初心者もしくはWeb制作に興味があってこれから始めてみたいという人が、うまくWebの世界に入っていくのに役立つような情報を厳選して紹介している。 一人でWeb制作全般を見れるようになるための基礎的な情報を広く列挙してあるが、必要な箇所だけ断片的に取り上げてもらっても役立つと思う。またできるだけ日本語の中で閉じるよう、海外サイトは最低限にとどめた。 目次 とにかく１ページに詰め込むことを優先したのでかなり長いが、下の目次から必要な

Flexbox は、もともとウェブサイトやモバイルアプリのUIをデザインするために最適化された CSS です。 Flexbox のさまざまなプロパティを利用することで、これまでは CSS のみで難しかったレイアウトや配置を実現できるようになりました。またスクリーンサイズに応じてレイアウトが変化する、レスポンシブデザインとの相性もよい点もポイントです。 この記事では、よくあるCSSによるレイアウトの問題5つを、Flexbox　で解決できるテクニックを見ていきましょう。動作確認用のデモページと一緒に、実際にこれらのテクニックを適用した実践サンプル例もまとめています。 目次 対応ブラウザ環境は？ 高さの揃ったサイドバーを作成する方法 要素の表示順番を変更する方法。 どんな要素も天地中央揃えにする方法 レスポンシブに対応する、グリッドレイアウトを作成する方法 フッター要素を常に固定する方法 対応ブ

新人の開発者が繰り返し突き当たるテーマがあります。プログラム言語を1～2種類勉強するのに時間を費やしたり、プログラミングの演習を行ったりすることに関して問題はないと感じていても、学んだことをどう応用していいのか分からずにいるのです。このことは、次のようなフレーズとしてよく耳にします。「プログラムの書き方は知っているが、何をプログラムしていいのか分からない」と。これに対する答えは、一般的に、「プログラミングの課題を行いなさい」、「オープンソースプロジェクトに貢献しなさい」、または、「ゲームを作りなさい」というようなものです。 プログラミングの課題を行うことは、知的ないい訓練にはなります。しかし新しいプログラムの開発方法を学ぶのにはあまり役立ちません。オープンソースプロジェクトに貢献するのは確かにステップアップになります。実際のプロジェクトがどのように構成されているか学び、プログラム言語の技術

早稲田大学の研究グループはこのほど、ディープラーニングを応用し、白黒写真を自然な色に自動彩色する手法を確立したと発表した。プログラムのソースコードをGitHubで公開している。 新技術は、大量の白黒・カラー画像の組から、色づけの手がかりとなる特徴をディープラーニングにより学習し、その特徴を使って白黒画像をカラーに変換する技術。従来、白黒写真の色づけには人手が必要だったが、新技術なら全自動で彩色できる。 画像全体から抽出する「大域特徴」と、小さな領域から算出する「局所特徴」を結びつけて利用することで、画像全体を考慮した自然な色づけができるという。 大域特徴からは、屋内か屋外か、昼か夜かなど画像全体の情報を得、局所特徴からは、水か砂か葉かなど物体の質感を判断し、その領域をどう色づけするかが最も適当か推測。この組み合わせにより、夕暮れの空や人の肌など、状況に合った自然な色づけが可能になったという

EduFi, a fintech startup that enables financially strapped students to secure loans for their education, has raised $6.1 million in a pre-seed round led by Zayn VC with participation from Palm Drive C

デザインに利用するフォント書体によって、雰囲気や仕上がりはがらりと変わってきます。しかし、目的にあったフォントを見つけるのに、困ってしまうこともしばしば。今回は、どんなデザインにも合わせやすく、使いやすいフリーフォント素材をまとめました。 スタイル数の豊富な書体はもちろん、デザインを選ばずに利用できる万能アイテムを中心に揃えており、多くの素材は商用利用にも対応しています。お気に入りの書体を見つけて、コレクションに追加してみてはいかがでしょう。 詳細は以下から。 商用OK多数！使いやすい万能フリーフォント最新コレクション 2016年5月度 なごみ極細ゴシックフォント 今回特に注目のアイテムで、モダンで直線的な漢字のデザイン。そして、それとは対照的に懐が狭くオールドスタイルなかな文字のデザイン。2つの特徴が見事に生かされています。 ※　個人、商用利用可能 Muller Narrow やや縦長の

Vue.js用バリデータコンポーネント vue-validatorを25日掛けて翻訳したお話です。Read less

物理演算とは物体の運動を物理法則に基づき数値計算することです。Web業界ではゲームやビジュアル表現の分野で利用されています。アクションゲームを例にすると、キャラクターが地面に立つ、ジャンプする、重力落下する、壁とぶつかる、坂道を滑り落ちる、といったことが物理演算の実装範囲になります。 本記事ではGoogleが提供するJavaScriptライブラリ「LiquidFun」を題材にHTML5で利用可能な物理演算シミュレーションの表現を紹介します。 ▲「LiquidFun」の公式サイトではドキュメントやデモが掲載されている 物理演算ライブラリ「LiquidFun.js」とは LiquidFunは2次元の物理演算ライブラリの定番「Box2D」をベースとした拡張ライブラリです。Box2Dが提供する基本的な物理演算機能をはじめ、LiquidFunによるプラスアルファの機能が提供されています。 重力 （B

HTMLドキュメントのhead内に記述するmeta要素やlink要素、ソーシャルサービス用の要素、ブラウザ用の要素、スマホアプリ用の要素などをまとめた「HEAD」を紹介します。 HEAD -GitHub 翻訳するにあたりいくつか尋ねたところ、著者様はとてもいい人でした。 公開当初から内容がアップデートされ、ライセンスもCC0に変更されています。 オススメの最小限の構成 要素 meta要素 link要素 ソーシャル関連のhead内の要素 ブラウザ・プラットフォーム関連のhead内の要素 スマホアプリ関連のhead内の要素 メモ オススメの最小限の構成 下記は、head内に記述する最小限のタグです。

私が本格的にブログを始めた2015年、いつもAC写真の素材にお世話になっていました。 ただ近頃は利用者が増えたのか、似た画像を目にするようになりました。 「他にも無料写真はないかな？」と探した結果、クオリティの高い写真を提供する下記サイトにたどり着きました。 保存時に画像サイズが選べる『pexels』 高画質でシュールな写真『GRATISOGRAPHY』 “関連画像”の機能が便利な『picjumbo』 見たことのないクールな写真『SplitShire』 うっとり見とれる写真素材『Unsplash』 会員登録不要ですぐにダウンロードして使えます。また著作権なしで、商用利用も可能な素材ばかりです。 Webデザイナーやエンジニア、ブログを書く人たちに少しでもお役に立てれば幸いです（すでにご存じでしたらすみません...orz）。 補足：「パブリック・ドメイン」とは？ ここで紹介するサイトのほとんど

phi I'm a Game Programmer and Frontend Engineer passionate about programming education. Math / C / C++ / C# / JavaScript / HTML5 / CSS3 / Python はじめに 「webpack インストールしといてー」, 「gulp 導入して watch しながら開発してー」, 「React だから ES6 でコード書いてー」 最近こんな会話が当たり前のように現場で飛び交っています. フロントエンドの開発者には HTML, CSS に特化している人 (coder, markup engineer) JavaScript は得意だけど CSS はちょっと弱い人 (javascripter) HTML, CSS, JavaScript 全てを統べる者 (frontend

INST石野です。 Wantedly、みなさんご存知ですよね。 ご存知のように僕はFacebook大好きでよく使っているので、よく知人から「応援して！」と連絡いただいて応援したり（たまにしなかったり）しています。前職自体はこれ使って募集もかけたことあります。 このWantedlyが「解約しづらい」とある方から批判を受けて、その後ぐらいからなぜか「Wantedlyいけてないよね」というような投稿をよく目にするようになりましたので、今日はなぜWantedlyがディスられるのかを考察してみたいと思います。 絶妙なトライアルプラン×ソーシャル戦略でスタートアップに人気を博してスタート Wantedlyは、仲暁子さんという京大→ゴールドマン・サックス→Facebookジャパン初期メンバーというサングラスを掛けないと直視できないくらいのキラキラ眩しく輝くキャリアの方が立ち上げた注目のHRtechスター

2016 - 06 - 02 Googleスライドでセンスのいいプレゼン資料をスピーディに作ることをオススメする LIFE LIFE-仕事 資料作成やプレゼンテーション作成ツールは何を使っていますか？ 僕は 「Google スライド」 を使っています。 資料作成には 「センスとスピード」 が求められ、この２つを満たしてくれるのがGoogle スライドです。 www.google.com プレゼンで大事なことは 「話術・スピーチの仕方」 ですが、資料がしっかりしていないと台無しになってしまいます。さらには資料の内容がまとまっていても、見た目が悪いだけでプレゼンの印象も悪くなってしまいます。 社会人はもちろんのこと、学生にも同じことが言えますね。 せっかくプレゼンをするならセンスのいい資料をスピーディに作りたい ものです。レイアウトに時間をかけずに資料の内容に時間をかけることが大事だと思います

コンテンツマーケティングとは、有益なコンテンツ発信を通じてサービスや企業の認知度を向上させ、売上の拡大を狙う一連のマーケティング手法のことです。 近年、多くの企業が取り組んでいるコンテンツマーケティングを実施する際には、あらかじめ概要を知っておくと、効果的な施策を打ちやすくなります。 そこで本記事では、コンテンツマーケティングの基本、実施の流れ、成功のポイントなどをお伝えします。 ＼コンテンツマーケティングの実践方法を資料にまとめました！／

ノハナの中の様子を時に真面目に時にゆるゆるとお伝えします こんにちは、ノハナの原田です。 サーバーエンジニアです。 最近、社内ナレッジ共有のためにesaというWebサービスを導入しました。 社内の活性化に寄与しているのでここで紹介します。 導入のきっかけと選定 ノハナではナレッジの共有に、プロジェクト管理ツールに付随しているWikiを使っていましたが、以下のように使いづらい点がありました。 記事を書く際にリアルタイムプレビューがない 記事を書く際に画像をドラッグ貼り付けできない 記事URLに記事タイトルを含んでいて、タイトル変えるとリンク切れになる 更新通知がメールだけでWebHook通知ができない さらに、この1年でメンバーが20人から30人の規模に膨らんでおり、既存ツールの運用見直しや移行の機運が高まってきた中で、有志メンバーによって移行の検討が始まりました。 同様のサービスがたくさん

まえがき みなさんのお使いのエディタは何でしょうか。 きっとそのエディタは、自身のこだわりが幾つかあってそのエディタを選択したのだと思います。 私の身の回りにも当然IDE派とEmacs,Vim派が居て、Vim派の私はよくIDE派に「IDEをなんで使わないの？こんなに便利なのに？」的な姿勢で言われることが多々あります。（仕事でPHP書くので特にPHPStorm派などに…） IDEにはエディタ単体の機能ではVimは負けるかもしれませんが、個人的にはPCにインストールする系のIDEに共通する好きではないところがいくつかあって、私はVimを選択しています。その理由を記事にしてみました。 追記:2016-10-26 この記事は個人的にあまり他の記事でも語られていないなと思った、サーバーサイドのエディタで開発することの良さを書き記したものです。Vim自体、Emacs自体の良さにつきましては他にも優秀な

”デザイナー”という仕事は時代やテクノロジーの進化によりどんどんその内容が変化する。一昔前はWebデザイナー、そのもう少し前はグラフィックデザイナーと呼ばれていた人達もいまではUIデザイナーやUXデザイナーを名乗っている。 また、クリエイティブテクノロジストなど最近だと数年前には存在していなかった肩書きのデザイナー関連職も出て来ている。 理由は単純で、Webデザイナーやグラフィックデザイナーの仕事がどんどん減って来ているから。言い換えると、世の中のニーズが変化するにつれ、デザイナーに必要とされるスキルと役割が変わってくる。ビジネスやユーザーの問題を解決するのがデザイナーの最大の役割なのであれば、その仕事内容が求められる フリーランスWebデザイナーという職業も無くなる4つの理由 いままでは1mmにこだわるのがデザイナーの仕事だったかもしれないが、これからビジネスにデザインを活用出来る人材が