しめ鯖日記

swift, iPhoneアプリ開発, ruby on rails等のTipsや入門記事書いてます

その他

「アプリ開発のためのUX講座」まとめ

「アプリ開発のためのUX講座」という動画講座がとても面白かったので、学んだ事や感想をまとめてみました。 動画はSchooの有料会員限定ですが、資料は下URLから見る事ができます。 schoo.jp そもそもUXってなにか? 授業で初めて知ったんですが、実はUXはISO…

はてなブログの過去記事にカテゴリーを付ける

はてなブログの過去記事にカテゴリーが全然付いてなかったので付ける事にしました。 カテゴリーなしは百記事以上あるので少しでも楽になるように工夫しつつ実施しました。 まずはエントリー一覧ページに移動します。 https://blog.hatena.ne.jp/llcc/llcc.ha…

はてなブログのSSL対応でカスタムシェアボタンが動かなくなった時の対策

タイトルの通り、はてなブログのSSL化でカスタムシェアボタンが動かなくなったので対策を書いていきます。 利用させて頂いたカスタムシェアボタンは下サイトのものです。 www.yukihy.com SSL化で発生した問題 下のようにはてブ数とFacebookのシェア数がずっ…

LICEcap for Macで画面が真っ黒になるのでGIPHYに乗り換えた

LICEcapで作られるGifが下のように真っ黒になる現象に遭遇しました。 再インストールしても直らないのでGIPHYというアプリに乗り換えました。 GIPHY Capture. The GIF MakerGiphy, Inc.VideoFree GIPHYとは GIPHYはおもしろGifをアップロードするサービスで…

本レビュー: 「思わず買ってしまう」心のスイッチを見つけるための インサイト実践トレーニング

アプリの企画力アップの為に読んでみました。 「思わず買ってしまう」心のスイッチを見つけるための インサイト実践トレーニング作者: 桶谷功出版社/メーカー: ダイヤモンド社発売日: 2008/10/18メディア: 単行本購入: 12人 クリック: 32回この商品を含むブ…

アイコンフォントを使ってWEBページにアイコンを簡単表示

アイコンフォントを使ってWEBページにアイコンを表示してみました。 利用したバージョンはFontAwesomeの4系です。 まずはindex.htmlを作成してテキストを表示します。 <div id="test"> テキストテキスト </div> 次にアイコン表示の為のCSSをファイルに追加します。 今回は下のアイ…

2018年に読んだ本

ヘンテコノミクス 行動経済学まんが ヘンテコノミクス作者: 佐藤雅彦,菅俊一,高橋秀明出版社/メーカー: マガジンハウス発売日: 2017/11/16メディア: 単行本この商品を含むブログ (2件) を見る 行動経済学についてまんがで分かりやすくまとめてくれている本で…

本レビュー: Illustrator 10年使える逆引き手帖

Illustratorの勉強の為に読んでみました。 Illustrator 10年使える逆引き手帖【CC/CS6/CS5 対応】【Mac OS X & Windows 対応】 (ああしたい。こうしたい。)作者: 高野雅弘出版社/メーカー: SBクリエイティブ発売日: 2014/06/21メディア: 単行本この商品を含…

【Illustrator】グローバルスウォッチで色の共通化

グローバルスウォッチという機能で色の共通化ができるようなので調べてみました。 スウォッチとは スウォッチとはIllustratorにある、色を登録できる機能です。 下のように色登録をすれば、あとからその色を簡単に使う事ができます。 登録した色はスウォッチ…

本レビュー: 売れるもマーケ 当たるもマーケ―マーケティング22の法則

売上を上げる為のマーケティング法則を様々な事例を交えながら伝えてくれる本です。 古い(20年以上前)の本なのですが、顧客心理などの話中心なので今でも役立つ法則が多くありました。 売れるもマーケ 当たるもマーケ―マーケティング22の法則作者: アルライ…

ブログのドメイン変更時Tips ~ 旧ドメインに向いた内部リンクを探す

はてなブログを独自ドメイン化する際に利用したTipsになります。 内部リンク変更とは 内部リンク変更とは自分の記事へのリンク修正です。 下のような自分の記事へのリンクが該当します。 ブログ内の「関連記事」や「カテゴリー」などは自動で新ドメイン向き…

これはすごい! Googleアドセンスが広告の配置場所まで最適化してくれるようになっていた

Googleアドセンスの自動広告がすごい良かったのでまとめてみました。 Googleアドセンス自動広告とは Googleが良い感じに広告を設置してくれる機能です。 今までのAdsenseでは「どんな広告を表示するか」という部分を最適化くれていたんですが、自動広告を使…

有名オフィスチェア、エルゴヒューマンFit 購入レビュー!

エルゴヒューマンのFitという椅子を購入したのでレビューしてみます。 Ergohuman新シリーズ! Ergohuman Fit アジャスタブルアームレスト / ヘッドレスト付 / 完成品 / エルゴヒューマン フィット 座面メッシュ:ブラック(KM-11)/ブラックフレーム出版社/メ…

APIが使えるビットコイン取引所一覧

自動取引をしたかったのでAPIが使える取引所を調べました。 情報は2018年1月時点のものです。 取引所一覧 Bitflyer Coincheck QUOINEX Zaif Bitbank ビットボックス ビットポイント フィスコ仮想通貨取引所 kraken 参考URL bitpress.jp

【php】Laravelをインストールして起動

