2017 - 08 - 12 CSSでボタンデザインを作ってみた ブラウザ上でコードを書いて実行できるWebエディタ「CodePen」の アカウントを作成 しました。これまで使っていた Atom と同等の機能が備わっている上にサクサク動作してくれるので気に入っています。簡単にCSS・JSのPreprocessorを選択できるところも素敵です。 数ヶ月ぶりとなる今回のエントリーは試しにいくつか書いてみたボタンデザインの備忘録になります。次のエントリーはもっとはやいはず。 Button #1 See the Pen Button #1 by appdamacy ( @appdamacy ) on CodePen . ボタンの下部にラインが走るホバーエフェクト。クールでシンプルなサイトデザインにぴったり合います。個人的には背景に色があるほうが格好良く感じます。 Button #2 See the

2017 - 04 - 11 HDR写真を手軽に撮影できるカメラアプリ「Relight」がプリセット豊富でかなりおすすめ！ アプリ・Webサービス アプリ魂です。今日はリアルタイムにHDRエフェクトをかけられるカメラアプリ「Relight」を紹介します。すこし前にストアで無料になっていた（今も無料かも？）から試しにインストールして使ってみたらこれがなかなか優秀。 高品質なプリセットが数多く搭載されているので手軽にカッコよく写真を撮影・加工できます。HDR写真が欲しいときにはぜひ活用したいカメラアプリです。 Relightのエフェクト Enhance Low Light Artistic Clarity Sky Dramatic Overexposure Fog まとめ Relightのエフェクト Relight - より良い写真を Code Organa カメラアプリ 多くのカメラアプリと

2017 - 03 - 22 パノラマ写真を3分割できる「Panols」でインスタをもっとお洒落に！ iPhoneアプリ こんばんはアプリ魂（ @appdamacy ）です。昨日の記事（ インスタグラマー御用達！人気のおすすめ写真加工アプリを紹介するよ！ ）でインスタで使えそうなアプリを紹介したんだけど、たまたま今日からPanolsを無料で手に入れられるようになったのでお知らせします。 Panolsの特徴 Panols Juan Arreguin 写真／ビデオ Panolsは パノラマ写真をインスタグラムで投稿できるように３分割できる アプリ。オシャレなインスタグラマーはもちろん企業アカウントのブランディングにもよく使われているアレが実現できます。ホーム画面ではiPhoneで撮影したパノラマ写真が並んでいるのでさくっと確認したいときにも便利です。 グリッドで分割 ３つに分割されたグリッドを

2017 - 03 - 21 インスタグラマー御用達！人気のおすすめ写真加工アプリを紹介するよ！ iPhoneアプリ こんばんはアプリ魂です。写真加工って地味に時間がかかったりするよね。だからパソコンの画像編集ソフトでごにょごにょするよりスマホアプリでフィルターかけたほうが手軽だなーと感じはじめています。撮った写真をDropboxにつっこんでおくとやり取りも楽ちん。あとVSCOみたいにパソコンだと有料のプラグインもスマホアプリでは無料・格安で使えるのも嬉しい。というわけで今日は無料で簡単に写真加工できるおすすめアプリを５つご紹介します。 VSCO VSCO Visual Supply Company 写真／ビデオ インスタグラマー御用達のフィルター「C1」が目玉 の加工アプリ。あぁ、インスタの写真だなーって感じに仕上がります。C1を含めた初期のセットでも十分戦えますが、有料でさらにフィルタ

2017 - 03 - 15 子育てアプリ「ninaru baby ニナルベビー」で成長にあわせた育児の悩みを解決！ iPhoneアプリ こんばんはアプリ魂（ @appdamacy ）です。今日は育児を数年にかけてサポートしてくれるニナルベビーを紹介します。 ニナルベビーの特徴 ニナルベビーは育児に関する記事コンテンツが満載のアプリです。すでに子育てを始めてるひとだけでなく、これから出産を控えているひとに向けた情報も用意されているのが特徴。出産前の準備、出産の流れ、産後の準備をカバーしているので事前に予備知識を得ることができます。 2歳までメッセージが届く ホーム画面には子育てをサポートしてくれるメッセージが届きます。1歳になるまでは毎日メッセージが届くので頼りにできます。 育児によくある悩みを解決 育児には時期応じた悩みがあるもの。時期にあわせたおすすめ記事が提供されるので、いま直面して

