React Native とは ? 一発目なので簡単な紹介から。 React.js と同様、仮想 DOM で UI を記述できるモバイルアプリ作成用の JavaScript フレームワーク。特徴としては次のようなものがある。 EcmaScript 2015 宣言的 コンポーネント指向 CSS ライクなスタイル指定 flow による型チェックサポート 公式で取り上げられている使用例は次にまとめられている。 思想は次のページで説明されている。これは去年の記事。 重要だと思う点をとりあげる。 keep development velocity: 開発速度を落とさない One of the most painful things about our transition to mobile, though, is how much it's slowed down our development

ユーザーに日付や時刻を入力してもらう際に手助けするデートピッカー・タイムピッカーを実装できるスクリプトのまとめです。 日付であればカレンダーを、時刻であれば時計を表示させるといったように選択しやすい感じの見栄えにしてくれるものもあれば、シンプルな見た目で入力・選択させるといったものもあり、使いたいデザインのテイストに合わせて選べると思います。 以前だとjQueryを使っている環境でデートピッカーといえば「jQuery UI Datepicker」が定番という印象で、オプションが豊富なのでいろいろな機能・見せ方を実装できますし、ちょっとしたカスタマイズ情報なども検索でたくさん出てくることもあって使ったことあるという人も多いと思います。 ただ、今では同じjQueryプラグインでももっと軽量なものだったり、そもそもjQueryなどは使わず単体で動いて且つオプションが豊富でカスタマイズもしやすいス

GMOサイバーセキュリティ byイエラエ（旧オハコ）は、サービスデザインやUX/UIデザインを中心に、企画、設計、デザイン、開発、運用、グロースとワンストップでお客様のパートナーとして伴走いたします。また、デザインだけでなく、ビジネスとテクノロジーのプロフェッショナルによるチームがお客様とワンチームとなり、事業成果にコミットいたします。

いま何時…？　今回紹介するのは、超クールな10個のjQuery時刻入力プラグインです。 日付やカレンダー入力のためのプラグインは巷にあふれていますが、時刻入力のプラグインはそう多くありません。さっそく見ていきましょう！ （追記：2016年3月24日時点で、古くて機能しない、または廃止予定のプラグインをリストから除外しました。現在のトレンドや水準に合わせてリストを更新し、いくつか新しいものも追加してあります） 1. jquery.timepicker シンプルなデザインをお探しなら、Googleカレンダーからインスピレーションを受けた「jquery.timepicker」がおすすめです。しっかりとしたライブラリーで、簡単に時刻入力できるようにデザインされています。 Homepage/Demo | GitHub 2. Wickedpicker Wickedpickerは数あるテーマの中でも、見

UX Movementにおいて記者、編集長を務めます。明快で効果的なデザインに美点を見出し、利用者のために払う労力を惜しみません。 カレンダーなどでイベントやミーティングの予定を入れるとき、フォームに時間の入力をする作業が発生します。 しかし時間を選択するのは簡単な作業ではありません。ユーザーはセレクトメニューにある長いリストをスクロールしなくてはいけません。ある調査では、ユーザーがよくセレクトメニューで諦めることを証明しています（→ 当サイトのWebフォームの離脱を防ぐためには？も参照ください）。 今こそ時間を選択する際、セレクトメニューを取り外し、クロックウィジェットを使用する時が来たのです。 クロックウィジェットとは？ カレンダーウィジェットは既に日付を選択する方法として定着しています。ユーザーはカレンダーの動きに慣れているので、とても直感的です。クロックウィジェットも同様の効果をも

「SHA1ハッシュってあるだろう？」 放課後、いつものように情報処理室に行くと、高山先輩が嬉しそうな顔でそう言った。 「ええ、SHA1、ありますね」 「SHA1って何桁か覚えているかい？」 「えっと…」 一年下の後輩、岡村が口を開いた。 「50桁くらいはありましたっけ…？」 先輩はパソコンに向かって何かを打ちはじめた。 現在、情報部の部員は三人しかいない。部長の高山先輩と、二年の自分と、後輩の岡村だ。いや、正確に言うと、先輩の学年にはもう少しいたのだが、もうほとんど部室に来ることはなくなってしまった。無理もない、この季節になると先輩たちは受験勉強で忙しくなる。 「例えば、こういうふうに… 適当なSHA1の長さを…」 echo -n | openssl sha1 | awk '{print length}' 部長だけは今も部活に来てこうやって色々なことを教えてくれている。本人曰く、普通に勉強

ブックマークしました ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください Twitterで共有

前提 HTML5のvideoタグで動画を閲覧できるようにした上で、閲覧したユーザーがローカルへ動画をダウンロードすることを難しくしたい。 HLSやRTMPといったストリーミングプロトコルを使わずに、sourceタグにmp4動画のURLを指定する形を想定。 ある程度の知識と動機のあるユーザーでなければダウンロードしないよね、ぐらいのレベルでOK。 サーバーはrailsで構築されている。 http://ja.stackoverflow.com/questions/30927 で質問しているので、良い方法があればぜひ教えてください。 今のところ、以下のような方法を考えついた。 JavaScriptで動的にsourceタグを設定し、JavaScriptが無効化された状態での動画閲覧を制限する。その上で、JavaScriptでコンテクストメニューを無効化する。（コンテクストメニューにダウンロードオプ

