スマホやタブレット、ラップトップ、デスクトップ、最近はWebページを表示するデバイスは多様化しています。レスポンシブデザインでよく使われているMedia Queries（メディアクエリ）の書き方、ブレイクポイントの最適な値など、制作に役立つリソースやツールを紹介します。 各デバイスのブレイクポイントに合わせたメディアクエリの書き方 複数のブレイクポイントを使ったメディアクエリの書き方 人気のフレームワークのブレイクポイントの設定 レスポンシブの確認が簡単にできる最強ツール 各デバイスのブレイクポイントに合わせたメディアクエリの書き方 スマホ、タブレット、ラップトップ、デスクトップごとのブレイクポイント、そしてiPhone, iPad, Nexusなど各デバイス用のブレイクポイントに合わせたメディアクエリの書き方がまとめられています。 Simple CSS Media Queries デバイ

公開前に知人に見せたら、読むのに20分もかかったわ！！ と、お叱りを受けましたｗ オススメのツールやWEBサービスということで50ほど紹介していますが、僕の使用感のほかに、ところどころ経験談的なものが入っています。そのあたり、読むのがめんどうな方は読み飛ばしていただければ幸いです。 2万文字近くあるので、お時間ある際にゆるりと読んでいただければと思います。 それではお楽しみ下さい！ サイト解析に使えるツール・サービス import.io Juicer Ptengine GTmetrix CLOUD FLARE wayback timemachine シミラーウェブ Open Site Explorer サクラサクLABO aguse Built with ディレクションに使えるツール・サービス ウェブチェッカー Cat Mdes maindmaister ひとりブレスト 関連キーワード取得

私たちソニックガーデンでは、かねてより全社でリモートワークに取り組んできました。今では24名いる常勤メンバーの半数以上は地方に住む在宅勤務者です。採用応募の殆ども地方からであるため、今後もリモートワーカーは増えていくでしょう。 それでも、これまでは東京の渋谷にオフィスを構えていました。しかし、2016年6月末の契約更新の際に解約を行い、次の移転先は用意せず物理的な「オフィス」という概念を一旦やめて、複数のワークプレイスに分散させることにしました。 今回の物理オフィスをなくした取り組みは、TechWaveでも記事にして頂きました。ありがとうございます。それがこちらの記事。「本日でオフィスなくします」自律的リモートワーク先進企業の門出 【@maskin】 本記事では、その補足として、私たちがオフィスをなくした理由と狙い、そして、新しい分散型ワークプレイスのコンセプトと実践について書きました。

技術を活かし、新しい価値を創造する DeNAのエンジニアは、想像を超えるDelightを届けるために何ができるかを考え、技術力と発想力で新しい価値を生み出しています。 多様な専門性を持ったエンジニアが切磋琢磨し、互いに刺激し合える環境や制度がさらなる成長へとつなげます。

（プリキュアにあんまり関係ない記事です。興味ない方はスルーして下さい。） 先日（4/13）、当ブログを紹介していただいた朝日新聞withnews様の記事が、（数時間ですが）ヤフーのトップに掲載されました。 娘がプリキュアに追いついた日… 父のブログに涙する人が続出 当たり前の日常の中にある愛情、著者に聞く （withnews） - Yahoo!ニュース さすがにヤフーのトップ、記事中に直接リンクが貼ってあったわけではありませんが、多大な反響があり、その1日だけで「イワオ～キン骨マンの超人強度」くらいにはＰＶを頂きました。 はてなブックマーク、ツイッター含め、沢山のコメントを頂きまして、本当にありがとうございました。 すべてのコメントを読まさせていただきました。 その全てが、ありがたく、身に染みるものでした。 で、今回「ヤフーのトップニュースに載る」ことにより、 「自分のブログ記事の内容が”

「駐車場を探してかれこれ10分以上経過・・」「某グルメサイトのお勧め店はいまいちだった・・」など、せっかく車で遠方に行って、楽しめなかったことはありませんか？ そこで、車に関する問題・悩みを解決する最強のアプリを次の評価基準を設けて探しました。 10万回以上のダウンロード数（人気度）レビュー数が1000以上（ファンが多い）ユーザー評価が★3.5以上（高い評価）システムエラーが比較的少ない（実際に検証した体感）厳選したアプリは、私が実際にスマートフォンに１つ１つインストール・操作して確かめました。 そんな車のお供に超オススメのアプリ17選をご紹介していきます。 ※2016年4月19日に公開した記事ですが、文言等を追記し、その他の部分も修正して2018年9月14日に再度公開しました。 ※「ユーザー評価」については、世界的に利用者数の多い Google Play のデータを活用しています。 また