2017 - 03 - 12 気持ち伝わる絵文字アイコンフォント「Speakemoji」がとっても可愛い！ Webサービス こんばんはアプリ魂（ @appdamacy ）です。今日は可愛い絵文字のアイコンフォント「 Speakemoji 」を簡単な使い方と併せて紹介していきます。 Speakemojiの特徴 使用できる絵文字の種類とサイズについて簡単に説明します。 ４８種類の絵文字 クラス名：.se-angry　.se-badEvil　.se-badFrown　.se-blush　.se-boiled　.se-cool　.se-dead　.se-deadSweat　.se-emoKiss　.se-expressionless　.se-flushed　.se-frown クラス名：.se-goodEvil　.se-grin　.se-happyKiss　.se-joy　.se-kiss　.se

2017 - 03 - 11 Kindle「日経BP社50%ポイント還元CP」から注目の技術書・ビジネス書を10冊ピックアップしてみた！ 電子書籍 こんばんはアプリ魂（ @appdamacy ）です。今日はKindleストアで開催中の日経BP社キャンペーンより注目の技術書・ビジネス書を10冊ピックアップして紹介します。 言語を作る まつもとゆきひろ 言語のしくみ www.amazon.co.jp Rubyの生みの親、まつもとゆきひろさんによる言語開発の解説書。この一冊のために作られた新言語「Streem」の開発過程を通して、プログラミング言語の実装に触れることができます。 言語を学ぶ JavaScript入門 www.amazon.co.jp 比較的新しいJavaScript入門書。サンプルプログラムが用意されているのでスライドショーからTODOアプリまですぐに作れます。HTMLとCSSに

2017 - 03 - 09 芋づる式に周辺知識が身につくニュースアプリ「Swingnews」で欲しい情報だけを先取りしちゃえ！ アプリ こんばんは、アプリ魂（ @appdamacy ）です。今日は先月リリースされた新しいニュースアプリ「Swingnews」を紹介します。 Swingnewsとは Swingnewsは気になるキーワードを選んで好みの話題を追いかけることができるニュースアプリ。忙しいビジネスパーソン、日々の情報収集に時間がかかり過ぎている学生にもぴったりなツールだ。 Swingnewsの特徴 Swingnewsが持っている３つの大きな特徴は以下のとおり。 キーワードを選べる 自動運転、機械学習といった旬のキーワードから、野球の球団名まで、ありとあらゆるものをタップひとつでマイキーワードとして登録することができる。 異なる視点が集まる キーワードに反応した記事が集まっているから

2017 - 03 - 04 綺麗で見やすいリファレンスサイト「HTML Reference・CSS Reference」がおすすめな理由！ Webサービス @appdamacy です。今回はHTML・CSSを学習し始めたばかりの初心者でも使えるリファレンスサイトを紹介します。 頻繁に使うことのないものは使用するときのルールを忘れてしまいがちなので、困った時はこれから紹介する２つのサイトを活用してみてください。 HTML Reference HTML Reference - A free guide to all HTML elements and attributes. HTMLタグと付与できる属性が紹介されているリファレンスサイト。無駄な情報は一切なく、必要最低限の説明だけが記載されているのが特徴です。 113個のHTMLタグがひと目で確認できる トップページでHTML要素のタイプが表

2017 - 03 - 01 人工知能でタイピングの練習ができる「Typing Bolt」を使ってみた！ Webサービス @appdamacy です。今日はタイピング練習サービス「Typing Bolt」を使ってみました。普段からパソコンを使う習慣があるのでキーボードを見なくてもタイピングはできるのですが、特定の指しか使っていない我流タイピング・・・毎日ちょこちょこやって矯正していきたいです。 AIがあなたのレベルに最適化した単語を生成する タイピングボルトは人工知能エンジンを採用しています。あなたがタイプした入力パターンを解析して、ユーザーレベルに最適化された単語を生成して出題してくれるので、これまでにない効率の良さでタイピングを上達させることができます。 キーボードを見ずに入力できる初心者向けのUI 最終的にキーボードを見なくてもタイピングできるレベルまでサポートしてくれます。そのため

