サクサク読めて、アプリ限定の機能も多数！
トップへ戻る
大そうじへの備え
www.seleqt.net
Feature Factoryという造語があります。 海外で人気のメディア「Hackernoon」に投稿された記事で提唱された言葉です。 ある日、記事の著者の友人のソフトウェアデベロッパーが「まるで工場で座って、製品の形成をして、それをラインに送るだけの仕事なんだよ」と愚痴をこぼしたことで生まれました。 Future（＝未来）ではなく、Feature（＝特徴）。 日本語では「機械のように単純作業を次々と行う職場」という感じでしょうか。 記事では、Feature Factoryの特徴が纏められています。あなたの職場にも、もしこんな特徴があったら、Feature Factoryといえるかもしれません。 1、数値化しない Feature Factoryの部署では社員の仕事の出来を数値化しません。 たとえ数値化が施行されたとしても、製品管理部によって分断されて、限られた人にしか情報は共有されません
speckyboy Speckyboy is an online magazine for designers with its focus on sharing helpful resources, exploring new techniques, sharing useful tips, and inspiring you to build a better web. 効果的なユーザーインターフェイスを構築するのは、簡単な事ではありません。ですが、あなたの目的にあったツールを使うと楽になります。 初めに、あなたが楽しく作業でき、UIを構築するのに必要な物が揃っているツールを見つけましょう。Figma は全て揃っています。 ツールを手に入れれば、作業が早くなり、UIを綺麗に作る事ができます。しかし、バラバラのインターフェイスをまとめるのは時間がかかります。ですが、ウェブかモバイルのUI
RankRED RankRed is a place where you can find a lot of interesting and inspiring stuff about science and technology, internet, programming tools and plugins, robots, machines and high tech gadgets, and much more. 1989年にGuido van Rossumが提唱したweekend hobby projectにおいて、Pythonは最も使用されているレベルの高いプログラミング言語として周知されています。Githubで2番目に人気の高いJavaですが、YouTubeやGoogle、Dropbox、Quora、Instagramなど定番のウェブサイトはPythonを使用しています。人工
UX Planet UX Planet is a one-stop resource for everything related to user experience. Lunacyという新しいソフトウェアがあります。これは、何十億ものWindowsユーザーを対象にしたSketchプラットフォームの拡張です。 Lunacyは、次にご紹介するユニークな機能を備えた本格的なエディタです。 Lunacyの利点とは？ .sketchファイルを開き、編集、保存するなど、Sketchとの完全な互換性を持つ フォント管理（LunacyはGoogleフォントを自動的にダウンロードします） CDN搭載サーバへの画像のワンクリックエクスポート デザイン全体をSketch the Ripperにワンクリックでエクスポート Lunacyは、CDNホスティングを含め、完全に無料です。 デザイン業界は、アプリやウェ
Bluetoothはワイヤレス通信技術としてずっと有名で、現在はほとんどの電子機器にこの技術が使われています。Bluetoothの技術は年々進化していますが、その進化はまだまだ続いています。それどころか、IoTデバイスへの需要が高まる中で、ユーザーはより新しくて高度なBluetoothの機能を求めるようになっています。 知っておきたいBluetooth 5.0の具体的な進化とは？ 最新のBluetooth 5は最高の通話品質をユーザーに提供しています。Bluetooth 5では性能と機能性が格段に改善されました。 この記事では、Bluetooth 4.5とBluetooth 5を比較し、進化したポイントをすべて書き出して、IoTやBluetoothビーコンのおかげで有名になったBluetooth 5の主な機能をすべて明らかにします。Bluetooth 5 は最新のBluetoothで、Bl
speckyboy Speckyboy is an online magazine for designers with its focus on sharing helpful resources, exploring new techniques, sharing useful tips, and inspiring you to build a better web. SVGとは画像形式の１つで、おなじみのJPG形式やPNG形式と違い、２次元ベクターなので拡大縮小しても画質が落ちないというメリットがあります。また、XMLというマークアップ言語で記述されるため、テキストとしてテキストエディタで編集できるのが特徴です。 このSVGをwebデザインに応用すると、かなりクレイジーなことができてしまいます。なんと、ページにコードを書くだけで、画像ファイルを用意することなくイラストやアニメーショ
speckyboy Speckyboy is an online magazine for designers with its focus on sharing helpful resources, exploring new techniques, sharing useful tips, and inspiring you to build a better web. ウェブサイトで大量の画像を表示するために、開発者だけでなく一般ユーザでも利用可能なオプションと技術が、数多く存在します。 まず頭に浮かぶのは、今非常に人気のあるコンテンツスライダーとイメージスライダーでしょうか。画像にライトボックスを使うというさらに簡単な方法、または、CMSイメージギャラリーを使うということでしょうか。 これらすべての新技術と斬新なアイデアは、常に高い信頼性を持ち長く愛されたグリッドスタイルのイメージ
RankRED RankRed is a place where you can find a lot of interesting and inspiring stuff about science and technology, internet, programming tools and plugins, robots, machines and high tech gadgets, and much more. Firefox、Chrome、Edge、およびSafariは、おそらくここでお話しするまでもなく、今のところ最良インターネットブラウザです。しかしこれらには共通点が1つあります。それは、特にGoogle Chromeにいえることですが、多くのシステムリソースを消費するということです。 そして、多くの人が知らないのは、入手可能な軽量の代替ソフトウェアがたくさん存在するという
speckyboy Speckyboy is an online magazine for designers with its focus on sharing helpful resources, exploring new techniques, sharing useful tips, and inspiring you to build a better web. かつて、ナビゲーションメニューは決まってページの一番上に表示されていました。その後、メニューが左か右のカラムに収まっていた時期がありました（中でも特に、左側がメニューのレイアウトが好まれていました）。そして、横からメニューがスライドして出てくる『ドロワーメニュー』の時代が訪れました。突如現れたこのメニューは、とても理にかなっていました。まるでパズルの最後のピースがようやく見つかったかのようです。 そしてこのドロワーメニ
Designmodo Designmodo publishes web design articles, tutorials and has a great shop with the best WordPress and Bootstrap themes, plugins, UI Kits and more. 年が明け、Webデザインのトレンドについて考えるのに絶好の時がきました。年の始めは前年を振り返って自分が成し遂げた事に思いを巡らせてみたり、これから変えていきたい事や挑戦したいことを考えるのにぴったりの時です。 2018下半期で人気が出たデザインの要素は2019年のトレンドとしても間違いなく引き継がれますから、Webデザインのトレンドやデザインテクニックをについて考えるのにも良いタイミングです。トレンドを作っている要素には色遣いやタイポグラフィ、フォントの使い方、音声、VRインター
speckyboy Speckyboy is an online magazine for designers with its focus on sharing helpful resources, exploring new techniques, sharing useful tips, and inspiring you to build a better web. 数十年の間、デフォルトのHTMLセレクトボックスが使われてきました。しかしこのご時世、デフォルトではちょっと古い…といわざるを得ないでしょう。 デザイナーならもっといいものが作れますし、CSSの進化のおかげで簡単にセレクトボックスをカスタマイズできるようになりました。もちろんネット上には無料のオープンソースもあります。 この記事では、セレクトボックスのテンプレートトップ10を厳選しました。プラグインの形でリリースはされ
UX Planet UX Planet is a one-stop resource for everything related to user experience. ワイヤーフレームは、サイト作成時の課題を取り返しがつかなくなる前に見つけられる最適な方法ですよね。でも正しい作り方って何でしょう？この完全版ガイドを読めばすべてがわかります。ぜひチェックしてみてください。 ワイヤーフレームとは？ Webサイトのワイヤーフレームは、あらゆるプロジェクトにおいて古くから言われるような青写真と比較されることがよくあります。つまり、今後の制作工程でどんな風にできあがっていくのかをはっきり見せられるような画像のことです。実用的な地図のようなものなので、全員がそのプロジェクトのどこで何が行われるのかを正確に把握することができます。比較的安く作成できることはさておき、Webサイト作りにおいてもコミュニ
UX movement UX Movement is a user experience blog that publishes articles showing how good and bad design practices affect user behavior. あなたはWebデザインのUIにおいて閲覧者の目に負担をかけるような色の選択をしていませんか。特に、背景色としてに彩度も光度も高い色を使用している場合、ページへの訪問者は長くその画面を見ていられないものなのです。 彩度も光度も高い色はユーザーの注意を引きますが、その色合いが広範囲に渡ってしまうと、網膜に過剰な刺激を与えてしまい、目に負担をかける可能性があるのです。 例として画像の色の見本をご覧ください。左列は最大の光度と彩度の色合いの配色となっています。右列は、光度と彩度が80％に抑えられた配色となっています。光度も彩度
優れた開発者になるには、優れたものを作り出すだけでなく、その分野の変化を常に掌握しておかなければいけません。絶えず変化する世界についていくことが、成功への鍵です。 それはありとあらゆる講座、会議、イベントに参加するとか、最新のテクニックを仕事に使うとかという意味ではありません。 CodepenやGitHubの開発者コミュニティなどででも、毎日興味深いアイデアが見られます。 ネットでは、あらゆる種類の情報が溢れています。ジェネレータ、オンラインプラットフォーム、ボイラープレートなど、いたるところで見られます。このようなソフトウェアコンポーネントは全て、ワークフローで使うために作られたもので、ウェブサイト作成においては、原則としてJavaScriptプラグインがよく使われます。JavaScriptプラグインを使えば、何か問題があっても迅速に効果的な対処ができるからです。 たとえば、Moon.j
以前は、Webアプリの管理セクションはもっぱら機能性のためだけに構築される傾向がありましたが、状況は変化してきています。特にここ数年、強力な機能性と美しいデザインがうまく融合したものが構築されているのです。 しかし決定的なのは、Bootstrapフレームワークのポピュラリティーが大幅に高まったことで、美しく機能的な管理パネルを作成することがこれまでになく容易になったことです。 Bootstrapの利点はいくつか挙げることができます。まず、既成のデザインパターンを含むモバイルファーストのフレームワークをカスタマイズするのが比較的簡単で、さらにコンポーネントとウィジェットの巨大なライブラリが利用できます。もっと重要なことは、Bootstrapで構築すると、すべての問題解決とプラットフォームを通じて一貫性が保たれることです。だから、確実に機能するティップがあるなら、それらを使ってダッシュボードや
LINE25 Line25 was built in March 2009 as a place to share web design ideas and inspiration through articles, tutorials and examples of stunning site designs. 高機能なセレクターをお持ちであれば、ドロップダウンメニューは簡単作ることができます。好きなCSS3プロパティを入れてみると、背景画像やJavaScriptでしか得るこのできなかったデザインを作り出せます。下記のチュートリアル通りにCSSドロップダウンメニューを作ってみてください。 メニューを開くと、2つのサブカテゴリも開きます。最初のサブリンクはメインナビゲーションバーに下に現れ、2番目は最初のドロップダウンから垂直に伸びています。CSSドロップダウンメニューのデモ動画を見てみて
タブ・バーは、iPhoneアプリケーションで最も一般的に使用されるUI要素の1つです。 アプリ画面の下部に表示され、アプリのさまざまなセクションをすばやく切り替えることができます。 SwiftとObjective-C言語を使用してiOS用に開発された最高のタブ・バーGithubオープンソースライブラリとコンポーネントのリストをリストにしました。どれもおすすめです！ 1.AnimatedTabBar by Ramotion 2.XLPagerTabStrip by xmartlabs 3.AdaptiveTabBar by Ramotion 4.TabPageViewController by EndouMari 5.GooeyTabBar by KittenYang 6.SwipeViewController by fortmarek 7.TransitionableTab by Inte
UX Planet UX Planet is a one-stop resource for everything related to user experience. アウトソーシングの開発は、ただプロジェクトを完了してクライアントに送信するというだけではなく、もっと多くのことが得られます。だからこそ、注意を払って効果的なビジネスソリューションを開発して見つける必要のあるプロジェクトについて取り上げたいと思います。 この記事では、さまざまな文化的ターゲットのオーディエンスを念頭に置いて開発されたさまざまな製品の経験と、異なる文化の下でUX / UIのデザインがどのように変化するのかに焦点を当てています。 クライアントと繋がるための効果的なヒント： ・ほとんどの人は、信頼関係を担保したいため、直接会って話すことを好みます。もちろん、毎回世界中のクライアントに会いに行くわけにはいきませんが
speckyboy Speckyboy is an online magazine for designers with its focus on sharing helpful resources, exploring new techniques, sharing useful tips, and inspiring you to build a better web. トグルスイッチは、フォーム内で一番目立つUI要素というわけではないかもしれませんが、つまらない作業を面白くするということに関しては、おそらく他のどの要素よりも貢献してきました。トグルがまだなかった頃には、私たちは、チェックボックスを使用して、オン・オフを切り替えていました。作業を終わらせるにはそれで十分でしたが、見た目はそれほど魅力的ではありませんでした。 一方トグルスイッチは、デザイナーにウェブサイトの他の部分とマッ
入力フォームには、ユーザーからの入力を簡単に収集できるようにするいくつかのコントロールが用意されています。 適切なコントロールを適切な場所で使用することは、フォームを設計する際に課題となります。 チェックボックスコントロールには、未選択、選択、不確定の3つの状態があります。 3つ目の状態は、サブオプションのリストが親オプションの下にグループ化され、サブオプションが選択された状態と選択されていない状態の両方にある状況をあらわすものです。 トグルスイッチは、ユーザーが照明のスイッチのようにオンまたはオフにすることができる、物理スイッチを表しています。 トグルスイッチをタップする操作は選択と実行の二つのステップからなりますが、チェックボックスの場合には1つのオプションの選択であり、通常その実行には別のコントロールが必要になります。 チェックボックスとトグルスイッチ、どちらを使用するかを決めなけれ
UX Planet UX Planet is a one-stop resource for everything related to user experience. ただCTA（Call to Action）ボタンの色を変更するだけで、ウェブサイトのコンバージョン率を35％上げることができると知っていましたか？折りたたみの上またはページの下部のどちらにボタンを配置するべきでしょうか？効率を68％向上させるには、どのようにボタンのテキストを変更すればよいのでしょうか？ 10件以上の面白いケーススタディを収集し、CTAボタンがウェブサイトのコンバージョン率を上げるためにどのように機能するかについて、完全なガイドを作成しました。CTAボタンを分析し、ウェブサイトに正しく配置し、必要なテキストを挿入し、最も効果的なデザインを選択する方法を示します。 理論から始めましょう。 CTAボタンとは？
CSSアニメーションとJavaScriptアニメーションの比較 JavaScriptで作成されたアニメーションは、命令型アニメーションとも呼ばれ、CSSで作成されたアニメーションは宣言型アニメーションと呼ばれます。 CSSアニメーションは、ペイントやスタイリングを担当するメインスレッドではなく、ブラウザのコンポジットスレッドによって処理されます。したがって、そのようなアニメーションは、メインスレッドの、もっと処理に時間がかかるタスクの影響は受けません。もちろん、ペイントやレイアウトイベントをトリガーするアニメーションは、メインスレッによる処理を必要とするため、CSSアニメーションを使用する利点を打ち消してしまいます。 一方、JavaScriptは常にメインスレッドによって実行されます。しかし、JavaScriptを使用すると、アニメーションをより細かく制御できるため、状況によってはJava
フロントエンドの開発者には、UIのアップデート手順を合理化してくれるReactを好む方が多くいますが、かなり大きいサイズのReactアプリケーションはしばしば動作が鈍重になりがちです。悲しいことに、Reactのようなフロントエンドライブラリを追加しても、アプリのパフォーマンスがすぐに向上するわけではありません。そのためにはReactの適切な設定が必要なのです。 つまり、アプリのコンポーネントの動作を効果的に測定して最適化する方法が分かっていれば、Reactアプリケーションの動作速度を、すなわち反応速度(reacts)を大幅に改善することができます。このガイドでは、より流動的なユーザーエクスペリエンスを提供するのためのJavaScriptのベストプラクティスを紹介するのに加えて、Reactを最適化する方法を説明します。 Reactの仕組み この記事を読んでいるのですから、あなたはおそらくRe
LINE25 Line25 was built in March 2009 as a place to share web design ideas and inspiration through articles, tutorials and examples of stunning site designs. この記事のリストに、非常に優れたCSSアニメーションライブラリのいくつかを掲載しました。ウェブサイト設計の際に貴重な時間を節約し、またこれらのCSSアニメーションライブラリを使用して、皆さんの作品に動きと双方向型の機能を加えましょう。 テキスト、画像、ボタン、フォーム、タブ、ツールチップ、カードなど、あらゆる種類のWeb要素のためのCSSアニメーションやエフェクトが沢山あります。 これらのCSSアニメーションライブラリにはCSSエフェクトのための異なるスタイルがあるので、クリーン
Designmodo Designmodo publishes web design articles, tutorials and has a great shop with the best WordPress and Bootstrap themes, plugins, UI Kits and more. このリストでは、デザイナーと開発者の作業をスマートに行うのに役立つ19種類のツールを紹介します。「デザイナーではない人向けのデザインツール」、「開発者ではない人向けの開発ツール」を集めることで、どちら側の人々にも役に立つリストとなっているでしょう。 1.Whipnote Whipnoteは電話会議の会話をテキストに書き起こしてくれます。Whipnoteを使用すると、会議での参加者は、メモを取る代わりに集中できます。さらにこのツールは、将来閲覧できるように、会議の完全な履歴を提供しま
UX Planet UX Planet is a one-stop resource for everything related to user experience. ウェブデザインのヒーローイメージのトレンドはまだまだ強くなっています。 ウェブサイトのデザイン方法は、ユーザーがサイトの背後にあるブランドについてどのように感じるかに直接影響します。あなたのサイトでヒーローイメージを使用することで、新しい訪問者の信頼を築き、サイトコンセプトをを適切に伝達し、訪問者を顧客に変換することさえできます。 しかし、優れたヒーローイメージを備えたウェブサイトを作るコツは何でしょうか？ この記事では、優れたヒーローイメージの10の感動的な例をご紹介いたします。美しく説得力のあるヒーローイメージをデザインする参考にしてください。 ヒーローイメージとは何ですか？ ヒーローイメージとは、通常はページの上部
UX Planet UX Planet is a one-stop resource for everything related to user experience. UXデザイナーであることの大変なことの1つは、継続的な改善が必要であるということです。今以上に良くなることはできないと考えているデザイナーはなかなかいないでしょう。そこで役に立つのが、「習慣」と呼ばれる簡単なことです。 「私たちは習慣に形作られています。優秀であるということ、卓越しているということは、ある１つの行為ではなく、習慣であるのです。」（アリストテレス） この記事では、デザイナーとしてのあなたを改善する15の習慣についてご紹介したいと思います。 1.自分のためにデザイン目標を設定する デザインは学ぶことができます。自主的に学び、練習することは、良いデザイナーとなる近道でしょう。そして、適切な目標を設定することによ
ウェブとアプリのデザインには多くの時間と予算がかかります。それにもかかわらず、良くないデザインのランディングページが存在するのは不思議なことです。 ランディングページデザインは、カスタマージャーニーを考える上でかなり重要な部分です。ランディングページは、ユーザーとブランドの相互作用の最も初期のポイントの1つであり、訪問者を顧客に変換する起爆剤です。訪問者があなたのランディングページにエンゲージしていない場合、そのデザインは失敗です。 無意味なコピーを含んでいたり、不安定で低速であったりするランディングページは最悪です。今回の記事では、インターネット上で見られる最悪のランディングページの7つを見ていきます。また、ランディングページのデザインに大きな影響を与える、すばやく簡単な改良ポイントについてもご紹介します。 明確な目標を持ち、優れたUXでランディングページを作成する方法をご覧ください。
UX Planet UX Planet is a one-stop resource for everything related to user experience. プロトタイプやテストをせずに、最新の製品デザインプロセスを想像するのは難しいです。 多くの製品チームは今日アイデアを販売したりテストしたりするためにプロトタイプを使用しています。そして、製品チームはプロトタイプ作成の効率を低下させる落とし穴にはまることも多いです。 この記事では、最も一般的な落とし穴の6つをご紹介します。 1.目的が無いプロトタイピング 「まず作る」。このようなアプローチをとることによって、製品チームは何の価値ももたらさないものに取り組むのに多くの時間を費やすことになります。特定の目的を持たないプロトタイプを作成すると、多くの場合ただ時間が浪費されます。 それぞれのプロトタイプは、理由をもって作成する必要
次のページ
このページを最初にブックマークしてみませんか？
『SeleQt【セレキュト】』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
