GraphQLの学び方 – HiDEMi ATARASHi
2016年末からGraphQL周りに手を出してみて、とりあえず簡単なWebアプリケーションを作るところまでやったので、GraphQLの学習に役立ったブログやWebページなどを自分が実際に閲覧した順序も含めてメモがてらまとめておきます。 現状、GraphQLに関する日本語のリソースがほとんど存在しないので、これからGraphQLを勉強し始めようかなと思っている人に対しても少しは役に立つとよいかなーという感じです。 ※注意：クライアントサイドでGraphQLを使ってみる話なので、GraphQLサーバーの実装に関する話はしません。 一応、自分が閲覧、学習した順に書きます。 1. 公式のドキュメント読む やはり公式ドキュメントが綺麗にまとまっていて良いです。英語を読むのは正直辛いですが、我々にはGoogle翻訳という強い味方が付いています。多少おかしな翻訳をするところはありますが、概要を理解するに
おうちハック未経験者が自宅にPhilips HueとMESHを導入した話 – Other things – Medium
Never miss a story from Other things , when you sign up for Medium. Learn more
Houdini、それはCSSの進化を促すプロジェクト - The future starts today
この記事は CSS Advent Calendar 2016 の5日目の記事です。 W3C Houdini Task Forceで進められている「Houdini」と呼ばれるプロジェクトの話をします。 FlexBoxの例 突然ですが、FlexBoxの話をします。 モジュールの横並びには重宝しますよね。 今年になってだいぶ利用が進んだ印象がありますが、随分と前からFlexBoxの仕様は存在していました。 一番最初の草案に遡ってみると、なんと2009年。 7年前です。 2013年くらいからFlexBox良いぞという記事はちらほら出始め、おそらく皆認識はしていました。 が、ブラウザの対応状況などを考慮し実装できずにいたと思います。 仕様定義の議論から実際にここまで普及するまで7年間もかかっているわけです。 流れを整理してみると、以下のようになります。 提案、議論、仕様書作成あたりに時間がかかるのは
React.jsの知っておいて損はないTips - Qiita
React.jsでの開発を始めてから微妙にハマったポイント、また「これを早めに知っておけばもっとコードを簡潔に書けたのに・・！」という点がいくつかあったので、それらのTipsを共有します。 renderで返すComponentは単一の親でなければならない まずは入門編。Reactを始めた人は一度はエラーになったことがあるかも。 renderメソッドで返すのは単一の親のComponentであり、複数の親のComponentを返すことは出来ません。 必ず一つの親になるようにWrapしてあげましょう。 // エラーになる render(){ return( <div>aaa</div> <div>bbb</div> ); } // 正常 render(){ return( <div> <div>aaa</div> <div>bbb</div> </div> ); } renderで空を返す 子コ
朝・昼・晩、予算5,000円で丸1日満喫できる！ 大好きな杜の都「仙台」の美味しいもの | マネ会 by Ameba
前回の「鎌倉」の美味しいものに続いて、今回は「仙台」の美味しいものを紹介する。 仙台は大学を卒業した後に新卒で入った会社で最初に配属された街。わからないことばかりで慣れない仕事を頑張れた理由は「コンパクトでちょうど良い大きさの街が過ごしやすかったこと」「周りの人が皆あたたかく親切だったこと」、それから「食べ物が美味しかったこと」が大きかった気がする。 毎日「ランチは何にしよう」「夜はどこで飲もう」と考えるのが楽しみで、そのおかげで仕事を頑張れたようにも思う。「牛たん」のようにいわゆる皆が知っている名物もいいけれど、今回は朝～夜の食事の予算5,000円で楽しめる仙台の美味しいものを紹介したい。自分の好きな仙台の魅力を伝えることができればいいな、と思う。
錦市場からすぐの和スイーツと創作料理が食べれる京町屋カフェ、オモカフェ - 京都はんなりブログ
京都で有名なカフェ、セカンドハウスと同じ系列店で和スイーツと創作ご飯が食べれるomo cafeをご存知でしょうか？？ カフェごはんにとどまらない、手間隙かけて作った料理がお手頃価格でいただけます！ 夜はお酒も楽しめるそうですが、今回はランチに行ってきたのでご紹介します！ r.gnavi.co.jp さっそく行ってみた！ まずお店がどこにあるかというと、錦市場から麩屋町通り入ってすぐの場所にあります！ 旅行者にもわかりやすい立地かと思います！ 京町屋を改築した建物で、とっても京都らしさを感じられる雰囲気です！ お昼時に行くと、人気店のため行列ができています。 今回は少し時間帯をずらして行ったのですが、数組待ちでした。 少し辛いところは、京町屋ということもあるのか待つところが数人分しか入れないくらい狭いんです。 カンカン照りの外で並ばないといけなくなり、中は中でクーラー等もないので、お昼がまだ
Web初心者だった私がWEBデザイナーになって1年半で勉強したこと・使用しているツールまとめ
プロフィールに記しておりますとおり、私は現在デザイン会社にて働いております。 昨年の3月、5年ほどやっていた「DTP・グラフィックのデザイン・レイアウト業務」から「Web担当」に相なり、日々勉強しながら仕事に臨んでおると言う状況です。 そのちょっと前までHTMLは妖精が書いていると思っていた私にとって、あまりに勝手の違う作業内容。最初は途方に暮れておりましたが、Twitter等で知り合うことのできた先輩Webデザイナーさん達のおかげもあり、現在では自分でWordPressのテーマを作成できるまでに成長することができました。頭を叩くと「ｾﾏﾝﾃｨｯｸ!」と音が鳴るまでになりました。 そんなわけでここいらで一度、自分がDTP→WEB担当になるにあたって勉強したこととか使っているツールとかをデロッとまとめておきたいと思います。 まずは業務をする上で必要不可欠になった言語や、作業効率を上げるために
Ustream.tv: ユーザー nodejsjp: @Constellation ES6で変わるNode.jsプログラミング, Recorded on 10/26/13. Web
@Constellation ES6で変わるNode.jsプログラミング 2013/10/26 15:34 On nodefest2013a チャンネル登録 登録中 登録を解除 6 人登録中 番組の報告 この番組を通報する理由を選んでください。ご報告いただいた内容は48時間以内に確認させていただきます。 お客様が著作権者、またはその代理人としての権限を与えられているか、著作権に基づく独占権により行動する権限を与えられている場合は、著作権ポリシーから申告をご提出ください。
キレイで視認性の高いクリエイティブなフリーフォント集「Free Clean and Crisp Fonts」
世界にはさまざまな種類のフリーフォントがリリースされており、特徴的なフォント、実用性の高いフォントなど特徴がありますが、今回紹介するのはキレイで視認性の高いクリエイティブなフリーフォント集「Free Clean and Crisp Fonts」 Corduroy Slab | Free on Behance 線の太いものや細いもの、角のあるものや丸みのあるものなどフォントがまとめられています。その中から今回はいくつか気になったものを紹介いたします。 Norwester – A Font by Jamie Wilson 線の太い丸みのあるフォント。見出しなどの目立たせたい要素に最適です。 Born Free Typeface | A mediterranean typeface | Carlos de Toro | Diseño gráfico y tipografía | Barcelon
TechCrunch | Startup and Technology News
Live Nation says its Ticketmaster subsidiary was hacked. A hacker claims to be selling 560 million customer records. An autonomous pod. A solid-state battery-powered sports car. An electric pickup truck. A convertible grand tourer EV with up to 600 miles of range. A “fully connected mobility device” for young urban innovators to be built by Foxconn and priced under $30,000. The next Popemobile. Ov
Jenkinsをインストールして使ってみよう［Mac／Linux／Windows］
継続的インテグレーションツール「Jenkins」の使い方を基礎から解説する連載がスタート。初回は、Jenkinsの概要とインストール手順、簡単なジョブの登録方法を説明する。 連載 INDEX 次回 → Jenkinsとは何か？ 「Jenkins」というツールをご存じだろうか？ 情報に敏感な読者であれば「継続的インテグレーション（CI）」という言葉とともにネット上で一度や二度は見たことがあるかもしれない。しかしながら「継続的インテグレーション」という言葉の難解さや「Javaで作成されている」という点で、敷居が高く感じられ、導入を見送っているプログラマーの方もいるのではないだろうか。 そんな方々にとって、本連載がJenkinsを使うきっかけになれば幸いだ。本連載では、Jenkinsの使い方を基礎から説明する。その説明用のプログラミング環境としてはRubyを採用しているが、他の環境の方にも参考と
「MVCの勘違い」について、もう一度考えてみる - 圧倒亭グランパのブログ
お久しぶりです。@at_grandpa です。 今回、Model View Controller について再考する機会があったので、自分なりに整理してみました。 勘違い MVCの勘違いに関しては、以下のSlideShareが有名かと思います。 やはりお前らのMVCは間違っている @mugeso これにはドキッとしたことを覚えています。 このスライドで「間違っている！」と指摘されている形式を、そういうものだと理解していたからです。 上記で指摘されている勘違い形式を、自分なりにわかりやすく噛み砕き、図にしてみました。 Userからの入力をControllerが受け取る Controllerはデータ置き場であるModelからデータを取得する 取得したデータをControllerが加工する 加工したデータをViewに転送する Viewは、受け取ったデータを視覚表現しディスプレイに表示する 自分の中
SQLアンチパターン - ナイーブツリー
社内勉強会資料 追記: 2013-10-31 ついったで指摘( https://twitter.com/akuraru/status/395822183777202176 )を受けたので入れ子集合のノード追加の説明の所を修正しました。
gitの勉強会「はじめようgit」を行いました | TECHSCORE BLOG | TECHSCORE BLOG
スライドを作成するにあたって、色々なサイトを閲覧しましたので、まとめてみました。 基本的なこと Git - Book まずはこれを読んどいた方が良いと思います DVCSとGitの基礎 サルでもわかるGit入門 〜バージョン管理を使いこなそう〜 | どこでもプロジェクト管理バックログ わかりやすいです git - 簡単ガイド 天下一gitconfig大会 参考になるけど、ちょっと古い。 こわくない Git ブランチのこと良くわかる。必読。 コミットメッセージの書き方 - ククログ(2012-02-21) コマンドの使い方とか gitとsubversionのコマンド対応表 « cyclogy 一覧で見やすい Git - SVN Crash Course(in Japanese) SVNとのコマンド比較が充実している Subversion ユーザーが Git を使ってみた (基本操作編) - ま
MacでWebサイトデザイン・コーディングするための、黒い画面と仲良くなりながらの環境構築手順メモ | Gatespace's Blog
タイトル長いですが。 これまでGUIアプリで操作してきたことをコマンドラインで操作出来るようにするMacでのセットアップメモ。 いつも忘れるので、現時点での覚え書きです。 自分の手順だけをざっくり書くので、わからなかったりエラーが出たらその内容で検索して調べてください。 2018.11.7 update やることリスト Xcode（iPhoneやiPadのエミュレーターなど） Homebrew（パッケージ管理ツール） Node.js、Grunt、gulp.js Sass + Compass（cssプリプロセッサ） Jekyll + bundler（スタティックウェブサイト） Git（バージョン管理） wp-cli （WordPressをコマンドラインから操作） Virtualbox、Vagrant（仮想マシン・サーバー） bash-completion（ssh実行時のホスト名の補完など）
フロントエンド開発者向けのAlfred Workflow - アインシュタインの電話番号
1ヶ月前に、Web開発者にオススメなAlfred用のWorkflowをまとめたGitHubリポジトリが2,000 starsを超える人気を博していて、その中に自作のFont Awesome Workflowも選ばれていて、それをきっかけに開発者向けのWorkflowが盛り上がっていることを知った。[^1] [^1]: このリポジトリは更新が遅く、各Workflow作者の最新バージョンを反映していない問題があったため、Font Awesome Workflowではこちらから削除依頼を出してリストから消してもらいました。そのため現在は掲載されていません。 つい最近だと、Googleのエンジニアで著名なAddy Osmaniがプレゼンで紹介していたり、フロントエンド向け情報サイトとして有名なSmashing Magazineが特集記事にしていた。 Automating Front-end Wor
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GraphQLの始め方：クライアントサイド編 – HiDEMi ATARASHi – Medium
ドメイン駆動設計（DDD）導入判定チェックシート
Toggl
新着記事
