「GraphQL」徹底入門 ─ RESTとの比較、API・フロント双方の実装から学ぶ｜ハイクラス転職・求人情報サイト AMBI（アンビ）
scalar型を新しく定義するためにはscalarキーワードを使います。例えば、Date型を新しく定義するには次のようにします。 scalar Date スキーマではこれだけですが、実際に使う際はGraphQL処理系に対してさらにシリアライズとデシリアライズを定義することになります。 GraphQL組み込みのscalar型は先にあげたものだけなので、例えばバイナリ、日付と時刻、HTML/XML、BigIntなどを必要に応じて追加することになるでしょう。ただしその場合、サーバーサイドとクライアントサイドでシリアライズ・デシリアライズの実装を一致させる必要があります。 Enum enum（イナム）はscalar型の一種で、特定の値のみを持つ型です。例えば、組み込みscalar型であるBooleanをenumで宣言すると次のようになるでしょう。 enum Boolean { true false
2020年話題の人気UIデザイントレンド8個まとめ 実例サンプル見本で紹介
この記事では、2020年にUIデザインで人気のトレンド8個を、サンプル実例を交えながら詳しく紹介しています。 世界中のデザイナー達が参加するデザインコミュニティDribbbleでは、実際のプロジェクトの他に、クリエイティブで実験的な新しいアプローチやスタイルをつかったデザインも多数投稿されています。 では、2020年にかけて話題となっている人気デザイントレンドをみてみましょう。 コンテンツ目次 1. ニューモーフィズム 2. 3Dヒーローイラストレーション 3. モノクロパレット 4. 書体、フォントの多様性 5. 複数レイヤーのスクロールアニメーション 6. モバイルUI向けイラスト 7. インタラクティブなページ 8. 不規則なグリッドレイアウト 1. ニューモーフィズム ニューモーフィズム（英: Neumorphism）、またはソフトUI（英: Soft UI）とも呼ばれているこのト
Web制作が面白いほどはかどる！便利な最新オンラインツール54個まとめ
この記事では、ますます進化するウェブ制作の現場で重宝する、便利な最新オンラインツールをまとめてご紹介します。 「こんなツールが欲しかった」をかたちにした、制作ワークフローを改善できる時短ツールが多数揃っています。カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 前回のオンラインツールまとめと一緒に確認しておくと良いでしょう。 Web制作の常識が変わる、便利な最新オンラインツール48個まとめ コンテンツ目次 1. Web制作便利ツール 2. デザインコレクション 3. イラスト系ライブラリ 4. 配色ツール 5. プロトタイプツール 6. アイコンツール 7. コラボ、リモートワークツール 8. 面白、クリエイティブツール Web制作が面白いほどはかどる！便利な最新オンラインツールまとめ Web制作便利ツール Squircley デザイン制作で使える美しいSV
Webアプリケーションのログに関するいくつかの考察 - Hatena Developer Blog
こんにちは、はてなでWebアプリケーションエンジニアをやっている id:polamjag です。 最近のはてなでは、若手エンジニアを中心として、いろいろな技術を見つめ直すワーキンググループをやっています。先日、id:onk も「デプロイ今昔」という記事を書きましたが、このエントリーはそのシリーズの続きで、ワーキンググループの「ログ」の回で議論したこと・話題になったことをまとめました。 Web開発におけるログを見つめ直す ログを4つの目的で分類する 目的ごとに求められる取り扱いの要求水準 いまどきのログフォーマットについて まとめ：どう実装するかを模索していく Web開発におけるログを見つめ直す Webサービス（Webアプリケーション）の運用には、多種多様なログがついてまわります。多くのミドルウェアは何もしなくてもそれなりの量のログを出力しますし、クラウド上のマネージドサービスも然りです。行
5歳娘「パパ、変なAPIを作らないで？」 - Qiita
とある休日 娘（5歳）「パパ、一緒に技術ブログを始めない？」 娘「昔から私とパパがローカルに書き溜めてる技術記事が、かなり溜まってきたでしょ？」 娘「それをブログとして公開してみようよ」 ワイ「おお、それは楽しそうやな」 ワイ「どこのブログサービスを使おうかいな」 娘「せっかくなら、ブログシステムから自分たちで作ってみようよ」 娘「私はフロントエンドを担当するから」 娘「パパはRuby on Railsか何かで、APIを作ってよ」 ワイ「おお、Ruby on Railsなら昔やったことあるわ」 ワイ「RailsのAPIモードで、ブログ記事を返すエンドポイントを作ればええんやな」 娘「そうそう」 次の日 ワイ「API、できたで！」 ワイ「/api/articlesっていうエンドポイントにアクセスしてくれたら」 ワイ「ブログ記事が取得できるようにしておいたわ」 娘「さすがパパ」 娘「そういえば
Web制作の常識が変わる、便利な最新オンラインツール48個まとめ
この記事では、Webデザインやグラフィックデザインの制作スピードを短縮し、生産性をアップする、便利な最新オンラインツールをまとめてご紹介します。 「もっと早く知りたかった」と思わせる、面倒な作業をサクサクこなす時短ツールが勢揃いです。カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. デザインコレクション 3. イラスト系ライブラリ 4. 配色ツール 5. プロトタイプツール 6. コラボ、リモートワークツール 7. 面白、クリエイティブツール Web制作の常識が変わる、便利な最新オンラインツールまとめ Web制作便利ツール The Hero Generator ウェブサイトの魅力的なヒーローイメージを作成できるオンラインツール。グラデーションオーバーレイやボタンスタイル、見出しタイトルの余白など細かい部分も手
［37選］機械学習ライブラリやフレームワークは？ 国内AI活用サービスのアーキテクチャを大調査！
［37選］機械学習ライブラリやフレームワークは？ 国内AI活用サービスのアーキテクチャを大調査！ Webのアーキテクチャ大調査の第二弾は「AI活用サービス」編。プログラミング言語や機械学習のライブラリをはじめ、フレームワークやツールの選定・設計もサービスによって異なります。ぜひ参考にしてください。 2017年4月に掲載したアーキテクチャ大調査の第二弾！ 今回は、人工知能（機械学習、深層学習、画像処理など）を活用したWebサービス・アプリを提供しているベンチャーを中心に、36のサービスで使用されているプログラム言語やフレームワーク、その他さまざまな開発ツールなどをヒアリングのうえまとめました。選定理由を記述いただいた12のサービスでは、それもあわせて紹介しています。 前回との違いは、当然ですがTensorFlowやKerasといった機械学習のライブラリが挙げられていること。また、技術領域もH
2020年版 チーム内勉強会資料その1 : JSON Web Token - r-weblife
おはようございます。ritou です。 5月下旬ぐらいにチーム内勉強会としてJSON Web Token(JWT)についてわいわいやりました。 その際に作成した資料に簡単な説明を添えつつ紹介します。 このブログではJWTについて色々と記事を書いてきましたが、その範囲を超えるものではありません。 ちょっとだけ長いですが、ちょっとだけです。お付き合いください。それでは始めましょう。 JSON Web Token boot camp 2020 今回の勉強会では、JWTについて概要、仕様紹介という基本的なところから、業務で使っていくにあたって気をつけるべき点といったあたりまでカバーできると良いなと思っています。 JSON Web Token 概要 まずは概要から紹介していきます。 JSON Web Tokenの定義とはということで、RFC7519のAbstractの文章を引用します。 JSON W
本当に倒すべきだったのは jQuery ではなくテンプレートエンジンだった - fsubal
そうはっきり言ったほうが良かった。いや言わなくても伝わる現場は良かったんだけど、伝わらないままごく一部だけをコンポーネントに移行、それ以外はただ生 DOM API に変えて終わり（あるいは他は jQuery のまま）みたいな「モダン化」で済ます余地を与えたのは発信の失敗だった……という10年代の振り返り。 テンプレートエンジンはなぜ倒された方が（…といって悪ければ、変わったほうが）良いのかは端的に指摘できて、それは初回レンダリングしか考慮してないからだということになる。 Web の UI には状態変化がつきもの（になったのは実は最近の話）だが、テンプレートエンジンは1回目のレンダリングだけを担当し、変化した後の2回目以降の見え方は JavaScript が担当するというパラダイムを構成する。
2020年6月：デザインの参考にしたいWebサイト10選 | Web Design Trends
2020年6月に見つけた「デザインの参考にしたい魅力的なWebサイト」をまとめました。 優れたデザインのWebサイトからインスピレーションを得て、自身のデザイン制作に役立ててみてください。 100 DAYS OF POETRY 100作の「詩」が並べられたギャラリーサイト。 作品自体もとても魅力的ですが、それを引き立たせているサイトデザインも美しく、まさにアートを感じるWebサイトです。アニメーションもとてもなめらかで、作品の世界に入り込んでしまいます。 Poolside FM まるでブラウザの中でPCが起動されているような、面白いアイデアで作られた音楽を視聴することができるWebサイト。少し前の年代の、どこか懐かしさを感じるデザインが魅力的です。 ところでiOSのSafariって閉じても音楽を再生することができるんですね。初めて知りました。ページを開くと音楽が再生されるので、音量にはご注
Google に入社して 10 年が経った
Developer Advocate という技術啓蒙の担当者として Google に入社して今日でちょうど 10 年が経った。技術以外のことについてはめったにブログを書くことはないのだけど、良い節目なのでこの機会に記録を残しておきたい。 Google 入社のきっかけ # 「インターネットにアイデンティティのレイヤーを作り、インターネット全体をオープンなソーシャルネットワークの基盤にしたい」これが僕が前職で持っていた野望だった。その一歩として、その会社で運営していたポータルサイト全体をソーシャルプラットフォーム化するというアイディアが採用され進める中で、OpenSocial という Google が中心として進めていた技術に取り組んでいた。日本語の情報が少ない分野だったためブログを書いたり、コミュニティ運営や技術講演をしていたら、当時 (今もだけど) 仲良くしてもらっていた田中洋一郎さんに
Electron & React & Redux & TypeScript アプリ作成ワークショップ 1日目 - Qiita
1日目（この記事） 2日目 3日目 4日目 5日目 6日目 7日目 8日目 9日目 概要 本書は、 Electron を利用したマルチプラットフォーム・デスクトップアプリケーションを、 React-Redux で作成するワークショップです。 言語には、 JavaScript ではなく、 TypeScript を利用します。 これらの技術を組み合わせることで、中～大規模開発においても非常に効率よく設計・実装ができるようになります。 1日目では、それぞれの技術の概要の説明と、npm / yarn を使ったライブラリの導入まで行います。 対象者 Web開発の経験があり、ある程度 JavaScript は知っている人。 Electron を試してみたい人。 前提条件 Node.js がコンピューターにインストールされていることが必要です。 執筆時点の Node.js のバージョンの最新版は、 12
Web Vitals の概要: サイトの健全性を示す重要指標
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
片手間で教える文章講座5 バズるWeb記事を書く技術｜安田峰俊
私は紙媒体での執筆が多い。書籍は10冊以上書いたし、主要週刊誌は女性誌を除いてほぼ全紙で執筆経験がある。月刊誌も『文藝春秋』だの『中央公論』だのの大手どころはたいがい書いた。 だが、私はもともとブロガー出身なので、実はWebの記事を書くほうが得意だ。売れる書籍を書く方法はいまだによくわかっていない気がするが、読まれるWeb記事を書くことは自分のなかに一定の方法論がある。 普段、寄稿が多い複数のネットニュース媒体は、記事のpv数が多いと多少のインセンティヴが出る。私はだいたい満額をいただいている。寄稿先が大手サイトであれば、「はてなブックマーク」が200〜300usersほど集まる記事（ほかにいくつか指標はある）なら5割くらいまでは狙って書ける。 というわけで今回は、バズるWeb記事を書く技術を考察してみよう。わりとゲスい話もするので、そういうのが嫌いな人は今回は飛ばしていただきたい。 ネッ
CSSで作る！押したくなるボタンデザイン100（Web用）
.btn-square { display: inline-block; padding: 0.5em 1em; text-decoration: none; background: #668ad8;/*ボタン色*/ color: #FFF; border-bottom: solid 4px #627295; border-radius: 3px; } .btn-square:active { /*ボタンを押したとき*/ -webkit-transform: translateY(4px); transform: translateY(4px);/*下に動く*/ border-bottom: none;/*線を消す*/ }
ワイヤーフレームツールを使って、Web制作を快適に！無料で使えるワイヤーフレームツール14選｜Webマーケティング・SEO相談はデジ研
Webサイトやアプリを作る際に無くてはならない「ワイヤーフレーム」。ディレクターが作成するデザインの設計図で、制作をスムーズに進めるために必要な要素です。 ワイヤーフレームの作り方に決まりはありませんが、専用のツールを使うことで「スムーズ」かつ「分かりやすく」作成することができます。 そこで今回は、基本的な考え方から、ワイヤーフレーム作成のおすすめのツールまで、ワイヤーフレームに関する知識をご紹介いたします。 ワイヤーフレームとは ワイヤーフレームを簡単に説明すると、「どこに、なにを、どのように配置するか」が書かれた「Webサイトやアプリの設計図」のことです。家を建てる時に作る、間取りや設計図をイメージするとわかりやすいかもしれません。 ワイヤーフレームはなぜ必要? ワイヤーフレームは、Webサイトを作成する上で「Webサイトに関わる人全員で完成イメージを共有し、作業内容を確認する」ことが
アプリ開発の設計にオススメな高機能設計ツール「JUSTINMIND」 | 技術屋のメモ | WEB/アプリ開発技術メモ
アプリ開発の設計にオススメな高機能設計ツール「JUSTINMIND」 by ateliee · 公開済み 2014年8月8日 · 更新済み 2017年7月1日 みなさんこんにちわ！ 今人気のプログラム言語といえば、JavaやC言語につづいてObjective-Cなどがあります。 なんといっても今はアプリ全盛期です。 一説では海外のプログラマはObjective-Cが使えるだけで給料が倍になるとか・・・・ そんなアプリ開発の際に重要になってくるのが設計フェーズです。 しかし、設計というのはとても面倒なものです。 そんなあなたにオススメなのが、超高機能な設計ツール「JUSTINMIND」をお勧め致します！ http://www.justinmind.com/ JUSTINMINDってなにができるの？ WEBサイトはもとより、iPhone,Android,iPadなどのモバイル端末、さらにはGo
WEBアプリケーションフレームワーク「Django」でブログを作成して開発の流れを知ろう！Ver. 1.1｜中西瑛太｜note
WEBアプリケーションフレームワーク「Django」でブログを作成して開発の流れを知ろう！Ver. 1.1 DjangoでのWEB開発の流れが一通り分かるようになっています。技術チュートリアルとしてご活用ください。 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝−＝＝ Ver. 1.1 アップデート内容・サポート体制の強化 ・CSSの導入方法 ・Adminサイトのセキュリティ対策 ・細かな修正 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 近年、人工知能が注目されていますよね。人工知能のWEBアプリを作りたい人や「なにから勉強し始めればいいのかわからない。」という人はたくさんいると思います。 そんな時は、人工知能開発と相性の良いPythonがベースのフレームワークである「Django」を使いましょう！今回は入りとして、簡単なブログを作成していく予定で
GWちょー暇という非リア充にオススメする7つの名スライド - Dance with Tech
ゴールデンウィーク暇過ぎる！ という非リア充な方のために、 僕が今まで読んで感動したスライドをまとめました。 本を読むのはちょっと、、 という方にはちょうど良いボリュームだと思います。 グロースハック系 クックパッドのグロースハックについて クックパッドのグロースハック事例についてです。 30ページくらいから本題です。 君にグロースハックはいらない マイクロソフトでエバンジェリストをしている馬田さんのスライドです。 始めのうちはスケールさせようとするより、 PMF（プロダクト・マーケット・フィット）が大事だよと言っています。 技術者向け エンジニアのための経営学 あくまでも、技術（プログラミング） は手段だと言う話です。 技術好きな人ほど読んだ方が良いかも。 UIの話は会議室でするな 17ページに出てくる「関係なさそうな人にも聞こえるくらいの声量で話す」、 これは結構重要だと思う派でし
「Chrome」 と 「Internet Explorer」--戦略の違いとその効果
GoogleとMicrosoftはどちらも、無料でブラウザを売り込んでいる。その理由はなんだろうか。それは、プラットフォームの利用を後押しする、本物のROI（投資回収率）が得られるからだ。 StatCounterによれば、Googleの「Chrome」はMicrosoftの「Internet Explorer」を抜いて、もっともよく使われているブラウザになったようだ。このブラウザ戦争に関する大きな疑問は、トップになることに、プラットフォームとしてどんな利点があるのかということだ。 StatCounterの統計は、同社のネットワーク内で閲覧された150億ページビュー分の標本に基づくものだ。StatCounterのブラウザ使用状況データは注目に値するものだが、わたしはこの統計を受け入れる前に、Chromeの勝利を示す他の指標が出てくるのを待ちたいと思っている。 しかし、このStatCounte
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