phpのLaravelというフレームワークを触ってみました。 数年ぶりのphpです。 インストール まずはcomposerというphpのパッケージ管理ツールをインストールします。 curl -sS https://getcomposer.org/installer | php mv composer.phar /usr/local/bin/compos…

【読書メモ】♯HOOKED 消費者心理学者が解き明かす「つい、買ってしまった。」の裏にあるマーケティングの技術

♯HOOKEDという本で学んだ事のメモです。 ♯HOOKED 消費者心理学者が解き明かす「つい、買ってしまった。」の裏にあるマーケティングの技術 (T's BUSINESS DESIGN)作者: パトリック・ファーガン,Patrick Fagan,上原裕美子出版社/メーカー: TAC出版発売日: 2017…

Illustratorのライブトレースで画像をパス化する

ライブトレースという機能を使って画像をパスに変換してみました。 元画像は下のものです、ぱくたそ様のものを利用しました。 冬山山頂の煌めく雪と岩|ぱくたそフリー素材 まずはIllustratorに画像を配置します。 配置した画像を選択して、オブジェクトのラ…

【チュートリアル実践】Illustratorで花を描く

こちらのチュートリアルを参考に花びらを描いてみました。 www.tutorialmaniacs.net 学び・メモ 色選びに悩んだらスウォッチを使うと良さそう 今回使った植物以外にも金属や水など色々なパターンがある スウォッチは布の見本・小布などの意味があるらしい 少…

【Chrome拡張】新規タブのよく見るページを削除する

Chromeで新しいタブを開いた時に出る「よく見るページ」。 面白い機能なんですがついついそこ経由でネットサーフィンする事があるので、Chrome Extensionを作って削除する事にしました。 Chrome Extensionで新規タブを上書き Chrome Extensionでは新規タブや…

Microsoft Translator テキスト APIで日本語を翻訳してみる

Microsoftが提供している翻訳APIを試してみました。 Translator API - Microsoft Translator 準備 まずはMicrosoftのアカウントを使ってAzureのポータルページにアクセスします。 Microsoft Azure 左上の追加ボタンから、 Microsoft Translator テキスト API…

【チュートリアル実践】Illustratorでカラフルなテキストを作る

こちらのチュートリアル記事を参考にカラフルなテキストを作ってみました。 handywebdesign.net メモ オブジェクト → ライブペイント → 拡張 で個別のパーツを選択できるようになる ライブペントとは 閉じたパスに色を付ける機能 ライブペイントで色を塗ると…

【チュートリアル実践】Illustratorで金色の文字を描く

こちらのチュートリアルを参考に下のような画像を作ってみました。 illustratorのグラデーションで文字を金色&メタリックな輝きにするチュートリアル 学んだことなど グラデーションで、暗い色と明るい色を隣接させるときれいな色になる 影になっている文字…

Photoshopでパターンを定義できない時の対処法

PhotoshopのCS3で「パターンを定義を定義」しようとしたのですが、下のように選択できない状態になってしまいました。 「パターンを定義を定義」が選択できない時の対処法 こちらですが、モードが32 bit/チャンネルを選んでいるのが原因でした。 これを16 bi…

Illustratorのメッシュツールを使って複雑なグラデーションを表現する

Illustratorメッシュツールを試してみました。 まずは画面上に四角形を配置します。 次に、ツールボックスのメッシュツールを選びます。 その状態でオブジェクトをクリックするとメッシュラインが作成されます。 メッシュラインを選んだ状態で、カラーを変更…

【読書メモ】Hooked ハマるしかけ

こちらの本を読んでみました。 Hookedというモデルを通して、インスタグラムなどの有名アプリのヒットの仕組みについて書かれています。 Hooked ハマるしかけ 使われつづけるサービスを生み出す[心理学]×[デザイン]の新ルール作者: Nir Eyal,Ryan Hoover…

HEARTフレームワークでアプリの指標を考える

Googleが使っているHEARTフレームワークというものを使ってアプリの指標を考えてみました。 指標を考えたのは、運営中の体重管理アプリです。 体重管理ダイエットのFittを App Store で HEARTフレームワークは下記事を参考にしました。 growthhackjournal.co…

Photoshopで写真の色相を調整する

色相調整を試してみました。 バージョンはCS3、画像はぱくたそ様のものを使っています。 www.pakutaso.com 色相を変えるのは「イメージ → 色調補正 → 色相・彩度」から行います。 ポップアップの色相を移動すれば色を変更する事ができます。 特定の色だけ変…

Photoshopで写真を切り抜き

Photoshopを使った写真の切り抜きを試してみました。 PhotoshopはCS3、写真はぱくたそ様のものを使っています。 www.pakutaso.com 今回はこの写真のひまわり部分を切り抜いてみます。 まずはペンツールを選択します。 ペンツールで、切り抜きたい箇所を囲み…

Sketchでヒヨコを描いてみる

Sketchを使ってヒヨコを描いてみました。 バージョンはv43.2を使っています。 まずは黄色い楕円を描きます。 RGBは#FFF572です。 色相を色々調整したところ、ややオレンジよりの方がヒヨコっぽくなった気がします。 続けて三角形(Triangle)を追加して、角度…

Sketchでの画像切り抜きと画像加工

Sketchを使って画像加工をしてみました。 Sketchはv43.2、元画像はぱくたそ様の物を利用しています。 www.pakutaso.com 画像の切り抜き まずは画像をダブルクリックします。 ダブルクリックすると、第3カラムに「Selection」というメニューが表示されます。 …