2017 - 02 - 26 paizaさんからAmazonギフト券・500円分が届いたよ！ プログラミング日記 こんばんは @appdamacy です。月初めに開催されていたpaizaラーニングの独立オープンキャンペーンで Amazonギフト券・500円分が当選 しました。 こんなの当たったことないから嬉しいー！アマゾンで何を購入するときに使わせてもらおうかワクワクです。 上の記事を読むとpaizaラーニングがどんなサービスか詳しく分かるけどせっかくなのでアプリ魂でも簡単にポイントだけ紹介しておきます。 paizaラーニングとは paizaラーニング はコーディング転職サイトで有名なpaizaから独立したプログラミング動画学習サイトです。これからIT企業で働きたい人が就職・転職できるカリキュラムが作成されています。 1本たったの3分の動画 ＋練習問題で毎日少しずつ学べる 動画は 声優の上

2017 - 02 - 24 作り置きできる野菜おかずのレシピ本でカンタン時短！ 電子書籍 お料理の苦手な @appdamacy です。ひとり暮らしをはじめるまで学校の調理実習くらいでしかキッチンに立ったことがありませんでした。 最初のころはスーパーで惣菜を買ってきて食べていたのですが、最近では カラダのことを考えてちゃんと料理するようになりました。 ただ毎日ゼロから作っているともっと効率よくできないものかと考えはじめるもの。「作りおきの野菜おかず」という料理本が役に立ったので紹介します。 参考になった料理本「かんたん！ラクチン！作りおきの野菜おかず 205」 かんたん！ラクチン！作りおきの野菜おかず 205（ Amazon ・ Kindle ） 食べる時間が惜しいくらい忙しいときってありますよね。そういう日は野菜まで手が回らなかったりしたのですが、 作りおきすることで毎日野菜を摂取できる

2017 - 02 - 15 【初心者向け】レスポンシブ対応のCSSフレームワークは「Responsive Grid System」がオススメな理由 @appdamacy ですペコリ(o_ _)ｏ)) 今日は初めてレスポンシブデザインのWebサイトを作ったときに役立ったCSSフレームワークを紹介します。趣味でWeb制作を勉強している人や学習を始めたばかりの人向けです。 Responsive Grid Systemとは CSSフレームワークというとBootstrapやFoundationが有名みたいですが、初心者がはじめて自分のコード以外を使うには全体のボリュームが大きくて混乱してしまいます。 実際にはコンポーネントといって部品みたいに小さく使えますが、そもそもプログラミングを書き始めたばかりの人は英語のドキュメントを見るだけでうわーってなってしまいます。 そこで見つけたのが、コード量が短く

2017 - 02 - 13 無料で商用利用可能な写真素材を検索できる「CC Search」を育てよう！ @appdamacy ですペコリ(o_ _)ｏ)) ブログを書いているとクオリティの高い写真を使いたい欲がでます。何日か前にクリエイティブ・コモンズから新しい画像検索サービスがでたというニュースを見たので調べてみました。 クリエイティブ・コモンズ（Creative Commons、以下「CC」）とは、著作物の適正な再利用の促進を目的として、著作者がみずからの著作物の再利用を許可するという意思表示を手軽に行えるようにするための様々なレベルのライセンスを策定し普及を図る国際的プロジェクト及びその運営主体である国際的非営利団体の名称である。クリエイティブ・コモンズが策定した一連のライセンスはクリエイティブ・コモンズ・ライセンスと呼ばれる。 クリエイティブ・コモンズ - Wikipedia ま

