![https://sozai.site/archives/829](https://cdn-ak-scissors.b.st-hatena.com/image/square/c71aeda8aa680a61a9cf98c64a7a643bcd8cd151/height=288;version=1;width=512/https%3A%2F%2Fsozai.site%2Fwp-content%2Fuploads%2F2016%2F09%2FStreetWill.co_eyecatch.png)
2016年も残すところ1ヶ月をきったタイミングで、今年1年間のあいだに公開された魅力的なテキストエフェクトの作り方チュートリアルをまとめた総集編を今回はご紹介します。Photoshop と Illustrator で作成できるチュートリアルを一緒にまとめています。 ステップ順に進めていくことで実践的なツールの使い方を覚えながら、デザインを完成させることができるので、ますます進化するデザインテクニックを学んでみてはいかがでしょう。デザインスキルをアップさせたい、そんなひとにオススメしたいチュートリアルを揃えています。 コンテンツ目次 1. Photoshop チュートリアル 2. Illustrator チュートリアル 3. テキストエフェクト用プレミアム素材 Photoshop チュートリアル LED スクリーン風テキストエフェクトの作り方 電光掲示板に表示されているような風合いに仕上げる
デザイン提案時には様々な苦労をすることがあります。 そんな中で色々と試してみて、結果的に使えると感じたいくつかのコツをご紹介したいと思います。 ※この記事で扱う「提案」はデザインコンペ等のデザイン提案ではなく、受注した案件の開発フェーズにおけるデザイン提案を主に扱います。 提案は始めから複数の案を作ると効率的 提案は始めから複数案で 複数案はリスク回避と効率化につながる デザインコンセプトが明確に異なる複数の案を用意する ブラッシュアップするのは、ある程度の方向性の合意を得てからでも遅くはない 複数案の提出が求められていなくとも、複数の案を提出することのメリットは大きいです。 渾身の一案を作り上げても、方向性がずれていた場合、そこに費やした時間は無駄になってしまいます。 最小のコストで素早く合意形成に達するためには、一つの案を作りこむよりも複数の案で当たりをつけ、その中で認識のあっているも
TL;DR いざアニメーションを作ろうとすると結構面倒ですよね。できれば勉強しながら便利なツールを使ってアニメーションを作りたいところ。今回は CSS3 のアニメーションで「ふわふわ」させたり「スカッシュ」させる方法や便利なオンラインツールをご紹介します。 アニメーション12の基本原則を確認 こちらは「何か動きを出してくれ」と依頼された時に見ておきたい、ディズニーによって開発されたアニメーションの12の基本原則(12 basic principles of animation - Wikipedia)デモですが、CSS のみでこういった動きやアニメーションを実現できたら楽しいですよね。ロゴやボタン、イラストなどの一部に使ったら一味違うアイキャッチになるかもしれません。 The illusion of life from cento lodigiani on Vimeo. THE ILLUS
本記事は Qiita Advent Calendar 2016 - Laravel の 1 日目の記事です。 今年から Laravel を仕事で使うようになって、開発がすこぶる捗ったので、Laravel 使って何がよかったか、といったところを中心にご紹介したいと思います。 これから Laravel を試してみたい、という方の一助になれば幸いです。 2016年12月1日現在、最新バージョンは 5.3、LTS1 なバージョンは 5.1 です。 Symfony や CakePHP といった他の主要なフレームワークに比べるとバージョンアップがわりと速く、思い切った変更がしれっと入っていたりするので、選定の際には注意が必要です。 概要 Laravel は、リフレクションを使った柔軟な DI (Dependency Injection: 依存性注入) と、デフォルトで Amazon SQS (キューサ
Laravelを使った開発でハマった事を何か紹介出来ればと思い書いてみました。 DBトランザクションはコネクション毎に効くようになっています 当たり前の事なんですけど、Laravelのような便利なフレームワークを利用していると こういった常識を忘れて何時間もハマってしまったりします。 設定方法によっては同じDBにも関わらず、複数コネクション使用してしまっていて 期待通りにロールバックされないなんて事が起きるわけです。 もしかしたら一生役に立たない例かもしれませんが、 私が遭遇した落とし穴がどんなケースだったのかを紹介したいと思います。 DBのマスター・スレーブ構成を採用したアプリケーション 例えばマスター・スレーブ構成をとっている場合も、Laravelを使っていれば 設定ファイルに書き込み時のhostと読み込み時のhostを指定するだけで勝手に使い分けてくれます。とてもお手軽ですね。 ht
結構前に、vnstatコマンドというネットワークの監視コマンドについて触れたことがあったが、これのWebフロントエンド『Vnstat Dashboard』というものを見かけたのでCentOS7に入れて触ってみることにした。なお、SELinux・Firewalldは停止済みとする。 1.vnstatのインストール まず、以下のコマンドでvnstatのインストール・起動を行う。 yum install -y epel-release yum install -y vnstat vnstat --create -i eth0 systemctl start vnstat 2.Apache・PHP等のインストール 『Vnstat Dashboard』を動作させるため、ApacheやPHPをインストールする。 yum install -y httpd php php-gd wget php-pear
こんにちは、2回目の登場になります。 基盤ユニットの櫻川です。 みなさんはDockerを利用してるでしょうか? Fusicではまだまだ開発環境は Vagrantを複数立てる が主流ですが、 今はDockerの布教活動を行っている真っ最中です。 そもそもDockerを導入した目的 目的は 複数PHPのバージョンを同時に起動したい! です。 というのも、Fusicでは受託開発を行っていることもあり、プロジェクト毎に利用するPHPのバージョンやデータベースの種類・バージョンが異なること多いです。 そのため現在ではプロジェクト毎等でVagrantを新規で立ち上げたり、phpbrewを利用してPHPバージョンを切り替えたりして開発を行っています。 基本的にVagrantとphpbrewで複数PHPを利用することは可能だったのですが以下のような不満もありました。 Vagrant 起動に時間がかかる 複
さくらのアドベントカレンダー(その2)をご覧の皆様、初めまして。一般のさくらインターネットユーザのPiroといいます。 この記事では自分で自由に使えるLinuxなサーバーかPCがあるという事を前提として1、さくらのレンタルサーバーのライトプランで静的コンテンツだけのWebサイトを公開・運用する際のノウハウをご紹介します。 SSH接続できない! 自分は日経Linux誌でシス管系女子という漫画形式の記事を連載させて頂いているのですが、「せっかく本まで出したんだからプロモーション用のページ作りましょうよ!!絵とかバーンとでっかく貼ってかわいい感じのを!!」と言ってみたものの、「日経BP公式サイトのCMS上ではムリ(大意)」と言われてしまったため、自分で勝手にサイトを作って公開する事にしました。約1年前の事です。 で、そうなるとどこかにサーバを借りる必要があるのですが、自分は個人的に10年来以上の
おばんでやす。コモノです。 みなさん、怪談というとどんなお話を思い浮かべるかえ? 「い ち ま い」 「に ま ぁ ぁ ぁ い・・」 「さ ん ま ぁ ぁ ぁ ぁ ぁ い・・・」 「・ ・ ・ ・」 「いちまい・・たり、なぁぁい。。。(||゚Д゚)ヒィィィ」 (ノД\lll)コワイヨー (ノД\lll)コワイヨー (ノД\lll)コワイヨー っていうくだりは、かの有名な皿屋敷だな。よく知られていることだがこの皿屋敷というお話は、日本各地で少しづつ形を変え、同じようなお話が言い伝えられていることでも知られている。不思議なことがあるものだよな。。。 皿屋敷が示すように、古来より怪談は日本人の心の中にある共通の恐怖感や畏怖心を語るもの。そんな怪談話で有名なのが百鬼夜行という絵巻物で、その百鬼夜行をモチーフに妖怪の狂喜乱舞(違うな・・・)練り歩く様をボードゲームにしたのが、今日ご紹介する「百怪夜行
When a new framework is as hot as React is right now, there seems to be a landslide of how-to videos and posts. It can be difficult for the bright eyed programmer to navigate through what is useful and where to start. So the question lies, what is the best way to begin learning React/Redux? This article will help answer this question by walking you through some helpful lessons and exercises. 1# Be
こんにちは @yimajo です。この記事は今から新規でAndroidアプリを書き始めるなら。に大きく影響されています。主な内容として次のような事柄を取り扱っています。 今から書くならこんな設計 こんなライブラリがあるが使ってみた感想 ただ、結論として大して深い内容は書けませんでしたので、がっかりせず、みなさん思い思いにやればいいよっていうことに終着しています。アドベントカレンダーのネタにみなさんも書いてみてはどうでしょう。 言語について Objective-C か Swift か まず最初に言っておくとObjective-CやSwift以外にもiOSアプリを始める方法はあります。例えばObjective-C++とかRubyMotionとか。まあそれはそれで良いところもあると思いますが、複数人でiOSアプリ開発を行いそれを保守したり機能追加したりすることを考えるとObjective-CかS
[2018/07/07 追記] 本記事ではChrome拡張について説明していますが、Firefox1やEdgeの拡張機能もほぼ同じ仕組みで動いています。 [2023/11/06 追記] #参考 ページを追加しました。 Chrome拡張。便利な機能を簡単に追加できるので使っている人も多いと思います。 ただ、インストール時の権限の注意書きが分かり難いので無条件に承認(追加)していることもあるのではないかと思われます。 そこで、本記事ではChrome拡張の権限の種類・確認方法の他、拡張がどこまで(悪いことを)できるのかとその対策を3段階の権限(危険性)レベルごとに紹介していきたいと思います。 便利だが危険性もあるChrome拡張 Chrome拡張をインストールすると、Webページを読むというブラウザ本来の機能だけでなく様々なことができるようになります。 例えば、Webメールの新着通知や記事などの
この記事は CSS Advent Calendar 2016 の5日目の記事です。 W3C Houdini Task Forceで進められている「Houdini」と呼ばれるプロジェクトの話をします。 FlexBoxの例 突然ですが、FlexBoxの話をします。 モジュールの横並びには重宝しますよね。 今年になってだいぶ利用が進んだ印象がありますが、随分と前からFlexBoxの仕様は存在していました。 一番最初の草案に遡ってみると、なんと2009年。 7年前です。 2013年くらいからFlexBox良いぞという記事はちらほら出始め、おそらく皆認識はしていました。 が、ブラウザの対応状況などを考慮し実装できずにいたと思います。 仕様定義の議論から実際にここまで普及するまで7年間もかかっているわけです。 流れを整理してみると、以下のようになります。 提案、議論、仕様書作成あたりに時間がかかるのは
この記事は、次のカレンダーの12/5のエントリーです。 www.adventar.org 春までは、横浜医療情報専門学校のプログラミングサークルのメンバーだったのですが 今は、某SIerに勤めています。 あいかわらず、15:00になると なにがあってもぜったいに帰宅する!!!!というスタンスで がんばっています。 先生だったころは、医療IT科のAndroidアプリ開発やC言語/JavaEE/PHPやアプリケーション設計などの講義ばかり担当だったので アプリケーションエンジニアだった人なのかな?と思われているひとがいるかもしれません。 が、、、、子どもを産む前は ずっと、ネットワークやサーバなどのインフラ技術しかやってきたことがなかった、インフラエンジニアだったのです! というわけで、、、、 みなさんに、一度は基盤技術の講義をしたかったなぁぁぁという想いを込めて 今日は、Dockerを紹介し
この記事は、はてなエンジニアアドベントカレンダー2016の5日目の記事です。 こんにちは、はてなでアプリケーションエンジニアをしている id:shiba_yu36 です。先日、buildersconにおいて、現在所属しているプロジェクトでJavaScriptのユニットテストを導入した知見について、「一から始めるJavaScriptユニットテスト」というタイトルで発表しました。 speakerdeck.com この発表は、実際にJavaScriptのユニットテスト環境を作ってみると非常にハードルが高いと感じたので、そのハードルを少しでも下げられればという思いで、非常にシンプルな例で一から環境を作る例を紹介しました。アジェンダは次のとおりでした。 カクヨムのJS環境 JSのテストツールを整理する 通常の関数のユニットテスト DOM操作する機能のユニットテスト カクヨムのJS環境や、JSのテスト
このエントリはDeep Learning Advent Calendar 2016 5日目のエントリです。EMNLP2016に出ていたHow Transferable are Neural Networks in NLP Applications?を読んだので、それについて書きます。 [1603.06111] How Transferable are Neural Networks in NLP Applications? モチベーション 画像方面では、あるタスク(source side)で学習させた深層学習の結果を、別データセット(target side)でソフトマックス層だけ再学習させる転移学習(Transfer Learning)がうまくいっていると報告されています。 [1311.2901] Visualizing and Understanding Convolutional Ne
先日 JJUG CCC 2016 Fall に参加してきたってブログに書いたとおり、JJUG CCC 2016 Fallに参加してきました。 直接セッションは聞いていないのですが、 @backpaper0さんの 「Selenideを試行錯誤しながら実践するブラウザ自動テスト」というセッション中に流れてきたツイートがきっかけでタイトルの内容について考えてみたので書いてみます。 @backpaper0 さんの当日の資料は以下になります。 Selenideを試行錯誤しながら実践するブラウザ自動テスト 考えるきっかけになったのは、@khasunuma さんの以下ツイート。 @khasunumaさんは同イベントで Payara Micro の設計と実装 という発表をしています。Payara Microを利用している人には有用な情報が目白押しなので、見ることをオススメします。 Selenide導入した
徐々にGitに移行しつつあるのですが、複数人数(チーム)でGitを使った場合の運用ルール、ワークフローというものを考えてみました。 Git使い始めということもあり、不備は多々あると思います。アイディア等あれば是非教えて下さい! 原則 masterで作業しない。ブランチを作って作業する。 ブランチでは1機能もしくは1バグのみ作業する。 ワークフロー 準備 ローカルのmasterに移動する $ git checkout master ローカルのmasterをリモートと同期する $ git pull origin/master masterから、作業用のブランチを作成する。 $ git checkout -b branchname master ブランチ名は担当者名と作業名をスラッシュで結合したものとする。 例: taro/featurename, taro/bugname コーディング コード
2016年12月2日NAVERまとめ対策,著作権侵害対策 このほどDeNAは、運営するキュレーションサイト10サイトのうち、WELQを初めとする9サイトを非公開にした。キュレーションサイトとは写真や文章をネット上からパクって再構成するまとめサイトのこと。 作品を無断転載されて怒り心頭のブロガー・イラストレーター・カメラマン・ライターは数知れない。下らないまとめサイトが表示されてうざいと呆れる読者も多い。今回の騒動にはみなさぞ溜飲が下がったことだろう。著作権侵害を平気でしている会社は窃盗団と同じだ。日本社会の暗黒面をここにみた。 画像の無断使用には料金請求する ぼくはこの秋に、まとめサイト5つを含む、合計8サイトに当ブログの写真が無断使用されているのを発見し、そのすべてに料金を請求した。 そうでないと、普通に使用料を支払ってくださっている他のクライアントに不公平になる。 母校の日芸を写し
MySQL Casual Advent Calendar 2016 - Qiitaの5日目の記事です。 AdventCalendar自体初参加でドキドキ。 トランザクションの開始は、BEGINしたときじゃない! MySQLでは、BEGIN(START TRANSACTION。長いので、以下、特筆すべき場合以外は「BEGIN」で)を宣言しても、内部的にはまだトランザクションを開始してません。 SQLを投げたタイミングで、トランザクション開始になります。 このとき、更新のない、FOR UPDATEもないSELECT文でも、トランザクションが開始されます。 なにそれきもい。 「AutoCommit=ON/OFF」による違い AutoCommit=ONのとき トランザクションはSQLを発行するたびにBEGIN/COMMITで完了し、ロールバックできません。 複数SQLを束ねて1つのトランザクション
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く