[小ネタ]Slackボットの体験をデザインするBlock Kit Builder | DevelopersIO
Start with a Templateをクリックすると既に大枠が作成されているものを利用することもできます。Templateを確認してみて要件に合うものがないか確認してみるといいかもしれません。 ブロックもしくはテンプレートを選択すると、Desktop/Mobileでのビジュアル(タブで切り替え)とJSONデータが表示されます。もし選択したものにボタンなどのUIがある場合はそれをクリックした時のJSON情報も確認することができます。またJSONを編集することでビジュアルへも反映されます。 また作成したデータは、任意のワークスペースのチャネルに送信できます。これによりデザインしたものを保存しておけますが、メッセージを編集してJSONを取得する等はできないのでBuilder右上にあるCopy機能を使って保存してください。 まとめ 小ネタですがBlock Kit Builderの説明でした。
![[小ネタ]Slackボットの体験をデザインするBlock Kit Builder | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/0f08fa392db6aa6a252494fe62d1514d0754bbd1/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2019%2F03%2FSlack_logo_1200x630.png){kind=logo}
配色はセンスじゃない、UIデザインで色をかんたんにキメるメソッド｜Taiki Ikeda｜note
どうも、イケダです。最近よくTwitterで知り合った若いデザイナーにお会いしているのですが、どなたにも決まって聞かれることがあります。 「G●●dpatchってぶっちゃけどうなんですか?」 知りません、なんで僕に聞くんだw 2015年に「Dear G●●dpatch」という内容のサイトを作って持っていったところ、「あー、またこれね...」と土屋さんに非常に悲しいリアクションをされてしまったので別の方法で気を引くことをオススメします。 というわけで今日は先日勝手にリデザインしたPolipoliのデザインを使って、UIデザインを行う時に僕が普段どのように色を選択しているのかをとても正直に書いていこうと思います。僕がこれから記す方法に則って色を選べば、誰でもナウでヤングなアプリを作ることができます。 はじめるよ レイアウトに関してはイニシエよりご先祖様がお築きになられたルールに則って並べればオ
UIテストの所要時間を10分の1にする試み、Raspberry Piのクラスタで並列実行。ソフトウェア品質シンポジウム2018
UIテストの所要時間を10分の1にする試み、Raspberry Piのクラスタで並列実行。ソフトウェア品質シンポジウム2018 開発現場の多くでテストの自動化が進む中で、テスト時間を短縮することはビルドとテストの待ち時間を減らし、開発効率を高める上で重要なポイントになってきています。 そうしたなかで時間がかかっていたUIテストの所要時間を短縮する手段としてRaspberry Piをクラスタ化する手法を紹介するのが、レバテック株式会社 折田武己氏です。 本記事では、9月12日から14日のあいだ東洋大学で開催された「ソフトウェア品質シンポジウム」（日本科学技術連盟主催）での折田氏のセッション「UIテストの所要時間を10分の1に短縮する取り組み～ラズベリーパイのクラスターで並列実行～」の内容をダイジェストで紹介します。 単体テストはさくさく終わるのにUIテストは時間がかかる レバテック株式会社
デザイナーとアプリエンジニアが仲良く開発できるためのチートシートを作る - Qiita
Classiアドベントカレンダー8日目は、デザイナー@shio312がお送りします。 はじめに あるデザイナーとアプリエンジニアの会話 ・iPhoneナビゲーションバーを差しながら「グロナビが〜」 ・iPhoneで作ったカンプを差しながら「Androidもこの切り替えスイッチのUIで〜」 ・「Androidも下から画面出せばいいじゃん」 ・「トグル？iOSだっけ」 上記デザイナーの発言、全てエンジニアに殺意を沸かせます。ああっ、すみません。 実は、アプリ開発経験のあるUIデザイナーはエンジニアさん&デザイナーさんが仲良く開発できるための、自分なりのチートシートを持っていたりします。 もし、モバイル開発の経験が少ないデザイナーさんと開発することになった場合、今回ご紹介する簡易チートシートの作成方法を優しく教えてみてはいかがでしょうか。 きっと仲良くなれると思います。 手順 デザイナーさんの工
UIコンポーネント集 Qiita:Coat - ✘╹◡╹✘
LTを聞いているという感覚でご覧ください。 Qiita:Coat Qiita用のUIコンポーネント集 GitHub用のUIコンポーネント集をForkしてつくりはじめた レポジトリ: https://github.com/increments/qiita-coat デモサイト: http://increments.github.io/qiita-coat/ 今週月曜からやってる これはcommit数 Qiita:Coatが必要に感じた背景 全ての開発者に共通する願い 高速に開発したい 秩序がほしい (a.k.a. 最低限度の品質の保証) 開発体制の情勢に起因する理由 開発人数が徐々に増えつつある 社員11人+アルバイト3人 四半期に1人ぐらい増えてる 50人が51人になるとかならともかく、5人が6人とかになると大きく変わる その他の理由 サポートサイトや採用サイトなどQiita風のデザインを
Private Presentation
Private content!This content has been marked as private by the uploader.
UI Tiles·Webサイト全体の画面遷移設計に使えるデザイン集 MOONGIFT
Webサイトを開発する際に使われるのが画面遷移を表現するフローチャートです。例えばコマースであればトップページから商品一覧、カテゴリ一覧や商品のピックアップなどの遷移が考えられます。 深くなってしまう場所がないか確認したり、ユーザ動線が正しく描けているかどうか確認するのに便利です。UI Tilesはそんなフローチャートを作成するのに便利なデザイン集です。 UI Tilesの使い方 UI TilesはPNGの他、PhotoshopやIllustrator形式でファイルが配布されています。 PNG版。画面のモックがたくさんあります。 それぞれ小さいながらも特徴があります。 動画プレーヤ、ポートフォリオページもあります。 PSDはデモも用意されています。 デザイン一覧。 Illustratorも同様です。 UI Tilesを使うと、これまでは単なる四角い枠に対してトップページなどとラベルを貼って
しょぼちむ！スクラムチームの外側の話をちょっと書いてみたよ！ - Mitsuyuki.Shiiba
しょぼちむ Advent Calendar 2014 - Adventar の22日目のエントリーです。 チーム開発の話でもしようかと。せとさんが「まぁいいんじゃね？」って、テストファーストの話書いてるし、いいよね。 しょぼちむにテストファーストについて説明してみる - ふぃーるどのーつ Role 社内開発前提で考えてみます。 開発チーム ビジネス側と開発側で向き合ってるとこんな感じ？ でも、これだとビジネスと開発の距離がありすぎるね。 Producer ってことで開発リードをチームから剥がして、真ん中に立たせてみよう。 んで、Producerというロールにしよう。 おし。これでビジネス側との距離が縮まった。 んでも、開発チームとの距離が遠くなっちゃったな。 ってか、このロール、仕事多くね？ DevLead ってことで、やっぱり開発チーム側にリード立てよう。 これでチームのリードはプロデュ
UIVewのanimateWithDuration〜メソッドを他のUI更新と一緒に実行してはいけない！ - yuumi3のお仕事日記
昨晩から、約4時間をこの問題の解決に費やしてしまいまいました 。。。。他の人が同じ間違いしないように記録しておきました。 あるアプリに下のような動きをする、簡単なアニメーションを付けました(この画像、コードは説明用サンプルです)。 失敗のはじまり コードは以下のように書きました。 @interface ViewController () @property (weak, nonatomic) IBOutlet UILabel *scrollLabel; @property (weak, nonatomic) IBOutlet UILabel *statusLabel; - (IBAction)touchStartButton:(id)sender; @end @implementation ViewController - (IBAction)touchStartButton:(id)se
Appleがトップページで自動送りカルーセルをやめた理由
残念ながらページ全体のキャプチャをとっていなかったので下までお見せできませんが、ページのメイン要素となるカルーセルの下にはフッターしかありませんでした。ほんとですw そして、おぉ、さすがApple。 ここでも思い切った選択をしたな〜と思っていたわけです。 ところが！ 数日後にもう一度トップページを見てみたら、あの懐かしの4つのボックスが戻っているではないですか！？ 実は、このレイアウト（巨大ヒーローイメージと4つのフィーチャーボックス）が、何年も続いたAppleの鉄板レイアウトだったわけですが、先日のリニューアルでこのフィーチャーボックスがなくなっていて「ついに、あれもお亡くなりになられたか」と、密かに悲しんでおりました。 その後のこの華麗なカムバックです。 かなり興奮してしまいました。 しかも、スタイルも細かいスペースや背景の扱いがよりシンプルなものに更新されています。 iPadでみると
実録・80歳の祖父母にiPadを贈った話 ｜ポッケのなかみ
先日思い立ってiPadを地元に住んでいる祖父母にプレゼントしてきましたので、その時のことをお話ししようと思います。 なぜ贈ったのか XPのサポートが切れるため 私が昔使っていたノートパソコンを置いてきてあるのですが、OSがWindows XPです。 公式からのサポートがもうすぐ切れるとのことで、一応IT企業に勤めている人間としてはこのままにしておくのはマズイな～と思いまして。 祖父母にとってはパソコンが難しすぎたため パソコンの使い方、教えました。が、ダブルクリックとローマ字入力がどうしても会得できないみたいでして。 かな入力ですか？キーボード上のどこにどの文字があるかを探すのが大変すぎて断念されてしまいました。 メールでやり取りをしたいため これは、電話の話し声が隣の部屋に丸聞こえなアパートに住んでいる私の都合です。 インターネット回線契約をしているのに使わないのは勿体ないため 祖父母の
60分で始めるiOSアプリのUI自動テスト - 株式会社CFlatの明後日スタイルのブログ
iOSのアプリケーションではモデル周りのテストと同じぐらいUI周りのテストが重要な気がするのですが、画面のテストってちょっと面倒ですよね。その上Xcode標準のテストフレームワークでは画面遷移などのテストができません。そこで、統合テスト用のテストフレームワークを使う必要がでてきます。 選択肢はいくつかありますが、使い方がシンプルで導入も容易なKIF Frameworkを紹介します。 KIF Framework GitHub - kif-framework/KIF: Keep It Functional - An iOS Functional Testing Framework KIFは決済サービスSquareが自社アプリケーションの統合テストのために開発したフレームワークだそうです。KIFを使ったテストではボタンをタップして画面遷移したり、画面遷移した先のUIの存在を確認したりといったこと
iOS開発で使って便利だったオープンソースライブラリ
追記： ※この記事は、「既にアプリ開発者である人」がより生産性を上げれることを願って書いた記事になります。 よく理解してない方がこの記事を参考にして「これを使ったら簡単になるらしいよ」という解釈をするための記事ではありません。 利用すれば便利になる「かもしれない」というものであることを理解しておいてください。 アプリの開発は早く、その上クオリティ高く完成させるのが良いと思います。 自分で、便利クラスなどを作成している人も多くいるとは思いますが、 iOSはオープンソースなライブラリが充実しているので、できるだけ利用をして 早く確実に開発を終わらせちゃいましょう。 ライセンスはそれぞれを参照して確認してください。 ARCへの対応有無もよく確認してみましょう。 ※見出しタイトルがリンクになっています。 SDWebImage インターネット経由で画像を取得し、UIImageViewへ表示するとき、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
マテリアル デザインのガイドライン（日本語版）
JUXT Blog: Explore UI states with clojure.spec and devcards
既存のAndroidアプリをリファクタリングしていく話
Sketchで変わるワークフロー
TECH PROjin
お前自分ちのページャUIが本当に速いと思ってんの？
ここがイケてない、ネットバンクのUI : 市況かぶ全力２階建
