ソシオメディアが独自に提供するUIデザインパターン集。これを使えばUI設計を効率化できます。
![ソシオメディア | UIデザインパターン](https://cdn-ak-scissors.b.st-hatena.com/image/square/49d830fc020446de280bd686d17ce59a737032af/height=288;version=1;width=512/https%3A%2F%2Fwww.sociomedia.co.jp%2Fassets%2Fimages%2Fsociomedia-logo-ogp-512.png)
input要素には、maxlengthという属性が定義されています。先日社内でこの属性について質問をうけたので、すこし調べてみることにしました。 最大文字数を指定する属性 HTML4仕様書では、maxlength属性は次のように定義されています。 maxlength = number [CN] When the type attribute has the value "text" or "password", this attribute specifies the maximum number of characters the user may enter. This number may exceed the specified size, in which case the user agent should offer a scrolling mechanism. The de
Roslyn analyzers inspect your code for style, quality, maintainability, design and other issues. Because they are powered by the .NET Compiler Platform, they can produce warnings in your code as you type even before you’ve finished the line. In other words, you don’t have to build your code to find out that you made a mistake. Analyzers can also surface an automatic code fix through the Visual Stu
UX Movementの創立者、ライターです。ユーザーに優しいUXデザインのスキルを読者の方が上達できるよう、UX Movementのブログを始めました。 モバイルアプリをデザインするとき、ソリッド(塗りつぶし)かアウトライン、どちらのアイコンを使用するか決めなければいけないときがあります。ユーザー体験にはどちらが最適なのでしょうか。 単なる好みの問題だと考える人もいますが、研究によると、認識の速さに違いがあることがわかっています。 ソリッドアイコンとアウトラインアイコンのどちらを使うべきかがわかれば、モバイルアプリの操作がしやすくなります。ユーザーはアイコンをより早く認識し、正しい選択をすることができるのです。 「Filled-in vs. Outline Icons: The Impact of Icon Style on Usability」という調査で、アイコンのスタイルは作業効率
状況 あなたはいま新たなWEBサービスの開発に, サーバサイドのプログラマとして参加しています. このサービスはJavascriptで動くクライアントサイドと, REST形式のAPIを提供するサーバサイドで構成されています. 初期の打ち合わせの結果, サービスのビジネスロジックは最大限クライアントサイドに実装し, サーバサイドはDBの薄いラッパー程度の簡単なものとして実装していく方針でまとまりました. サーバサイドの開発は順調に進んでいっていました, ある日クライアントサイドのプログラマからこんな相談を受けるまでは. 「この画面の処理で3種類のリソースを保存する必要があるのだけれど, いずれかの処理に失敗した場合は 残り2つのリソースに対する変更も取り消したいたいんだ. どうやったらいいと思う?」 当然ながら, DBMSが提供するトランザクション機能が使えれば特に問題のない話ではある. し
1. パーソナルスキル(ロジカルシンキング)養成教育コンテンツ 一括ダウンロード ◆ パーソナルスキル(ロジカルシンキング)養成教育コンテンツ(zipファイル 5.7MB) 個別ダウンロード シラバス.pdf ◆ シラバス.pdf コンテンツサンプル ◆ コンテンツサンプルの説明.pdf ◆ ティーチングガイド.pdf ◆ 講義ノート 第4回(Whyツリー) 【第4回:テキスト】「ロジカルシンキングで使われるツール(Whyツリー)」.pdf 【第4回:演習課題】「ロジカルシンキングで使われるツール(Whyツリー)」.pdf 第5回(Howツリー) 【第5回:テキスト】「ロジカルシンキングで使われるツール(Howツリー)」.pdf 【第5回:演習課題】「ロジカルシンキングで使われるツール(Howツリー)」.pdf 第6回(ピラミッドストラクチャー) 【第6回:テキスト】「ロジカルシンキングで
ガートナーの米国本社発のオフィシャルサイト「Smarter with Gartner」と、ガートナー アナリストらのブログサイト「Gartner Blog Network」から、@IT編集部が独自の視点で“読むべき記事”をピックアップして翻訳。グローバルのITトレンドを先取りし「今、何が起きているのか、起きようとしているのか」を展望する。 個人住宅のリフォーム事例を紹介するテレビ番組が、米国で人気を呼んでいる。視聴者はビフォーアフターの変貌ぶりや、途中のいろいろな経緯に興味津々だ。だが、こうした番組を魅力的なものにしているのは、リフォームの背景にあるストーリーだ。それが視聴者を最後まで引き付ける原動力になる。 CIOは、全社的な変革に乗り出すに当たり同じ戦術を使うことができる。従業員が変革を行う理由を理解するほど、独自のビフォーアフターストーリーを作るモチベーションが上がるからだ。 「人々
この記事に辿り着いたあなたなら、何らかの理由で「視座とは何か?」あるいは「視座を養う方法」に関心があることだろう。 このブログ「Mission Driven Brand」は、外資系コンサルティングと広告代理店のキャリアを持つ筆者が、ビジネスの「できない、わからない」を解決するブログだ。 ビジネスの世界では「ロジカルシンキングが重要だ」と叫ばれて久しい。 ロジカルシンキングは極めて合理的に思えるが、一方で致命的な限界もある。それは「適切な推論の仕方」は教えてくれても「適切な前提の置き方」は教えてくれないことだ。 そして「前提の置き方」が変われば「推論の働かせ方」が変わり「推論の働かせ方」が変われば「結論」も変わってしまうのがロジカルシンキングだ。 これをポジティブに捉え直せば「前提の置き方」を自由自在に変えることができれば、これまでとは全く違う可能性を見出すことができるともいえる。 その際に
(2020/01/17) Power Automate のフロー作成手順の記事へのリンクを「その3:Power Automate で日付減算とメール通知処理フローを作成する」章の文中に追加しました。 きっかけ 日用品って、いざ使おうと思った時に「あれ?在庫ないぞ?」って気付くんですよね。 そして、買い物に行った時に「あれ?何買うんだっけ?」って忘れるんですよね。 我が家は頻繁にこれを繰り返していて、時折バスマジックリンを切らして風呂場を水洗いしたり、食洗器用の洗剤を切らして洗い物の時間が余分にかかったりしていました。 そんなことを数年間も繰り返していた我が家ですが、最近ふと妻が 「これアプリで何とかならない?」 と。 そんな会話をきっかけに、実際に日用品管理アプリを作ってみました。 「無くなったアレ、何だっけ?」 何が無くなったのかをいつも忘れ、色々買いそびれる日用品の購入目安を可視化する
2019年11月11日追記 ただのタイトルで煽ってるだけの記事に半年経っても未だに大量のアクセスがあるので追記しておきます。 ここで言いたいことは、「プログラマならコンピュータサイエンスを勉強してると役に立つよね」、ということ だけ です。 この一文以上に有用な言葉は以降の文章では出てきません。みなさんの時間を無駄にしないために注意書きをしました。 それでも良いという人は読んでみてください。 Twitterで「〇〇ができるという人が面接に来たけど、『じゃあXXXやYYYって知ってます?』というと知らないという人が多いんだよねぇ」とかいうツイートを見かけて、私はXXXやYYYってのを知らなかったので調べた見たところ、常識とまでは言えない概念だったり、名前は知らなくても誰もが知ってる概念だったり、むしろもっと良いアプローチがあるのではという思想だったりでなんだかなぁと思っていたところ、半日くら
SQL Server のフルテキストインデックスを作成する (SQL Server Management Studio を利用) - SQL Server SQL Server Management Studio を利用して、SQL Server のフルテキストインデックスを作成する手順を紹介します。 準備 下図の構造のテーブルを作成します。 作成したテーブルにレコードを追加します。下記のレコードを追加しました。 フルテキストインデックスの作成 SQL Server Management Studioを起動します。左側のツリービューで、データベースのノード内の[テーブル]ノード内の先ほど作成したテーブルをクリックして選択します。選択状態で右クリックするとポップアップメニューが表示されます。メニューの[フルテキストインデックス]のサブメニューの[フルテキストインデックスの定義]をクリックしま
sakuraエディタのgrep検索でコメント行を除外して文字列検索をする正規表現 結論だけ先にいうと、以下の通り ^(?=.*検索したい文字列)(?!^\s*コメントの記号).*$ 例 検索したい文字列=Hello World コメントの記号=// の場合は、 ^(?=.*Hello World)(?!^\s*//).*$ とします。 以下のソースコードを検索する場合、 public class HelloWorld{ public static void main(String[] args){ // System.out.println("Hello World1"); //System.out.println("Hello World2"); System.out.println("Hello World3"); } }
ソフトウェアのテストはたいへんだなあ ソフトウェアのテスト、きちんとしてますか?最近は、スマートフォンやタブレットの普及に伴って、ユーザが使うデバイスの種類が多様化しています。 使われるOSやブラウザ、画面サイズの種類が増える中、プリキュア1の多様化も著しいですね。「プリキュアで学ぶワンライナーWebスクレイピング」で検証した通り、昨年までは43人、今年は「魔法つかいプリキュア」が加わることで、プリキュアの数は総勢45人になりました2。プリキュアはキャラクターによって専用デバイスを持ったり3、感情が昂ぶると常識を覆す事象を起こしたりするので、ITサービスを提供するエンジニアの方々は、ユーザ満足度向上のため、当然プリキュアがユーザになった場合も考慮した動作テストをされていると思います。 とはいえ、プラットフォームとプリキュアの組み合わせの数は、既にかなりの数です。全てのパターンを試すととても
codicは、プログラマーのためのネーミング辞書です。新しいcodicでは、翻訳エンジンを搭載しネーミングをジェネレートできるようになりました。
なぜ読みやすいコードが必要なのか - コードの可読性を高める手法をサンプルで学ぶ システム開発会社「アクシア」の代表として、自社・他社含め、さまざまなエンジニアのコードを読んできた米村歩さん。そんな米村さんの持論は、「コードの可読性は生産性に多大な影響を与える」ということ。可読性の低いコードはどんな弊害をもたらし、どうすれば改善できるのか――。チーム開発を効率化するコードの「可読性」について綴っていただきました。 プロフェッショナルのエンジニアには、「可読性」の高いコードを書くスキルは必要不可欠です。単に目的とする処理が実行できればよいわけではありません。しかし実際の開発業務の中では、可読性は意外と軽視されてしまいがちです。 経験の浅い駆け出しのエンジニアにとっては、可読性の重要さを肌感覚で理解するのは難しいかもしれません。また、新人エンジニアに対してプログラミング言語や開発ツールについて
「ううう、書けない・・・」 そう言いながら僕は机に突っ伏した。 その横で、ディレクターの伊藤さんが間髪入れずにツッコんでくる。 「いや、早く書いてください! 担当編集の中村さん、さすがに怒ってらっしゃいますよ!」 「そりゃ、そうだよなあ。 中村さんとお会いしてからもう1年くらい経つものなあ・・・」 そう言いながら、ゆっくりと顔を上げた僕の名前は松尾 茂起。 京都に本社がある会社『ウェブライダー』の代表を務めている。 僕の仕事は、お客さま企業のウェブサイトの集客を支援するコンテンツをつくったり、コンサルティングをしたり、音楽をつくったりすること。 やっていることは多岐にわたるが、基本的に自分が好きなことをさせてもらっている。 そんな僕に、今まさにお灸を据えてくれた女性が伊藤さん。 うちの会社の敏腕ディレクターだ。 ●伊藤 「そうですよ! 中村さんも、まさかこんなに原稿を待たされるなんて思って
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く