日本のエンジニアの質について - ヨーロッパで働くIT土方社長のブログ
www.megamouth.info 「日本のエンジニアの実力はかなり低いと感じています。」 これに関してです。ブックマークのコメントだと気持ちが足りなかったので、結構グローバルにIT土方としてやってる自分の考えを書きたくなりました。 自分の所謂受託の会社をクロアチアという国で経営していますが、社員は今２０人位で、客は主にアメリカ、ヨーロッパー各国で、去年あたりから中東、アフリカの案件も増えてきました。まぁこれだけいろんな国とやり取りしてるってことは、億単位のデカイ案件とかじゃなくて、まぁスタートアップ的な会社とのやり取りが多いです。自分が日本人なので、日本向けの所謂オフショア開発としてスタートしたけど、辛すぎて日本との取引はもう受託はやっていないですね。製品販売は日本でもやっています。 で、日本のエンジニアに関して。客が主に中小企業なので客のエンジニアとか入っている別の会社のエンジニアと
ログアウトのUXを軽視してはならない
Roxanne はライブチャットやビジネスプロセス自動化を専門とする英国に本拠を置くソフトウェアハウスであるParker Softwareのオンラインコンテンツマネージャです。 ログアウトの体験は、ログインする回数が増えている中で見落とされやすいものです。素晴らしいUXほど、ユーザーを送り出すことよりも招き入れることに重点が置かれているのは当然かもしれません。しかし、重視されていないということは、ユーザーのログアウト体験が疎かになっていることを意味します。 最近、アカウントを作成したときのことを考えてください。そのブランドがWebサイトやアプリの入り口から、スムーズかつ素早くユーザーを迎え入れようと苦心しているのは間違いありません。アカウントを作成してアクセスするプロセスは、とても簡単で夢中になります。しかし、ログアウトに関しても同様に言えるということは、滅多にないでしょう。 ログアウトは
コーディング時間を大幅短縮！Moment.jsでよく使う5つの機能
// 日付を指定 var date_str = "2017-01-01 00:00:00"; // 1日足す 2017-01-02 00:00:00 console.log(moment(date_str).add(1, 'days').format('YYYY-MM-DD HH:mm:ss')); // 1日減らす 2016-12-31 00:00:00 console.log(moment(date_str).subtract(1, 'days').format('YYYY-MM-DD HH:mm:ss')); // 1日と1時間足す 2017-01-02 01:00:00 console.log(moment(date_str).add(1, 'days').add(1, 'hours').format('YYYY-MM-DD HH:mm:ss')); // 1日と1時間減らす 20
Vue.jsとNuxt.jsを使用して、Webページのページ遷移に気持ちいいアニメーションを与えるチュートリアル
Vue.jsとNuxt.jsを使用して、スマホアプリで見かけるようなアニメーションを伴った滑らかなページ遷移をWebページに実装するチュートリアルを紹介します。 Native-Like Animations for Page Transitions on the Web 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 最近見かけたページ遷移のアニメーション 使用する理由 前提となる知識 始めてみよう フックの設定 最近見かけたページ遷移のアニメーション フロントエンドのUIで、最近私が最も刺激を受けたのは、スマホアプリで見かけるような滑らかなページ遷移（トランジション）です。こういったインタラクションを実装するのは難しそうに見えますが、一度実装方法をマスターしてしまえば、さまざまなUIに使用することができます。 ここで紹介する方
[CSS・JS] id・class名の頭文字が数字の時にスタイル適用・発火できない方へ - Qiita
div#\0032 の部分は div#\32 でもOKです。 要するに、cssのid classの頭文字が数字の場合は \003または\3をエスケープ文字としてエスケープしてあげれば使用できるということです。 一般的に頭文字に数字があるパターンは広く使われてはいないし、私自身あまり困ったことはないので、そもそも命名をうまくできないかを考えた方がよいのだろうと思います。 今回のケースは広告設置の際に、勝手に決められたidに対して、無理やりスタイルを上書きするという稀なケースだったので。(結局先方にスタイル直してもらったからやらずに済んだ) jsも基本的に同じ 自分の環境で試してはいないのですが、調べるとjsも同じ挙動をするらしいです。 唯一違う点は、エスケープ文字が \003 \3 ではなく \\003 \\3 なので気をつけてください。 他の特殊文字 他の記号だったりもエスケープすれば使え
![[CSS・JS] id・class名の頭文字が数字の時にスタイル適用・発火できない方へ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/cb032cd9cd0629d0f8da77eff5327b32ed11b5b6/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCQ1NTJUUzJTgzJUJCSlMlNUQlMjBpZCVFMyU4MyVCQmNsYXNzJUU1JTkwJThEJUUzJTgxJUFFJUU5JUEwJUFEJUU2JTk2JTg3JUU1JUFEJTk3JUUzJTgxJThDJUU2JTk1JUIwJUU1JUFEJTk3JUUzJTgxJUFFJUU2JTk5JTgyJUUzJTgxJUFCJUUzJTgyJUI5JUUzJTgyJUJGJUUzJTgyJUE0JUUzJTgzJUFCJUU5JTgxJUE5JUU3JTk0JUE4JUUzJTgzJUJCJUU3JTk5JUJBJUU3JTgxJUFCJUUzJTgxJUE3JUUzJTgxJThEJUUzJTgxJUFBJUUzJTgxJTg0JUU2JTk2JUI5JUUzJTgxJUI4JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz0wNjlhODQ3ZWRkZTA0YTdhMWVkOTU3ODQzZWYzZDExMw%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBTaGluZ29ZYWRvbW90byZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9YTFjMTA5MTlkMTRlNWViZDU4NjMyNTUyMjFiZmY1ZmM%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4gV2Fub-agquW8j-S8muekvg%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%2523212121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3Dd45a1f3fec07fda21c657f94d3b3bfc3)
GAS(GoogleAppsScript)を使ってみる #005 - Qiita
概要 スプレッドシート出社記録を付けているのだが、この表何と手作り(* ´艸｀)ｸｽｸｽ 無くなったら新たに作成するのですが、、、（コピペと日付直しと祝祭日のセルカラー変更と～などちまちました操作が必要） 面倒なので自動化します！(`・ω・´) …というのが#001から続けてきた事です。前回#004はセル書式の設定等細々とした部分の実装を行いました(`・ω・´) GAS(GoogleAppsScript)を使ってみるシリーズ一覧 #001. Calendar.getEvents(startTime, EndTime)の挙動がおかしい報告 #002. リハビリ出社記録表作成支援ツールの総括 #003. トリガーの失敗例とソース修正 #004. セルの書式設定の細かいお話 いまここ☞#005. jQueryとTimePickerをユーザプロンプトとして出力するお話 #006. リファクタリング
JavaScriptにはautoprefixerがないのでanimation使用時は注意が必要
世はまさに、SCSS + autoprefixer時代!! 現在はCSSファイルを直接編集する機会は激減し、SCSS + autoprefixerでCSSを生成するのが当たり前になってきている。 おかげでコーディングの工数は激減し、autoprefixerを使用していればベンダープレフィックスのつけ忘れもない。 JavaScriptにもベンダープレフィックス追加 しかし、autoprefixerはあくまでCSSにベンダープレフィックスを自動追加するものなので、JavaScriptには追加されない。 ゆえにベンダープレフィックスを必要とするAndroid 4系などはJavaScriptでstyleを追加された際にベンダープレフィックスが付いていないと動かなくなってしまう。 例えばこのようなCSSが適用された要素に… /* <div id="b"></div> */ #b { width: 2
『How To Improvise Part5 Chord Tone Soloing』
この記事は私が音大でやっている授業内容の１部分を 学生の予習、復習の目的でこちらのページに記載しています。 （譜例はクリックすると大きく表示されます） 今回のテーマは「コードトーンを使ってフレーズを作ろう！」
Vue.jsで画像のカルーセルを作成する - Qiita
はじめに Vue.js 2.x系を利用してカルーセルを作成しました．作り方を記載します． Vue.jsでカルーセルをつくるではクリックイベントで発火した関数が，表示部分の中身自体を変更しています． 本投稿では，表示したい全要素を含んだ大きなコンテナを用意し，横スライドして表示位置を変更していく方法を取りたいと思います． ちょうど，下図の赤枠の部分が移動することで，表示される内容が変更されるイメージです． リポジトリ 実装した内容は下記リポジトリにアップロード済みです．ご参考にしていただければ幸いです． 本記事執筆時とコードの内容は異なる場合があります． 実装内容 構成 ImageCarousel.vueが今回作成したカルーセルのコンポーネントです． ここにJavaScript(正確にはTypeScript)のコードを記述しています．また，次の要素は別ファイルとなっています． image-c
熟練デザイナーこそ気をつけたい「コントラスト」に関する3つの話
Webページを閲覧しながら、文字がやや読みにくいな、そう感じたら、コントラスト比が弱いのかもしれません。意外に思われるかもしれませんが、彩度が高いからといってコントラスト比が十分保たれているわけではありません。 普段気にかけない(かもしれない)コントラストですが、コントラスト比が低いと問題も発生します。万人が読みやすいユニバーサルなWebデザインにするには、どうすればいいのでしょうか。 そこで今回は、熟練デザイナーこそ気をつけたい「コントラスト」に関する3つの話をご紹介します。デザイン歴が長くとも意外と見落としがちなポイントもあるので、ぜひ見直しておきましょう。 Webアクセシビリティにおけるコントラストとは？ イメージ画像 / Unsplash *コントラスト比(contrast ratio)*は、一般的に液晶画面について、最も明るい部分(白)と最も暗い部分(黒)の明るさ(輝度)の比率の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
VueConf.US 第2日目のセッション