アドビブログ Creative Cloud、Document Cloudの最新情報や役に立つ情報を紹介しています。
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
アドビブログ Creative Cloud、Document Cloudの最新情報や役に立つ情報を紹介しています。
あえてズレを入れるのがミソ！ ウェブのアニメーションを「いい感じ」に魅せるズルいテクニック - ICS MEDIA
アニメーションはゲームだけではなく、ウェブサイトやウェブアプリのUIなど、多くの用途で必要となります。流行りのマイクロインタラクションでもアニメーションは重要視されています。しかし、アニメーションに対して苦手意識を持っている方も少なくないのではないでしょうか。今回は私が普段トゥイーンアニメーションを作る時に使っている、簡単に「いい感じ」に仕上げるズルいテクニックを紹介します。 本記事で扱うのはトゥイーンと言われるアニメーションの種類です。これは、始めと終わりの状態を指定することで、中間の状態を自動的に補完しアニメーションさせる技術。具体的にはCSS TransitionやjQueryのanimate()関数、Adobe Animate CCのトゥイーン機能のことを指します。 本記事のデモはCreateJSで作成していますが、CSS3やjQueryなど他のテクニックでも応用できる内容となって
Electronプログラミング入門 — インストールからミニブラウザ構築まで
Electronプログラミング入門 — インストールからミニブラウザ構築まで 古川陽介 Electronとは、デスクトップクライアントを作るためのフレームワークです。クロスプラットフォームで動作することをサポートしているため、Electronで作ったアプリケーションはMac、Windows、Linuxの環境でも動作します。Atomと呼ばれる GitHub社製のエディタがあります。 ElectronはAtomを作る際にフレームワークとして作られました。以前はAtomShellと呼ばれていましたが、Electronとして名前を変更し、2016年にはversion 1.0がリリースされるまでに成長しました。 ElectronはJavaScript / HTML / CSSを使ってクライアントアプリケーションを作成します。中のアーキテクチャはChromiumとNode.jsで作られており、Web開
JavaScript中級TIPS - Qiita
文字列リテラル HTMLを含む文字列を生成する際に便利なため、囲む時はシングルクォート'hoge'がよい セミコロン 末尾にセミコロンをつけなくても解釈してくれるが、バグを生む可能性があるのでセミコロンはつけるように習慣化する ES6のclass記法のメソッド末尾にはセミコロン不要 同値比較 基本的に===をつかう。==だと寛容過ぎる解釈のため、バグを生むことがある。 短絡評価 hogeFuncの引数にtrue相当の値が入ってきた場合、 ||の右側は読まれない。 hogeFuncの引数にfalse相当の値が入ってきた場合、 （false, null, undefined, NaN, "", 0） ||の右側を読みにいく。 function hogeFunc(e){ e || console.log('piyo'); } hogeFunc(1); // 何も出力されない。もし短絡評価がなけれ
エクセル（Excel）関数を使った集計表の作り方を解説 | マイナビ転職
応募企業の探し方や履歴書の書き方、面接のポイントから円満退職の 秘けつまで。あなたの転職を成功に導くためのノウハウを紹介！ 《この記事で扱う関数》 表とフィールドに名前を定義する 店舗別の売上金額の合計を求める：SUMIF関数（1つの条件） 各店舗の区分別売上の合計を求める：SUMIFS関数（複数条件） 店舗別の取引件数を求める：COUNTIF関数（1つの条件） 店舗・商品区分別の取引件数を求める：COUNTIFS関数（複数条件） 複数の条件を自由に変化させて集計を求める：SUMIFS関数 売上個数の多い順に順位を付ける：RANK.EQ関数 合計を求めるSUM関数は、日頃からよく使用している関数ですね。 では、たくさんの要素が含まれる表の中から、特定の条件を満たすものだけの合計はどうやって求めていますか？ 図のように購入日、顧客情報、商品をどこの店舗で購入したかなど、多くの要素を詰め込んだ
より良いCSSを書くための様々なCSS設計まとめ
CSSは誰でも簡単に自由に書けるのですが、好きなように書いていると「ここを変更したら、違うところが崩れた」といったようにすぐに破綻してしまいます。 さらに、複数人で書いている場合は、各々が好きなように書いて読むだけでも苦痛なCSSが出来上がってしまいます。 そこで、これらの問題を解決するために考えられたのが「CSS設計」です。 今回は記事が長くなり過ぎるので、CSS設計の概要のみを説明し、参考となる公式ドキュメントへのリンクを記載しました。 CSS設計とは CSS設計は、CSSを記述する時のルールとなるものです。プロジェクト毎に適したCSS設計を採用することで、「良いCSS」にすることができます。 最近では、命名規則はBEMで、構成はSMACCSのように各CSS設計の概念を取り込んだオリジナルの規約をつくるといったことも多いようです。 「良いCSS」とは 「良いCSS」の定義として、おそら
カメラ初心者からステップアップ！写真が本質的に上手くなる方法 - ULTIMOFOTO
写真の上手い下手はさほど重要ではない。好きな被写体にとことん向き合うことの重要性 京都や鎌倉などの寺社巡りが好きなつるたまです。 ゴールデンウィークは寺社フェス向源で写真教室６本を行わせていただきました。 写真を上手くなるためにテクニカルな内容を多く書いた記事はよくみかけるけども 写真のアイディアを書いている記事に出会ったことが記憶にあまりない。 そんな気づきから、向源のお寺で写真教室では、 ・カメラのモードダイヤルはオートしか使っていない ・なんとなく絞り優先を使っている 上記の方など、独学で写真を撮っていて基本を学びたい方向けに 「どうしたらシンプルにもっと自分が好きな写真が撮れるのか」 カメラを通して自分やだれか、何かと向き合うことで気付くことを お話しさせていただいたので今回はその一部をご紹介していきたいと思います。 基本を学ぶなら設定は絞り優先 f5.6 まずは撮影に集中できる環
制限されまくったWindows環境で意地でもcmd.exeを起動する
どんなに制限をかけられた環境でもcmd.exeさえ起動できれば何でもできます(何でもできるとは言っていない)。しかし仕事柄アホほど制限された環境に遭遇することがあるんです。そんな制限された環境で意地でもcmd.exeを起動する方法を紹介します。 すべてのプログラムからコマンドプロンプトを起動する。 すべてのプログラムにコマンドプロンプトがない → c:\windows\system32\cmd.exeを直接起動する。 Cドライブにアクセスできない → 「ファイル名を指定して実行」にcmdと入力して起動する。 Win+rが起動しないまたは「ファイル名を指定して実行」から実行できない → タスクマネージャ → ファイル → 新しいタスクの作成 → cmdを起動する。 タスクマネージャで新しいタスクの作成ができない → Explorerのアドレス欄にcmdと入力して起動する。 Explorerの
門外不出のOracle現場ワザ | Oracle 日本
このコラムでは、月刊DB Magazineで連載され大好評だった記事を紹介しています。 また、記事を再編集した単行本が翔泳社より出版されていますので、ご興味のある方はぜひご購入ください。 門外不出のOracle現場ワザ(DB Magazine SELECTION) 【単行本】 第0章 オラクル社のテクノロジーコンサルタントって？ システムテクノロジー製品(データベースやAPサーバー、ミドルウエア製品など)をお使いの皆様に、オラクル社のシステムテクノロジー製品担当のテクノロジーコンサルティングについてご紹介します。 第1章 目からウロコのパフォーマンス分析テクニック Oracleのパフォーマンス管理では、問題箇所を切り分けたりアーキテクチャに基づいて現状を分析する力が必要です。さらに、OSやストレージ、ネットワークとのI/Oまで監視しなければなりません。本コラムではパフォーマンス分析に必要な
そのシェルスクリプトもうちょっとシンプルに書けそう Tips集（Golf/シェル芸ではない） - Qiita
Shell Script Advent Calendar 2015 4日目 の投稿です。 以前から自分用にメモしていたものを文字起こししました。 はじめに 仕事でシェルを使い始めて3年くらい経ちました。 途中、python や ruby でスクリプト作ったり、ちょっと zsh に浮気したりしましたが、なんだかんだで今も Bash を使うことが多いです。 この3年間、スーパーシェル芸人(@ebanさん)にご教授頂いたり、Golfしたり（@ebanの影響）、シェル芸勉強会に参加したり（@ebanの影響）してきました。 そんな3年間のまとめとして、シェルスクリプト初めましてだった3年前の私に向けたTips集を書いてみました。 趣旨 各項目ごとに、まず初心者（過去の私がやってた）あるある実装を例示して、その次に、より良さげな実装を例示する構成としています。 実行環境 OS Mac OS X Yos
Electronアプリをプロダクトとして「正しく」リリースするために必要な3つのこと | 株式会社ヌーラボ(Nulab inc.)
Typetalkデスクトップアプリ 先日、弊社チャットサービスTypetalkのデスクトップアプリをリリースしました。おそらくTypetalk.appのパッケージを覗いてElectronの痕跡を見つけ出した方もいらっしゃると思いますが、その通りElectronをベースに実装しています。 ElectronはHTML、JavaScript、CSSなどWebの技術を使用してデスクトップアプリを開発できます。GitHub社のAtomエディタをはじめとして、今では非常に多くのアプリがElectronベースで公開されており、実装方法についても既に多くの記事が書かれています。 ただし、正式にアプリを公開する場合には、コードサイニングなどを行うなど、考慮が必要なポイントがいくつかあります。そこで本記事では正式にElectronアプリをWindows/Mac向けにリリースするにあたって必要だった3つのことを
ソーシャルゲームのためのMySQL入門 | BLOG - DeNA Engineering
こんにちはこんにちは。最近お腹痛いばっかり言ってることで有名なiwanagaです。 DeNAは外部的にはプラットフォーム的な部分の方がフィーチャーされることが多いですが、実はソーシャルゲームの提供も行っています。怪盗ロワイヤルとか、どこかで聞いたことがあるのではないでしょうか。 僕はDeNAでソーシャルゲームが誕生した辺りからずっとサーバサイドを見てきましたが、そんな運用の中で自分が貯めてきた知見とかTIPSをご紹介したいと思います。 かれこれ10タイトル近くはレビューしたり運用したりしてるため結構言いたいことはいっぱいあるので、小出しにしつつ評判よければ次も書きます。 ソーシャルゲームのためのMySQL入門一覧 ソーシャルゲームのためのMySQL入門 - Technology of DeNA ソーシャルゲームのためのMySQL入門2 - Technology of DeNA 「MySQL
Chrome開発者ツールの小技集 | POSTD
最近、普段以上にChromeの開発者ツールを使うことに時間をかける機会がありました。その過程で、自分が今まで気づいていなかった機能をいくつか見つけました（少なくとも今までその機能を探す必要に迫られていなかった、とも言えるのですが。例えばブラックボックス化や非同期のスタックトレースなど）。そのため、開発者ツールでとても気に入っているいくつかの機能についてまとめてみたくなったのです。 小さな虫眼鏡ののアイコンは、特定の要素やCSSプロパティに対して、「どのCSSファイルに書かれているどのセレクタ/クラスが最終的なスタイルを決めているか」を示してくれます。例えば、どれかDOM要素に対して「要素を検証」を選び、右側の「Computed」というタブを選びます。確認したいCSSプロパティを見つけてその虫眼鏡アイコンをクリックすることで、すぐさま右側に正しいCSSファイル内のクラス/セレクタを表示してく
役所があえて教えない、申請すれば「もらえるお金・戻ってくるお金」（週刊現代） @moneygendai
埋葬料や子供にかかるお金 もらえる人は意外と多いのに、あまり知られていないものもある。 国保や健康保険組合などの健康保険の被保険者(加入者)が死亡した際に、申請すれば葬儀を行った家族が受け取れる「埋葬料」と、被保険者の家族が亡くなったときに受け取れる「家族埋葬料」。金額は各5万円だ。 さらに、親戚や知人が葬儀を行った際には、「埋葬費」として葬儀代、火葬代などの実費に対し、最大5万円までが支払われる。 子供や孫の誕生、進学などを機にお金を取り戻せる制度もある。なかでも「子育てファミリー世帯居住支援」は、知っておきたい制度だ。自治体によって詳細は異なるが、子育て世帯が市区町村に転入し、民間の賃貸住宅に入居する際に、引っ越し費用や家賃の一部が補助されるものだ。 たとえば、東京・新宿区の場合なら、義務教育終了前の子供がいる世帯を対象に、引っ越し費用最大20万円までが補助されるほか、以前に住んでいた
sedコマンドで覚えておきたい使い方12個(+3個) | 俺的備忘録 〜なんかいろいろ〜
LinuxやUNIXを使う上で、ある程度使えると非常に便利な置換コマンドが、このsedコマンドだ。 今回は、このsedコマンドで覚えておきたい使い方について紹介する。 なお、今回の置換・編集の例として、以下のファイルを用いて説明する。 [root@test-centos7 work]# cat /root/sed_test.conf # line 1 line1=enable # line 2 line2=disable # line 3 line3=enable # line 4 line4=enable 1.基本的な使い方 sedコマンドの基本的な使い方としては、以下のようにコマンドを実行することでファイル・標準出力の内容で文字列の置換を行う事だ。 なお、条件の最後に「g」を付けないと、"最初に、マッチした箇所のみ"置換するので注意。 ファイルの内容を置換する場合 sed 's/置換前
これさえ身につけてしまえば、ほぼ思い通りの作品が作れるようになるPhotoshopの切り取りテクニック。
Photoshopにはさまざまな切り取り方法があり、画像の質や状況に応じて使い分けることで思い通りの作品が作れるようになります。 しかし、すべての技術を身に付けてから作品を作ろうとすると時間もかかるので、作品の完成イメージから逆算して、その都度どんな技術が必要なのかを考えながら身に付けるようにすると、より早いスキルアップに繋がります。 ここでは、輪郭が複雑な画像でもほぼ完璧に切り抜くためのPhotoshopテクニックを解説します。 ※コンテストで賞を頂いた際も、ここで紹介している切り取り方法を活用しているので参考にしてみてください ⇒ デザインコンテスト第3弾 Surf in the Cityで受賞を頂いた想いと作品の解説。 FreeRide SNOW BOARD 今回は、元の右画像から空中に飛んでいるスノーボーダーを切り取って、左画像のように雪山の背景に合成させたいと思います。 このよう
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTTP API の設計方向
PHPerに知ってほしいRDBの事 その3
株式会社プロズサービス
データの同時更新を防ぐための排他制御