前回、簡単なDIコンテナを作ってみたので、次はこれを使ってWebフレームワークを作ってみたいと思います。 Webサーバーをつくる まず、WebフレームワークなのでHTTPサーバーが必要ですね。なので簡単なものを作ります。 とりあえずブラウザからリクエストを受け取ったら200 OKとHTMLを返すだけのサーバーです。 今回は、そこらのブラウザからアクセスできればいいや、ということで、RFCとかの仕様に準拠することは考えません。 public class Server { public static void main(String[] args) throws IOException { ServerSocket serverSoc = new ServerSocket(8989); for (;;) { Socket s = serverSoc.accept(); new Thread((

なにこれすごい。 Kiteはお使いのエディターやターミナルと連動するプログラミングサポートツールだ。 これを横でたちあげておくと「この命令はこういう意味だよ」「そこ間違ってるし」「サンプルコードはこちら」といったことを教えてくれるのだ。 秀逸なので自分が使っているツールをそのまま使える点だ。 まだリリース前だが、是非サイトのデモムービーを見てほしい。あなただけのプログラミングパートナー、というキャッチがとても素晴らしい。

ある有名なベンチャー企業の代表は「人間が想像できるものはいずれ必ず実現できる」と語っていました。実際に私たちの今の生活でも、数十年前に描いていた想像の多くが実現されています。 では、実際にどんなものが想像されて、すでに実現されたのか、ドラえもんの秘密の道具から実現できているものを見ていきましょう。 秘密の道具1：アンケーター 髪の毛など体の一部をセットすると、その人物に関する情報をおしえてくれるマシン。 実現されたもの1：遺伝子検査キット 自宅で唾液などを採取して送りだけで、生活週間病や肥満タイプなどの、何百種類の情報を知ることができます。 秘密の道具2：いたわりロボット 元気がない時や傷ついた時に、やさしくはげましてくれるロボット。ただし、どんなことをしてもはげまし、甘えさせてくれるので、使い方をまちがえるとダメ人間になってしまう。 実現されたもの2：音声認識ロボット Pepper君に代

こんにちは、株式会社GunosyにてCTOをしております松本です。 弊社にもこの4月から初めての正式な新卒採用で3名の方が入社しました。 実は自分も、3年ほどまえの大学4年の終わりごろにGunosyに入社しまして、そういう意味では新卒入社とも言えるのかなと思います。 社会人経験としては新卒の皆さんとそう大きく違うわけではないのであまり偉そうなことが言えるわけでもないのですが、自分が新卒の時にどんなことを聞いておきたかったかなと考えながら、主に今年新卒入社された皆さんになにかアドバイスになればと思い久々に技術の話以外でブログを書いています。 今回、3年間働く中で長くエンジニアとして必要とされるために大事だと感じたことについて書きます。 # 長くエンジニアとして活躍していくために自分がエンジニアを始めてからの数年の間にもベースになる技術は多くの進化を遂げており、1年前の状況が今では古いなどと言

Webエンジニアが転職活動を成功させる6つのステップ Webエンジニアが転職活動を始める際の準備を成功させる6つのステップを紹介します。また、各ステップで登場する準備のコツについても抜粋し、「Webエンジニアが転職活動を成功させる準備のコツ」としてまとめています。 関連記事：フロントエンドエンジニアの仕事内容とは？スキルや年収も解説 STEP1. 転職活動の流れと準備にかける時間を把握する ─まずはざっくりした転職活動の流れと、準備にどれくらい時間をかけるべきなのか、教えていただけますか？ Webエンジニアの転職の流れについては、情報収集をしたり成果物をまとめたり、必要な書類を作成したりと、準備を約2～3週間かけて行い、そこからはどういう手段で転職活動をするかによって異なります。 求人サイトを利用するなら、サイトに登録後、そこから企業へ直接応募して、書類選考、面接と進んでいきます。また、エ

どうも、まさとらん（@0310lan）です。 みなさんは、「JavaScript」をどのような方法で学習されているでしょうか？ お手軽な方法としては…、 ・書籍やブログ記事を読む ・勉強会・セミナーへ参加する ・友人や先輩に直接聞く ・学習向けのWebサービスを利用する ・etc... などが一般的でしょうか。 今回は、上記のリストに加えて、もう１つ有効な方法である「海外の無料動画」についてご紹介しようと思います！ 「どうせ、英語だから…」と、つい敬遠しがちですが、海外ユーザーが作るプログラミング学習動画は、国内に比べて圧倒的に「質」が高いのが特徴です。 なかでも、特に解説が丁寧で理解しやすい動画だけを厳選しましたので、ぜひチェックしてみてください！ ■「JavaScript」の基本を徹底的に学ぶ！ まずは、JavaScriptを「どのように書いたら良いのか？」を丁寧に教えてくれる動画のご

はじめに：「僕にもそんな頃があった」 先日、西脇.rb＆神戸.rbの合同勉強会として「RailsプログラマのためのSQL勉強会」を開催しました。 この勉強会は出題者（＝僕）が出したSQL問題を他の参加者が解く、というスタイルの勉強会です。 参加者の方の中には最近プログラミングを始めた、という人も何人かいました。 そういう人にとっては問題がちょっと難しかったので、ときどき僕がサポートに回って質問に答えたり、解き方をある程度教えたりしていました。 また、話がちょっと脱線して「僕が作ったこれぐらいのWebアプリは、伊藤さんなら何時間ぐらいで作れますか？」みたいな質問を受けたりもしました。 その中で言われたのが、 「説明されたらわかるけど、自分一人でこの答えにたどり着くのは無理です」 「えっ、そんな短い時間で作れるんですか」 といったようなコメントです。 そういったコメントを聞くと、「あー、僕にも

2. 本日の内容 • ドメイン駆動設計の「考え方」 • 「まえがき」を中心に – オブジェクト指向、エクストリームプログラミング • ドメイン駆動設計の「３つの原則」 • １章 ２章 ３章から – ドメイン知識の習得、言葉による意図伝達、コードで表現 • ドメイン駆動設計の「基本スキル」 • ４章 ５章 ６章 ７章から – ドメイン層の隔離、ドメインオブジェクトの設計、総合演習 2 ※「基本スキル」は、時間が足りなくなる見込み。あらかじめご了承ください。

そのパンツのお名前なあに？ 洋服は、形によって様々な名前が付けられています。 パンツも然りです...ややこしいですよね。 大きなお店にパンツを買いに行くと、種類別にズラーーーッとパンツが並んでいます。 パンツの種類や特徴をあらかじめ知っておかないと、何か選ぶのさえ困難だと思います。 私ですら「うっ！」となりますよ...サイズも豊富にダダッと積まれていて...もうこれどこから手つければいいんだよ！って！！！ 今回は、パンツ種類多すぎ問題に際し。 主なメンズ用パンツの名称（主にシルエット）について、陽気にざっくりと解説します！ 張り切って、いってみよう！！！ 1.ストレートパンツ 名前の通り、真っ直ぐなシルエット。 細すぎず太すぎず、足のラインを出しすぎず、かといって隠しすぎず...。 「スタンダード」と呼ばれる場合もあります。 パンツの基本であり、定番型です。 ただ近年は時代の流れか、「スト

過去の名作ゲームの企画書を見せてもらい開発秘話を聞くシリーズ「ゲームの企画書」。連載3回目となる今回は、「不思議のダンジョン」シリーズを手がけてきた、スパイク・チュンソフトの中村光一会長とディレクターである長畑成一郎氏に話を聞いた。 「1000回遊べるRPG」という衝撃的なキャッチフレーズで登場した『トルネコの大冒険 不思議のダンジョン』から、20年の時が経った。 (C)Spike Chunsoft Co., Ltd.ALL Rights Reserved.　パソコンゲームの名作『ローグ』のシステムを換骨奪胎し、親しみやすいキャラクターで『ドラクエ』ファンにアピールすることに成功した本シリーズは、現在も多くのファンを魅了し続けている。 そんな本シリーズのインタビューだが、スパイク・チュンソフトの中村光一会長にインタビューをお願いすると、「ぜひ本シリーズ開発者の長畑氏を同席させてほしい」との

先日のデブサミ2016でピクシブの川田さんによるモデレートでGolang（メルカリのbokkoさん） × node.js（古川会長） × Scala（わたくし）という謎の組み合わせでパネルディスカッションをさせていただきました。 event.shoeisha.jp ユーザ層や適用領域が異なる言語ということもあり、噛み合うのか若干不安があったのですが、いい感じにまとまったのではないかと思いますw パネルディスカッションのまとめ 総論としては ハードウェアのリソースを使い切るために並行処理がますます重要になっていく ただし、アプリケーションのレイヤではなるべくそれを意識させないことが重要 という当たり前といえば当たり前の話だったのではないかと思います。ECMAScript7のAsync/Awaitは記述は同期的だけどブロックはしないという意味で理想に近いかもしれません。 普通にWebアプリを書

ituore.com 2024 著作権. 不許複製 プライバシーポリシー