タグ

softwareとuiに関するlepton9のブックマーク (26)

  • Setting「設定です」 Configuration「設定です」 Preference「設定です」/Options、Flags、Properties「俺が、俺達が設定だっ!」【やじうまの杜】

    Setting「設定です」 Configuration「設定です」 Preference「設定です」/Options、Flags、Properties「俺が、俺達が設定だっ!」【やじうまの杜】
  • これ、実はけっこう深遠な話

    もはや無効なメタファー…というわけでもない書き方は釣りっぽいけど、今30代前半以下のPCユーザーにはフロッピーディスクを実際に見たことがない人達が多いはずで、あのアイコンが「保存のメタファー」として直感的でなくなってるのは確かだと思います。 ただ、検索を虫眼鏡アイコンで、電話を黒電話アイコンで、電気を稲アイコンで表象するのと同じように、ひとたびユーザーの側に「これはこういうもの」という強力な連想が確立・共有されてしまえば、ユーザーが必ずしもその表象されてる実物を知らなくても大きな問題は起きないようにも思います。 そもそも機能アイコンとは何なのかそれより何より、自分が昔から気になってるのは、この保存アイコンに代表される「機能アイコン」の特殊性についてです。多くの人々が感じているように、機能アイコンには意味がわかりにくいものが多い。たとえばWordやExcelだとこんな感じ: https:/

    これ、実はけっこう深遠な話
  • LDRライクなRSSリーダのIrodr 1.0.0をリリースした | Web Scratch

    InoreaderのPCフロントエンドとして動くRSSリーダのIrodrが十分安定したので1.0.0をリリースしました。 LDRライクなInoreaderクライントのIrodr 1.0.0リリース。https://t.co/oco0VlPbBDhttps://t.co/UTPYfW3FnW pic.twitter.com/GzKLSj9zeo — azu (@azu_re) September 30, 2018 Release Release 1.0.0 · azu/irodr IrodrはLDRライクな操作感を実現するために作成したInoreaderのフロントエンドです。 RSSの管理やRSSのクロールなどはInoreaderが行っていて、IrodrはAPI経由でRSSを取得しているだけです。 未読などはInoreaderと同期しているため、Inoreaderのウェブ版やモバイルアプリと

    LDRライクなRSSリーダのIrodr 1.0.0をリリースした | Web Scratch
  • ドラッグ&ドロップでReact製のWEBアプリがつくれるReactStudioがやばい - Qiita

    ReactStudioを使ったアプリの作り方はこちら React Studioを使ってQiitaの記事一覧アプリを作成してみる はじめに reactというとJSXの書き方、props、stateの挙動等を覚える必要があるため、 学習コストが割りと高めであったり、環境を構築するのに一手間かかったり等、 まだまだとっつきにくさが否めないライブラリです。 しかし、今回は、そんなReactをドラッグ&ドロップでアプリが 作れてしまうツールがあったので紹介したいと思います。 ※尚、Windowsはなく、Macのみで使用できるツールでございますので、予めご了承下さい。 公式サイト 公式サイトへのURLはこちら。 React Studio https://reactstudio.com/ ツールの使い方 ReactStudioでコンポーネントをデザインします。 その後、コードが自動生成されます。 無料で

    ドラッグ&ドロップでReact製のWEBアプリがつくれるReactStudioがやばい - Qiita
  • DBeaver - 多彩なデータベースに対応した管理UI

    データベースを使った開発や運用時においてGUIの管理インタフェースが欲しいと思うことは多々あります。特にプロジェクトによってデータベースの種類が違ったり、接続先があちこちに存在するとそう感じるはずです。 そこで使ってみたいのがDBeaverです。多彩なデータベースに対応した管理UIです。 DBeaverの使い方 接続先の選択画面です。PostgreSQL/MySQL/MariaDB/DB2/Oracle/SQL Serverなどの基に加えてMS Access、infomix、MongoDB、Firebirdなども選択できます。 SSHトンネルに対応しているので番環境のデータベースも確認できるでしょう。 接続しました。 テーブルの一覧です。 データも確認できます。 ダイアグラムはリレーションなどの関係が分かるようになっています。 DBeaverを入れておけば、大抵のデータベースには接続で

    DBeaver - 多彩なデータベースに対応した管理UI
  • neue cc - Material Design In XAML Toolkitでお手軽にWPFアプリを美しく

    なんとブログ書くのは3ヶ月ぶり近い!えー、うーん、そんな経っちゃってるのか、こりゃいかん。と、いうわけかでWPFアプリを入り用で作ったんですが、見た目がショボくてゲッソリしてました。WPFでアプリ書いても別に綺麗な見た目にならんのですよね、むしろショボいというか。自分でデザイン作りこんだりなんて出来ないし、でもWPFのテーマ集なんかを適用してもクソダサいテーマしかなかったりして一層ダサくなるだけで全く意味ないとかそんなこんなんで、まぁ割とげっそりだったのですが、Material Design In XAML Toolkitは相当良い!良かった、のでちょうど手元に作り中のWPFアプリがあって適用してみたんで紹介してきます。 最終的に↑のような感じになりました。サクサクッとテーマ適用してくだけでこの程度に整えられるならば、上等すぎるかな、と。私的にはマテリアルデザイン、相当気に入りました。Wi

  • これで無料とはすごい!Mac, Win, Linux対応、デザインの指示書やスタイルガイドを簡単に作成・共有できる -Zeplin

    デザインの指示書やスタイルガイドを作成するのは、なかなか時間がかかりますよね。 使用している要素のサイズやマージンやカラーやフォントなどの情報を自動で取得したり、コメントを添えたり、指示書やスタイルガイドをプロジェクトのメンバーと共有できる「Zeplin」を紹介します。 1プロジェクトまで完全無料、2つ以上から有料ですが、機能制限などは一切ありません。 Zeplin Zeplinの特徴 Sketchでの下準備 Zeplin ソフトウェア版 for OS X Zeplin ブラウザ版 for OSX, Win, Linux Zeplinのインストール Zeplinの特徴 Zeplinは、Sketchで作成したデザインリソースから指示書やスタイルガイドなどを自動で生成するソフトウェア(無料)とオンラインサービス(無料と有料)です。 無料と有料の違いはプロジェクト数だけで、機能はまったく一緒。

    これで無料とはすごい!Mac, Win, Linux対応、デザインの指示書やスタイルガイドを簡単に作成・共有できる -Zeplin
  • 無料でドラッグ&ドロップしてアプリのプロトタイプをカンタンに作成できる「Pixate」

    モバイル向けのアプリやウェブサービスなどを作成する際、実際にスマートフォンの画面でアプリやサービスがどのように仕上がるのかを確かめることは重要です。また、複数人でアプリを作成したり、デザイナーとエンジニアが分業していたりする場合は、サービスがどのようなものになるのかをイメージできるプロトタイプを共有することで作業がよりはかどるようになります。そんなアプリやサービスのプロトタイプを簡単&無料で作れるソフトウェアが「Pixate」で、どこにどんなパーツを配置するのかを目で見て指で操作しながら確かめることが可能です。 Pixate http://www.pixate.com/ ◆Pixateをインストール 上記リンクにアクセスして「Download Studio - it's free」をクリック。 「OK」をクリック。 ダウンロードした「PixateSetup.zip」をExplzhなどのツー

    無料でドラッグ&ドロップしてアプリのプロトタイプをカンタンに作成できる「Pixate」
  • GoogleがプロトタイピングツールPixateを買収。無料化される。オススメ。 | fladdict

    Googleが、ローカルベースのプロトタイピングツールPixateを買収した模様。以後、Pixateアプリは無料となり引き続き開発が続けられるようです。 2013年頃、Pixateに$600払ってた俺は泣いた。おめでとうございます。 Invisionを主流に百花繚乱の分断化で割と困っていたプロトタイピング業界。Googleがこの分野に手を出したことで変動は起きるのだろうか。 これがプロトタイピングツールの決定版になるとよいですね。高性能だし無料だし。クラウド版も$5だし。 日でプロトタイピングサービスばパッとしない究極の問題は、サービスがオンラインのことなんですよね。SI系の人たちは「セキュリティ的な事情でオンラインの共有サービスを使えない」という事情がありました。Pixateはローカルアプリなので、その辺の心配をする必要がないのがポイントですね。そのうち大手SIとかでもこういうツールが

    GoogleがプロトタイピングツールPixateを買収。無料化される。オススメ。 | fladdict
  • SKKとは (エスケイケイとは) [単語記事] - ニコニコ大百科

    SKK単語 エスケイケイ 1.1万文字の記事 32 0pt ほめる 掲示板へ 記事編集 概要その非常に独特な変換方法についてよく分からんだろうから変換方法を実例してやるわSKKを使うことの利点弱点・欠点SKKの仕組み色々なSKKSKKをもっと使いこなす関連動画外部リンク関連項目掲示板SKK(エスケイケイ、Simple Kana to Kanji conversion program)とは、オープンソースで開発されている日本語入力システム(日本語入力メソッド)である。 概要 東北大学教授の佐藤雅彦氏によって開発されたシステムであり、現在はSKK Openlabによってメンテナンスされている(同ラボからリリースされるSKKはDaredevil SKKと呼ばれている)。Emacs上で動くもの(Emacs Lispで実装されたもの)がオリジナルのSKKであるが、現在様々なプラットフォームで動くよう

    SKKとは (エスケイケイとは) [単語記事] - ニコニコ大百科
  • なぜ、富士通は「色覚障がい者のための診断ソフトウェア無償提供」を終了したのか

    富士通は2013年8月20日、視覚障がい者や色覚障がい者のアクセシビリティを高めるための診断ソフトウェアツール群「富士通アクセシビリティ・アシスタンス」の無償提供を終了した(参照記事)。このニュースはSNSでの反響も大きく、ユーザーから「なぜこのような素晴らしいサービスが終了してしまうのか」との声が多く聞かれた。 同様のツールは他にもあったが、富士通アクセシビリティ・アシスタンスが愛用されるのにはわけがあった。富士通アクセシビリティ・アシスタンスは、3つのツール群「WebInspector(ウェブインスペクター)」「ColorSelector(カラーセレクター)」「ColorDoctor(カラードクター)」から構成されており、それぞれ以下の特徴が挙げられる。 WebInspector ローカルフォルダを指定した場合、サブフォルダのHTMLまで一括でチェックでき、結果をCSVで保存できる C

    なぜ、富士通は「色覚障がい者のための診断ソフトウェア無償提供」を終了したのか
  • 「終了前に、ただ伝えてほしい」――多くの開発者に届きますように。

    オープンソースの集まりで1度しか実際にお会いしていませんが、お願いがあります。 富士通アクセシビリティ・アシスタンスというサービスが、2013年8月20日で提供終了します。つまり、あと20日。このソフトは視覚障がい者や色覚障がい者の方がどのように色を見ているかを確認できるツールです。Webサイト制作をしている人なら、今は必要なくても、いつか必要になるソフトです。 8月20日までにダウンロードすれば、8月21日以降もローカル環境で普通に使えるので、なんとかメディアで紹介して頂き、提供終了するまでに、少しでも多くの人に知ってもらいたいと考えています。 紙媒体だと、とても間に合わないのですが、ネット媒体なら、なんとかなるかも!と思い、お願いしたいと思いました。 視覚障がい者や色覚障がい者という障がいに興味がないかもしれませんが、外見では判断できない障がいなので、気付いていないだけなのです。 よか

    「終了前に、ただ伝えてほしい」――多くの開発者に届きますように。
  • iPhone/iPadアプリデザインで使っているツール

    企画やらUIを考えるツール iPhone Idea Sheet(PDF) 三階ラボさんのアイデアシート(PDF)。 iPhoneの枠だけじゃなく、ナビゲーションバーやタブバー、ステータスバーが書きやすいように、うっすら線が入っていてGOOD。 印刷して何枚か持ち歩いている。何か作りたいなーどうかなーと思ったら、手書きでワーっと書く。このシート自体が美しいので、いいもの作れそうな気がしてくる。 紙なので、対面でのブレストやら打ち合わせしながら書き込みやすい。 Cacoo(Web) UIの構想がまとまってきたら、Cacooで清書してチームで共有。 iPhoneの各パーツのステンシルが揃っているので、きれいに、わかりやすく作れる。SkypeミーティングのときにみんなでCacoo触りながら話したりとかしている。 Interface HD(iPad App) iPad上で、iOSパーツを組み合わせて

    iPhone/iPadアプリデザインで使っているツール
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
  • Air Mouse Pro : すげぇ! iPhoneがPCやMacのマウス、タッチパッド、キーボードに!!使い方解説。1572 | AppBank

    Air Mouse Pro (Tilt mode) iPhone Remote Keyboard and Trackpad 今回の115円セールとともにAppStoreのランキング1位まで彗星のごとく登りつめたAir Mouse Pro、同じWifi環境下で使用すると、お手持ちのiPhonePCMacのマウス、タッチパッド、そしてキーボードやブラウザ、itunesなどのリモコンになってしまうという凄いアプリなのだ! このアプリの使い方を、appbankエースライター、entrypostman 氏の超絶プレゼンをまじえつつなるべく丁寧に解説する。 専用アプリをWebからダウンロード→PCでインストール Air mouse のサイトにいき右上にあるDownload よりPCまたはMacの通信用ソフトウェアをダウンロード、インストールします。 Air mouse のサイトはこちら。 iPho

  • アクティブマネー(Active Money) Pro : 明快なUIと高速入力がスゴイ!理想の収支管理ソフト。1456 | AppBank

    アクティブマネー(Active Money) Pro : 明快なUIと高速入力がスゴイ!理想の収支管理ソフト。1456 < アクティブマネー の3ポイント> 誰でも分かる、素早く入力できるインターフェース よく入力する項目は「アクティビティ」、先に入力しておきたい項目は「Todo」 iPhone初?位置と連動した予約入力機能 アクティブマネー Pro という人気の収支管理アプリをご紹介します。 iPhoneの収支管理ソフトで一番重要なのは「どこまで手早く入力できるか」ですよね。もたついていちゃいかんのです。 このアクティブマネーは魔法のような速さ。いとも簡単に入力させてくれます。 それなのに多機能。良いソフトを探している方にも、初めて使う方にもおすすめできます。 こちらが起動後画面。支出、収入、資産の移動、そしてアクティビティという入力用の項目がならんでいます。 支出入も資産の移動の入力画

  • いよいよ実世界にタッチするiPhoneアプリまとめ - A Successful Failure

    携帯電話は常に電源が入ったネットワーク接続デバイスであり、常時ユーザが持ち歩くと言う点において、ウェアラブルコンピューティング(Wearable Computing)で語られてきたユースケースを徐々に実現しつつある。特にiPhoneGPS/コンパス/加速度などの各種センサに加え、アプリケーション開発自由度の高さから、現時点で最も開発アクティビティの高いデバイスであると言える。 エントリではiPhoneアプリケーションのうち、特に実世界とのインタラクションを有するものについて紹介する。地図と連動して単純に現在位置から最寄りの施設やその施設のクーポン、イベント等を検索して提示するようなアプリ、単に音声を録音したり、音声コマンドを認識して動作するアプリは多く存在するが、エントリでは扱わない。ここではiPhoneに搭載されているセンサを一工夫して実世界を認識し新たなサービスを提供するアプリに

    いよいよ実世界にタッチするiPhoneアプリまとめ - A Successful Failure
  • Rhonda Forever 2003-2010

    The hands on the screen belong to James Paterson. He is using "Rhonda", a 3D drawing tool developed by Amit Pitaru circa 2003. The first half of the video shows James doing a drawing start to finish. In the second part James is cycling through various previous drawings, created between 2004 and 2005. For the last several years Rhonda has been shown in galleries, museums, festivals and conferences.

  • 見栄えがよく、分かりやすいエクセルのグラフを作成する5つの簡単なテクニック | コリス

    Chandoo.orgのエントリーから、見栄えがよく、分かりやすいエクセルのグラフを作成する5つのテクニックとカラフルにデザインされた73のエクセルのテンプレートを紹介します。 How to NOT spend $ 150,000 and still dress up your charts 色の代わりにグラデーションやパターンを使用したグラフ 色の代わりに画像を使用したグラフ 注目するポイントにテキストを配置したグラフ オリジナルの色を使用したグラフ ラベルに画像を使用したグラフ デザインされたグラフの73のテンプレート [ad#ad-2] 色の代わりにグラデーションやパターンを使用したグラフ グラフの配色にフラットな色ではなく、グラデーションやパターンを使用します。 スライドに使用する際は、グラデーションを控えめに。 グラフを右クリックし、「データ系列の書式」を表示します。 「パターン

  • FastFinga : 手書きメモに特化したiPhoneアプリ。秀逸なUIであなたのそのままの字が書けます!801 | AppBank

    FastFinga の動画はこちら FastFinga の紹介はこちらから こちらが起動画面。 画面右下の「鉛筆アイコン」をタップすることで文字を書き始めます。 「鉛筆アイコン」をタップしたことで編集モードになりました。 この画面に文字を書いていきます。 こんにちは! 画面上に文字を書きます。 さて、ここで画面右下の「DONE」か、画面左下の「指アイコン」どちらでもOKなので、タップしましょう。書いた文字が、メモ用紙に反映されます。 どんどん追加で文字を書いていきます。 このように文字が書けました。 このアプリのすごいところは操作感です。非常にスムーズで気持ちいいです。 さて、ここまで書くのに1分かかっていません。 こんな細かい文字なのに、何もストレスなく自分の字で繊細に書けるなんてすごいです。 さて、メモが完成したら、画面上のメールアイコンをタップすることでメールとして送れます。 これか