2017 - 02 - 12 iPhone・Mac対応のテキストエディタアプリ「Bear」が可愛くて愛しやすい！ @appdamacy ですペコリ(o_ _)ｏ)) ついこの前「Dropbox Paper」を使い始めましたっていう記事を書いたけど光の速さで「Bear」に乗り換えました。ごめんなさい。 デザインがシンプルで綺麗。Markdown形式で書ける。それ以外の機能を求めていないのと、ちょくちょく登場してくるクマさんが可愛いので満足です。 テーマのカラバリは９種類 有料のサブスクリプションを契約するとデフォルトのほか８種類のテーマから選ぶことができるようになります。その日の気分で変えてみたりして、楽しく文章を書いていけるといいな。 目に優しそうな暗い系のテーマが充実しています。欲をいうと明るい系はデフォルト以外には１種類しかないのが残念・・・もっと明るくて可愛い色合いを望んでいる人は他

2017 - 02 - 11 本田圭佑から学ぶ人生哲学「直撃 本田圭佑」は名言だらけ！ @appdamacy ですペコリ(o_ _)ｏ))ここ数年は電子書籍を読むことが多くなってきたのでその中で良かったものを紹介したいと思っています。 ということで今回とりあげる本のタイトルは「直撃 本田圭佑」です。説明不要なくらい直球なタイトルだけど簡単にポイントをあげるとこんな感じ！ Point１ ：サッカー日本代表「本田圭佑」の人物像に迫る Point２ ：アポなしでロシア、イタリア、スペインへ足を運ぶ Point３ ：足かけ６年、２８回にわたるジャーナリストの物語 サッカー日本代表の本田圭佑さんにアポなしインタビューを続けた6年間をまとめたものでかなり見応えあります。雑誌Numberで掲載されていた記事に加筆・修正されています。 個人的に闘う社会人に贈りたい一冊で、ファンだと公言している友達にプレゼ

2017 - 02 - 10 今年のバレンタインデーは「チロルチョコ工場」で作ろう！ @appdamacy ですペコリ(o_ _)ｏ))バレンタインが近づいてきたので、ふとレシピ系のアプリとかないかなーと思ってチェックしていると面白いアプリを発見！その名も「チロルチョコ工場」・・・もちろんコンビニとかに売っているあのチロルチョコです。あげる人がいない人、くれそうな人がいない人はひたすらこのアプリでハイスコアを目指しながら時が過ぎるのを待ちましょう。 作って！MYTIROLモードと仕分けて！チロルチョコモードの２つのモードが用意されています。個人的には仕分けるやつが好きです。学生の頃バイトで仕分けをした経験がありますが楽しかったのを思い出します。 注文どおりのチロルチョコを作らなければいけない「作って！MYTIROLモード」。トップ、センター、ボトムそれぞれに指定の材料を入れていって、制限時

2017 - 02 - 09 【140日目】LINEの年齢確認ができる格安SIM「LINEモバイル」の特徴を調べてみた @appdamacy ですペコリ(o_ _)ｏ)) 今日はLINEモバイルの特徴をまとめながらデザインの練習をしました。 皆さん格安SIMはつかっていますか？実はマイネオの格安SIMをDocomoのiPhoneに指して使っているのですが、年齢認証が出来なくなったので「LINEモバイル」に変更しようかどうか迷っています。以前はパソコン版のLINEから年齢認証にチェックを入れるだけ良かったのが今はどうにもなりません(ﾉ△･｡) 今使っているマイネオの解約月？を調べていないので気が早いのですが、LINEモバイルのことを調べてみて個人的に良さそう！と思った部分をまとめておきます。 年齢認証が可能などLINEだけの限定サービスが魅力 まず初めに説明しておくとLINEモバイルは日本人

2017 - 01 - 30 【130日目】モリサワのフォント製品「MORISAWA PASSPORT ONE」を買ってみた @appdamacy ですペコリ(o_ _)ｏ)) 以前から気になっていた「MORISAWA PASSPORT ONE」を買ってみました。 アマゾンだと5000円くらい安くなっていて45000円くらいでゲットできました。といっても値段が値段だけに購入ボタンを押すまでためらってしまったけど（笑） いざ届いてから開封して使ってみると満足しているので今のところ今年一番のお買い物になりました。 ロゴのフォントを変更してみた これまではドット絵のキャラクターにあわせてフリーフォントを使わせてもらっていたのですが、若干読みにくさを感じてました。小さい文字になるとドットフォントは可読性が低い・・・ せっかく有料のフォントパックを購入したので、この機会にロゴを変更してみようと思いフ