人間とコンピュータとのやり取りにおいて、アイコンはテキストにはない長所がいくつかあります。 シンプルで分かりやすくフレンドリー。長い文章と置き換えることができる。 画面の中で場所を取らず、特に小さいスクリーンほど使い勝手がよい。 視覚的に楽しみがあり、デザインの芸術性を高めることができる。 一番重要なポイントとして、ほとんどのアプリがアイコンを用いており、ユーザーにとって親近感のあるデザインパターンである。 これらの潜在的な長所がある一方で、アイコンはその潜在的な短所を考慮せずにデザインされると、ユーサビリティ面での問題を引き起こします。 この記事では、UIの点からアイコンに関連した多くの問題を要約して解説し、これらの問題に対する対処法を述べていきたいと思います。 １．アイコンは意味を伝えるもの 理解しにくいアイコンが、伝えるべき機能を分かりにくくしてしまうことがあります。アイコンは意味を

この記事は Supership株式会社 Advent Calendar 2016 - Qiita の1日目の記事になります。遅くなりました。 Supership CTO室室長 @yamaz です。 ビビりなエンジニアが大企業を辞めて起業した話を書きます。 スケールアウトを立ち上げる前、私はヤフージャパンに務めていた。 当時私は結構な給与をもらっており、かつそこそこの立場におり、かつ仕事も面白く、普通なら辞めないような立場だった。 だけど思うところがあり、会社を辞めその後会社を作ることになった。今回はそのあたりの話をしようと思う。今から10年ほど前の話だ。 きっかけ きっかけは上司からの命令だった。 「Adsense作って。2人で」 なんとなくそれっぽいものを作ったものの、エンジニアとしての自分に疑問を持つ結果となった。 AdSenseのすばらしさとのギャップ AdSenseはすごいプロダク

PHP は各種プログラム言語の中でも比較的高級な (表現力が豊かで最適な記述を選ぶのに知識を必要とする) 例外モデルを持っていると言えます。そんな PHP の例外の各区分とその使い分けを整理し、PHP の例外モデルの設計意図を考察したいと思います。 PHP例外の分類 PHP の例外は Java とは異なり、(Error を合わせると) 合計 4 つの区分に分類されます。Java には 2 区分しかありません。(PHP では Java の Error に相当するものは発生しません。PHP の Error は Java では RuntimeException の一種に分類されています) PHP Java

最近のWebデザインで利用されている基本的なグリッド、さまざまなページレイアウト、BootstrapやMaterial Designなど人気の高いフレームワークのUI要素やコンポーネントなど、UIデザインに役立つSketch用の素材を紹介します。 UI Tiles 個人・商用利用、無料。 最近のWebデザインで採用されている72種類のレイアウトが用意されたワイヤーフレームやフローチャートを作成するための素材。

UIデザインの作成ツール！誰でも分かるSketchの使い方【初心者向け】 初心者向けにSketchの使い方についての解説記事。アプリのUIデザインやWebデザインの作成ツールとして有名なSketchですが、初めて使う方でも分かるように細かく説明しています。デザイナーとしてスキルアップできるはずです。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社　調査期間：2021年8月12日～8月16日　 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名　 調査手法：インターネット調査 アプリのUIデザインなどを作る上で有名なツール「Sketch」 デザイナーの方でSketchを

ネットショップ 安心の開設サポート。自分だけのネットショップが、今すぐ無料で開設できます。 詳しく見る

※この記事は，GoogleのGetting Started Tutorialを日本語訳したものです。 Chromeアドオンは，複数のコンポーネントによって成り立っています。 コンポーネント同士は，互いに関連性があります（cohesive）。 コンポーネントの種類としては， background script content script option ページ UI element その他のロジックを記述したファイル などがあります。 アドオンのコンポーネントは，HTML，CSS，JavaScriptといったWeb開発の技術を用いて作成されます。 アドオンごとに機能が異なりますので，必要となってくるコンポーネントも変わってきます。 このチュートリアルでは，一つのアドオンを作ります。 developer.chrome.com のドメイン上にある任意のページ上で，ページの背景色を変更することが可

このエントリーは Recruit Engineers Advent Calendar の 5日目の記事です。 www.adventar.org 目次 自己紹介 時間は有限、大切に使おう sshで30台のサーバをセットアップする expect コマンドを使おう StrictHostKeyChecking no chpasswdでパスワード設定 chmod u+sとSUID seqコマンドとbash拡張構文{1..9} Excel業務を自動化しよう Win32::GuiTest でキーボード入力を自動化 MouseMoveAbsPix でマウス操作を自動化 マインスイーパーの自動化 BadUSBによるキーボード入力の自動化 まとめ 1. 自己紹介 @takesakoです。最近、まつもとゆきひろさんと岸川克己さんが技術フェローと技術顧問に就任した会社で専門役員を担当しています。 会社ではホールデ

この記事は、はてなエンジニアアドベントカレンダー2016の1日目の記事です。 8月よりCTOになりましたid:motemenです。たいそうな肩書きがつきましたが、引き続きチーフエンジニアという役職も兼任しており、これまでどおりアプリケーションを書きつつ、技術組織の開発・改善をおこなっています。 せっかくの機会なので、このエントリでは現時点でのはてなのエンジニア組織の概観と取り組みを紹介しようと思います。 技術グループ はてなにおいてエンジニアと呼ばれる職種の人は、それぞれが提供するサービス（ウェブサービス、スマートフォンアプリ、インフラなど）を軸とする開発本部に属しつつ、職能を軸とした横串の組織である「技術グループ」に所属する、という形態を採っています。現時点で、ここに属するのは40名強になっています。 会社を駆動させていくお金を生み出すのは造られたシステムであったり、営業活動であったりす