Downloads Get the desktop, mobile, and font installer apps
Figma: The Collaborative Interface Design Tool
Downloads Get the desktop, mobile, and font installer apps
What React gets wrong
React is the de-facto tool for frontend web development. It has a rich ecosystem and a well-known company to back it up. Despite all of this, I think they still get a ton of stuff wrong. This post is about my personal views and things I think React is already a too slow-moving giant to fix. The syntax React has such an awful API that they needed to create a whole new programming language syntax to
React Native for Windowsを斜め読みした感想 - ナカザンドットネット
jp.techcrunch.com はい、なんか出てきました。「react-native-windowsなら前からあったじゃん」と思ったのですが、どうやら大幅にリライトしたみたいなので、本家とどのくらい違うのか、簡単に流し読みしてみました。雑に読んだだけなので、たぶん勘違いを多分に含んでます。眉に唾をつけて読んでください。ちゃんと知りたい人はコード読んでください。 三行で 前提 今までのreact-native-windows 新しいreact-native-windows 感想 全面C++リライト フォルダ構成の変更 本家との挙動の違いについて まとめ 三行で VC++使った結果、言語をブリッジするレイヤーがひとつ減ったのは面白い フォルダ構成は大きく変わったけど、たぶん妥当 開発者が使うときのAPIだけ本家と共通なら、内部実装の方針は多少本家と違ってても大丈夫なはず（ほんとか？） 前提
Introduction · Webフロントエンド パフォーマンス改善ハンドブック
Webフロントエンド パフォーマンス改善ハンドブック このパフォーマンス改善ハンドブックでは、ウェブアプリケーションにおけるフロントエンドのパフォーマンス改善について扱っています。 ダウンロード版 埋め込み動画を再生できないなど一部制限がありますが、ダウンロード版を配布しています。 PDF版 EPUB版 MOBI版 目的 このハンドブックでは過去に行った改善の事例を中心に紹介しています。 そのため、現在の最適な解決方法を提案するものではありません。 また、アプリケーションによっても最適な解決方法は異なります。 今回の事例ではViewライブラリにReactを使い映像再生プレイヤーなどある程度複雑な機能を持ったウェブアプリケーションのフロントを扱います。 具体的にはニコニコ生放送（以下「生放送」）で行った事例を中心に書かれています。 開発と平行して行われていたため、React 15から16の間
What is REST: REST API Tutorial
REST is an acronym for REpresentational State Transfer and an architectural style for distributed hypermedia systems. Roy Fielding first presented it in 2000 in his famous dissertation. Since then it has become one of the most widely used approaches for building web-based APIs (Application Programming Interfaces) REST is not a protocol or a … REST is an acronym for REpresentational State Transfer
ワイヤーフレーム、モックアップ、プロトタイプの違いとは？ | POSTD
開発者と仕事をしていると、スケッチ、ワイヤーフレーム、モックアップ、プロトタイプといった用語をよく聞くかと思います。しかし、あなたはこうした用語の意味を本当に理解しているでしょうか？ ワイヤーフレームやプロトタイプは、それぞれどんなときに利用するのか、知っていますか？ まず、アプリの構築を始める前に、スケッチ、ワイヤーフレーム、モックアップあるいはプロトタイプからスタートするべきだという理由を見てみましょう。 構築したいものがどんなものか、ブレインストーミングをしたり考え出したりするため。こうした作業により、あなたの期待するものが明確になる。 開発者にかかる費用を節約し、構築に必要なものを明らかにすることができる。 こうした作業の結果は投資家や最初の顧客、共同設立者に提示する目的で使える。 顔を突き合わせることのない開発チーム とコミュニケーションを取るためには、これらの用語を正しく区別し
Web制作者のためのワイヤーフレーム講座「役割と考え方」編 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
オハヨウからオヤスミまで。ディレクターの鮫島です。 今回から全3回にわけて「ワイヤーフレーム」の考え方や書き方などをお届けいたします。 第1回となる今回は、ワイヤーフレームの役割や考え方など思想的な部分をお伝えします。 第2回はワイヤーフレームの作成前に準備するべきことなどをお伝えし、第3回は実際にどう書いたらいいか、などをお送りする予定です。 ワイヤーフレームの書き方や考え方は人それぞれ微妙に違うかとは思いますが、私の考え方が少しでも何かの参考になれば嬉しいです。 ワイヤーフレームとは 簡単に言えば「何を・どこに・どのように」が記載された「サイト設計図面」です。 つまり、制作するウェブサイトの要素や機能、情報を設計図面のように配置しておき、お客様や制作者と認識を合わせるためのものです。 例えば家を建てるとき、設計図面がないと大工さんはパニックになりますよね。きっと。大工さんみんなの認識が
Keycloak 開発入門 - Qiita
初版: 2018/8/1 著者: 茂木 昂士, 株式会社日立製作所 はじめに Keycloak(https://www.keycloak.org/)はオープンソースのアイデンティティ・アクセス管理ソフトウェアです。コミュニティベースで開発が行われているため誰でもKeycloakの開発に貢献することができますが、開発方法やコミュニティのルールが分からないとなかなか手を出せないと思います。そこで今回は、私が行ったパッチ開発(#5163)の内容を通して、得られた知見などを共有していきたいと思います。 なおこれらの情報は、KeycloakのリポジトリにあるREADME.mdやHackingOnKeycloak.md, HOW-TO-RUN.mdといった内容をもとにしています。 この記事はOSSセキュリティ技術の会 第三回勉強会 で発表した内容に加筆したものです。 目次 開発した内容 機能の提案、バ
オッス！オラ認証周りをまとめてみた - どんまいこのネタ帳
こんにちは。今日は趣向を変えて千代田区立図書館に来てみました。 www.library.chiyoda.tokyo.jp 図書館は普段あんまり行かないので、地元の図書館との違いに驚きでした。 都内の図書館って広いし綺麗ですね。 九段下から割と近い、置いている蔵書のジャンルが多し、席のジャンル多し、無線Wifiあり、電源あり、でかなり使いやすかったです。 静かで落ち着いた雰囲気で過ごしやすい気がしますが、無音なので独り言が多い人は気をつけてください。 さて、前回の記事について@okeee0315さんからこんなコメントを。 認証回りは大事、ADの前に認証と認可が必要かも / ADなにそれおいしくない(泣) - どんまいこのネタ帳 https://t.co/MEFI6o5qNA— okeee (@okeee0315) 2016年5月3日 ほほう。ADはまだ美味しくなかったので、教えに従い認証周り
Redux入門【ダイジェスト版】10分で理解するReduxの基礎 - Qiita
ReduxのGithubドキュメントを基に入門用記事として書いたものを、簡潔にまとめました。 もと記事はこちらです。 Redux入門 1日目 Reduxとは Redux入門 2日目 Reduxの基本・Actions Redux入門 3日目 Reduxの基本・Reducers Redux入門 4日目 Reduxの基本・Stores Redux入門 5日目 Reduxの基本・Data Flow Redux入門 6日目 ReduxとReactの連携 Reduxとは Reduxは、ReactJSが扱うUIのstate(状態)を管理をするためのフレームワークです。Reactではstateの管理するデータフローにFluxを提案していますが、ReduxはFluxの概念を拡張してより扱いやすく設計されています。 Reduxはstateを管理するためのライブラリーなので、React以外にもAngularJS
Google、2段階認証のための｢物理セキュリティキー｣を発表。今後、個人ユーザーにも発売へ
Google、2段階認証のための｢物理セキュリティキー｣を発表。今後、個人ユーザーにも発売へ2018.07.26 21:0038,927 湯木進悟 あえて物理。 このほどGoogle（グーグル）は、Cloud Next 2018のイベントにて｢Titan Security Key｣を発表しました。通常の2段階認証といえば自分のスマホにワンタイムコードが発行されますが、それをさらに安全に置き換える物理的なセキュリティキーです。 2種類のセキュリティキーを発表今回発表されたTitan Security Keyには、認証方式の違いによって2種類あります。セキュリティキーをPCのUSBポートへダイレクトに差し込むものか、モバイル製品などとBluetooth接続することによって認証を行なうもの。 セキュリティキーは、すでにYubicoやFeitianといったこの筋では有名なメーカーがおり、Googl
内部向けWebシステムでのALB認証による外部からの利用の検証 - サーバーワークスエンジニアブログ
こんにちは、技術4課の城です。 今回は既存Webシステムへの外部からのアクセスに対する認証として、ALBの認証機能を利用する検証をしてみました。 通常は社内ネットワークからDirectConnectやVPN回線経由で利用しているシステムに対して、インターネット経由の窓口としてのALBを追加するような用途を想定しています。 要件 要件としては下記となります。 既存社内Webシステムに対して、外部からアクセスさせる。 既存Webシステムの変更は行わない。 Webシステムにアクセスさせる前段で多要素認証を実施。（ログイン画面へのアタック防止） 概要 検証してみた結果、下記の構成は実現することが出来ました。 ホストベースのルーティングにて複数システムを1つのALBに紐づけ CognitoユーザープールでのSMSによる多要素認証 構成図は下図となります。 利用したサービス一覧 利用したサービスとおお
OAuth 2.0 の解説サイトを漁る前に - Qiita
Twitter、Facebook、Githubなどのアカウントを使用して別のサービスにサインアップできるの、超便利ですよね。 でも実装したいと思ってOAuthの概要図をGoogle画像検索してみても、どうも頭の中と登場する単語や図が一致しない、という人もきっといると思います。（いますよね？） 私のように今更ながらOAuthのことを理解しようとしている方のために、 様々なOAuth解説を読む前に抑えておくべきポイントを記載します。 OAuth 2.0 (以下, OAuth2)をしっかり理解されている方へ この記事では、細かい正確な仕組みを省いています。登場人物や世界観を大まかに把握するための記事ですので、細かいネタバレを含みません。 また、登場する単語は極力広く認識されている単語を使用しますが、間違いがあればご指摘ください。 というわけで、みなさまのお役に立てば幸いです。 OAuth2は「認
【JavaScript】３大フレームワーク Angular, React, Vue.jsを比べてみよう (2018年4月) - Rのつく財団入り口
JavaScriptフレームワークを比較してみよう (2018年4月) トレンドの移り変わりが激しいWebフロントエンド。2017-2018年現在、JSフレームワークで最も有力な3強がAngular/React/Vue.jsの３つと言われています。他に日本で比較的聞くのはRiot.js、Ember.js、Hyperappなどがありますね。 ちょいとFW選定の技術調査でいろいろ調べたりしたので、このエントリでは初学者なりに比較を整理してまとめてみたいと思います。 なお最後にも書いてありますが、実際に使ったりして得られた知見もあれば、入門レベルだと確かめようがないので本やネットの情報や意見の中で多いものの受け売り的になっているところもあります。フレームワークって結局どれがいいのという話は混乱したり場合によっては荒れがちですが、最終的には情報は各自の判断でご利用ください。フレームワークは開発をよ
FUJITSU GUI Next Plus : 富士通デザイン
About誰もが公平・安心・安全に FUJITSU GUI Next Plus（FGNP）は、文化・身体・性別・働き方の違いをカバーし、 より多くの方に使っていただけるソフトウェアを開発するためのGUI デザイン基盤です。 富士通はソフトウェア全体の品質を高めることで、社会全体におけるシステム・インフラの発展や安定性を高め、 誰もが公平・安心・安全にソフトウェアを使える豊かな社会の実現を目指しています。 ※GUI（Graphical User Interface）：パソコンやスマートフォンの操作画面を指します。 InfrastructureGUIデザイン基盤 富士通はソフトウェアの提供を通じて、ユーザー一人ひとりの業務効率を高め、 さらに、業務に対するモチベーションを高めることを目指しています。 そのためには多様なユーザーの利用シーンやユーザビリティ、アクセシビリティへの配慮、業種ごとの目
Webサイト制作におけるツールと技術選定について考える | GrowGroup
こんにちは。石原です。 最近、ダイエットに勤しんでいます。栄養が足りないと、脳みそも回転率が落ちるんですね。 そんな状況の中ですが、今日はじっくり考えて見たいと思います。 “Webサイト制作” におけるツール・技術選定についてHTML、CSSを学んでから、かれこれもう5年程でしょうか。 その間、HTML5.1が勧告されたり、Node.jsが広まったことにおける制作環境が変化したり、バージョン管理が浸透したり、jsのフレームワークが流行ったりしました。 デザインツールもFireworksがなくなり、SketchやAdobe XDが登場しましたね。 いろんなツールや技術が登場してくるたびに、「これからはこれ！」「そのやり方はもう古い！！」といった記事も合わせて登場する気がします。 しかし、本当にそれは正しいのでしょうか？ ツールを導入する、技術を選定するということは、それなりにリスクを伴います
比べてわかったSketchとAdobe XDの違い 最高のUIデザインツールはどっち？
UIデザインに特化したデザインツールとして人気のある「Sketch」。その強力なライバルとなる「Adobe XD」と主要な機能と使い勝手を比べてみると……。 Sketchは長い間、Photoshop（ときにはIllustrator）と比べられてきました。 Photoshopは主に写真の編集に使われてきたものの、同時にSketchと直接競合する唯一のツールであり続けたためです。アドビは、アートボードの追加、エクスポート手順の改善、スマートガイドの追加など、UIデザイナー向けにPhotoshopを改良してきました。 もちろん、新機能を搭載したことによりPhotoshopはさらに肥大化して、あかたもオーシャンライナーにアイススケートリンクを追加したかのようです。 Sketchが勢いを増す一方、新たなデザインアプリ（Affinity DesignerやFigmaなど）が登場し、アドビはUIデザイナ
Adobe XD CC体験版ダウンロード | UI/UXデザイン、プロトタイプ、共同作業ツール
Creative Cloud の Web サイトからアプリケーションをダウンロードできます。プロンプトが表示されたら、お客様の Adobe アカウントでログインして、「ダウンロード」または「インストール」をクリックします。詳細については、「Creative Cloud アプリケーションのダウンロード」を参照してください。 「インストールに失敗しました」エラーの解決策には、「エラー： Creative Cloud デスクトップアプリケーションのインストールに失敗しました」を参照してください。ダウンロード、インストール、アップデートに関する他の問題を解決するには、「ダウンロードおよびインストールに関する問題のトラブルシューティングガイド」を参照してください。
Angularは包括的なフレームワークだから企業に支持される。UIコンポーネントで知られるインフラジスティックス開発ツール担当VPに聞いた
Angularは包括的なフレームワークだから企業に支持される。UIコンポーネントで知られるインフラジスティックス開発ツール担当VPに聞いた Angularは大規模な組織でのWebアプリケーション開発で多く採用されている、そう話すのはインフラジスティックスのシニアバイスプレジデント、ジェイソン・ベレス（Jason Beres）氏。 同社は先月、デザイナーが作ったUIモックからAngularのコードを生成するツール「Indigo.Design」の国内提供を発表しました。 デザイナーが作ったUIモックから、デベロッパー向けにAngularのコードを生成。「Indigo.Design」日本語版をインフラジスティックスが提供開始 － Publickey 同社はなぜ、Indigo.Designで生成するコードをAngular対応にしたのか、そしてGoogleが開発するGo言語対応のフレームワーク「Fl
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Microsoft、「Web Template Studio」を早期プレビュー 〜「VS Code」でWebアプリの雛形を／“Microsoft Garage”のインターンで開発された「Windows Template Studio」の弟分
