Gaijin Engineer in Tokyo
Being a foreign software engineer in Tokyo has its ups and downs. If you work in a company of foreigners you’re mostly shielded from the experience, but if you work in an actual Japanese company there’s going to be some things that will shock you, some things that will amuse you, and doubtless many things that will frustrate you. This is a run-down of my own personal experiences. As with anything,
Upcoming regular expression features | Blog | Chrome for Developers
ES2015 introduced many new features to the JavaScript language, including significant improvements to the regular expression syntax with the Unicode (/u) and sticky (/y) flags. But development has not stopped since then. In tight collaboration with other members at TC39 (the ECMAScript standards body), the V8 team has proposed and co-designed several new features to make regular expressions even m
今さら聞けない!? CSSのborder-radiusで様々な角丸に挑戦！
2019年2月3日 CSS 要素の四隅の角を丸めるためのCSSプロパティー「border-radius」。ボックスや画像などの要素に対して適応でき、角丸にしたりまん丸にしたりと、様々な表現が可能です。このプロパティーが使えるようになってから、どれだけコーディングが楽になったか…！今回はそんなborder-radiusの基本的な使い方と、応用表現を紹介します！ ↑私が10年以上利用している会計ソフト！ 無難で王道！正円の円弧を使った角丸 border-radius は「border」とついているものの、border プロパティーの指定がなくても大丈夫。background によって与えられた背景や、img 要素で指定された画像の四隅も丸まめられます。 四隅に同じ値の丸みを与えるなら border-radius: 10px; と記述すればOK。半径10pxの正円の円弧をベースにした角丸を実装で
CSSで作る！押したくなるボタンデザイン100（Web用）
.btn-square { display: inline-block; padding: 0.5em 1em; text-decoration: none; background: #668ad8;/*ボタン色*/ color: #FFF; border-bottom: solid 4px #627295; border-radius: 3px; } .btn-square:active { /*ボタンを押したとき*/ -webkit-transform: translateY(4px); transform: translateY(4px);/*下に動く*/ border-bottom: none;/*線を消す*/ }
水彩絵の具デザインを無料でたのしむ、美しいフリーベクター素材まとめ
ウェブデザインだけでなく、グラフィックデザインでも人気となっている、水彩絵の具ペイントデザイン。人間らしさや温かさ、ビンテージな質感などを表現できるアイテムを中心に、無料ダウンロードできるベクター素材をまとめてご紹介します。 ロゴデザインやポストカード、ウェブサイトのデザインパーツなどの作成から、巨大なビルボード広告まで対応できる、拡大縮小も自由自在なベクター素材が揃っています。 詳細は以下から。 水彩絵の具デザインを無料でたのしむ、美しいフリーベクター素材まとめ Watercolor Summer Labels Vector 暑い日が続いている、この夏シーズンにぴったりなラベル、バッジを水彩絵の具デザインと組み合わせたセット。 Watercolor Dots Vector ドット状に16種類のパステルカラーを揃え、どれも落ち着いた色合いが素敵なアイテム。 Blue Watercolor
CSS だけでハンバーガーメニューを設置する | q-Az
モバイル表示の時右上に「≡」アイコンで設置したりするハンバーガーメニュー。通常ならば JavaScript を用いてクリック時に開くようコードを組むのが普通ですが、CSS だけで設置してみようと思います。 今回作るハンバーガーメニューはマウスホバー時に開くタイプです。ラジオボタンなどを使えばホバーではなくクリックでも開くように作れそうですが、ホバーの方が簡単なのでそちらで作ってみます。 追記 ホバーではなくクリックでメニューの開閉をするバージョンの記事を書きました。 参考：checkboxを使ってCSSだけでハンバーガーメニュー 作り方実際に当記事でもハンバーガーメニューを設置してみました。右上の「≡」アイコンにマウスカーソルを乗せるとメニューが開きます。 HTML<div id="ham-menu"> <ul> <li>メニュー1</li> <li>メニュー2</li> <li>メニュー
スマホサイトに入れると使いやすくなる！おすすめjQuery4選！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうも、はやちです_(:3」∠)_ スマホに使うとよりサイトが見やすくなるjQueryをまとめてみました。 アコーディオン アコーディオンみたく開閉式のメニューが実装できるjsです。 記事の多いコンテンツをまとめるのに便利ですね。 ■動きをみる HTML <dl class="acordion"> <dt class="trigger">アコーディオンメニュー<span class="open-close">open</span></dt> <dd class="acordion_tree">テキストテキストテキストテキストテキストテキストテキストテキスト</dd> <dd class="acordion_tree">テキストテキストテキストテキスト テキストテキストテキストテキスト</dd> <dd class="acordion_tree">テキストテキストテキストテキストテキストテキ
ソフトバンク・ヤフージャパンは、強気な交渉で米ヤフー買収から自ら降りていた件｜決算が読めるようになるノート
ご存知の通り、米ヤフーの本業が米国で最大の携帯キャリアベライゾンに買収されることになりました。 正確には、取締役会としてこの売却を決議し、株主に対して「推薦」しているという状況です。このくらい大きな買収の場合、取締役会は交渉の経緯を株主に対して説明し、この売却が株主利益に最も叶うものだ、ということを説明する義務があります。それを説明するProxy Statementが出ました。 この中で、どういった会社とどのような交渉をしていたのか、というのが詳しく出ています。何とソフトバンク・ヤフージャパン連合も買収提案をしており、彼らが自ら交渉を降りたということも明らかになっています。詳しく見ていきましょう。 おさらい: 米ヤフーはなぜ本業を切り離す必要があったのか？まずおさらいですが、そもそもなぜこの買収が起こったのか、というのを見てみましょう。 p35から始まる「Background of the
フロントエンジニアが今話題のFirebaseについて語りたい - Qiita
最初に 最近、Firebaseについての記事をよく見ます。 稚拙ながらもFirebaseについて注目している一人として語りたい。 知識不足(特に後述の歴史の認識)のため、駄文乱文あると思います。ご指摘いただけると幸いです。 React + Redux + Firebaseの実装記事を書きました。 Firebase Databse導入のために考えた4つのポイント。NoSQLと真剣に向き合った時ぶつかったことを書きました。 Firebaseとは mBaas(Mobile Background as a Service)の一つで、Googleの買収で一気に知名度が上がりました。 今までも、十分使えるものでしたが、2016年のGoogle I/Oの発表で統合プラットフォームとしての風格がムンムン漂ってきました。 また、Parse終了の知らせがでるやいなや無料プラン(SPARK)の改変、push n
Live2D WebGLとNW.jsでデスクトップマスコット - Qiita
簡単にできそうだったので、デスクトップマスコットの作り方を調べてみました。 NW.jsを使えば既存のWebアプリがさくっとデスクトップマスコットできますっ！ 開発環境 ・Mac 10.10.5(Yosemite) ・Live2D Cubism SDK WebGL 2.0 ・NW.js → 背景透過サポートのあるv0.12.2のMac 64bit版をDL デスクトップマスコットの作り方 以下のページを参考に背景透過まで簡単にできました。 ・透過がサポートされたnode-webkit（NW.js）でガジェットを作ろう ※ Macの場合は、ターミナルからNW起動とか必要なので以下を参考に → NW.jsによるアプリ実行 １）まずは簡単なアプリを作ってみます 透明部分は背景がちゃんと透過されてます。 ちなみに右上の歯車アイコンクリックでconsoleログが見れて開発しやすいです。 フォルダ構成はこ
2ch勢いランキング：2ch勢いクラウド
ご覧のような、各板の勢いを文字の大きさで表したタグクラウドをご提供しています。あなたのサイトやブログに貼り付けて、今2chで勢いのある板を訪問者に知らせることができます。 更新は15分ごと、２ちゃんねる全板での勢いランキング100位以内に入った板を表示しています。文字の上にマウスをあてると、その板が現在何位にランクインしているかが分かります。 <script src="http://ranking.sitepedia.jp/ranks/cloud.js" charset="Shift_JIS"> </script> ↑このコードをコピペするだけで、導入できます。 ブログの場合 ブログにも、基本的にコピペだけで導入できます。 例として、Seesaaブログの場合でご説明致します。 まず、デザイン→コンテンツから「自由形式」を選択し、任意の場所にドラッグアンドドロップして配置します
アニメゲーム３D美術背景 /キューン・プラント/QUUNPLANT|日本
背景美術を動かしたい その一心で弊社は進んでます。 ２Dと３Dの垣根を取れる会社です。 担当作品 レイトンミステリー探偵社（１年シリーズ）３Dステージ制作・美術・美術監督 荒ぶる季節の乙女どもよ ３D設定・美術・美術監督 テスラノート ３D設定・美術・美術監督 映画えんとつ町のプペル ３Dステージ制作・８割程度美術・監修 亀の甲羅はあばら骨 ３D設定・美術・美術監督 乙女ゲーはモブに厳しい世界です ３D設定・美術・美術監督 テクノロイド 美術・美術監督 クラユカバ ３Dステージ作成 GAMERA -Rebirth- 一部美術ボード・美術 花野井くんと恋の病 ３D設定・美術・美術監督 Unnamed Memory ３D設定・美術・美術監督 メダリスト ３D設定・美術・美術監督
CSS3リファレンス
背景 background-clip …… 背景の適用範囲を指定する background-origin …… 背景の基準位置を指定する background-size …… 背景画像のサイズを指定する 角丸 border-radius …… 角丸をまとめて指定する border-top-left-radius …… 左上の角丸を指定する border-top-right-radius …… 右上の角丸を指定する border-bottom-left-radius …… 左下の角丸を指定する border-bottom-right-radius …… 右下の角丸を指定する 画像ボーダー border-image …… 画像ボーダーを指定する border-image-source …… 画像ボーダーに使用する画像ファイルを指定する border-image-slice …… ボーダー画像の
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - DeNADev/wahid: A CreateJS-compatible library for games