非デザイナーがナメられないための、おすすめデザインツール12選
僕は非デザイナーですが、こちらの考えにとっても共感します。 ブログにしても、アプリにしても、イベントにしても、良いコンテンツは世の中にもういっぱい溢れていて。 本気度を示し、他ではなく私たちのコンテンツを選んでもらうために、デザインにこだわるって大事だなって考えています。 おしゃれなものを作らなければいけない、と言うわけではないと思います。 使ってもらいたい・届けたい人たちに寄り添い、作りたい世界観を伝えるためのデザインにすること。 相手視点を持った思考が大事なんじゃないかなって思います。 『わかる！だけど実際難しいんだよ！』 という非デザイナーの方々に向けて、同じく非デザイナーの僕がお気に入り登録して愛用しているツールをシェアします。 有名どころも多いですが、もしご存知ないものもあったら触ってみてください。
10年遅れたJavaScriptの知識をざっくり10分でアップデートしよう
久しぶりにJavaScriptを勉強しようと思ったら、すっかり浦島太郎状態だった……なんて人も多いのでは？ モダンなJavaScriptの知識をコンパクトにまとめました。 JavaScriptを取り巻く環境がどんどん変化しています。新たなツールやフレームワークが生み出されているだけでなく、言語そのものがES2015（ES6）の登場で大きく変わりました。JavaScript開発の学習がいかに難しいか愚痴をこぼす記事がたくさんありますが、無理もないことです。 本記事ではモダンJavaScriptを紹介します。JavaScriptの進展を解説し、フロントエンドWebアプリケーションを作るために使われているツールや手法の全体像を確認します。JavaScriptを学び始めたばかりの人や、以前は使っていて数年間離れたため変化を知りたい人はぜひ読んでください。 Node.jsについて Node.jsは
ガントチャートをフリーで作成できるツールとエクセルによる作成方法
0 0 423 0 ガントチャートがプロジェクト管理に役立つという記述を目にすることが多くなりました。そんなに便利なのであれば、「ぜひ始めてみたい！」という方も多いと思います。しかし、初めてなのでできればフリーのガントチャートツールで手軽に始めてみたいとお考えの方も多いでしょう。 そこで、フリーで利用できるガントチャートツールをクラウド、ローカルそれぞれの環境で利用できるもの、そして依然として多くの現場で利用されているエクセル向けのものまでを幅広くご紹介します。 まずはガントチャートとは何かという概要を理解していただき、その上で使いやすいガントチャートツールを探してみてください。 目次 1. ガントチャートを理解しよう 2. おすすめフリーガントチャートツール 4 選 3. エクセルでガントチャートを作成してみよう 4. まとめ 1-1. ガントチャートとは ガントチャートは、プロジェクト
シェルスクリプトでバックアップのすすめ～初心者でもよくわかる！VPSによるWebサーバー運用講座(5) | さくらのナレッジ
VPSによるWebサーバー運用講座の連載５回目(最終回)です。 今回は、シェルスクリプトによるWebコンテンツのバックアップの方法や、OSのセキュリティアップデートについて解説します。 サーバーOSはCentOS 6.7として説明しています。 Webコンテンツの定期バックアップをしよう VPS上にWordPressなどのCMS(コンテンツマネジメントシステム)をインストールしてWebサイトを運用しているケースは多いと思います。 こういったツールは、ファイル転送ソフトを使わなくてもブラウザだけで記事を書いたり編集したりできて便利です。しかし、作った記事コンテンツはサーバー上にしか存在せずパソコン上には残りません。何らかのアクシデントでデータベースのデータが消えてしまうと、バックアップがどこにもないので泣き寝入りするしかありません。 便利さの反面そういった落とし穴があるので、日頃からデータのバ
アイコンフォントをPhotoshopで使用して作業効率を上げる方法 | 株式会社LIG
はじめまして！ デザイナーのみやです。 この前、黒猫が襲ってきたと思ったら風に舞ったゴミ袋でした。 刺激の多い毎日で充実しております。 突然ですが、アイコン使ってますか？ サイトデザインに欠かせない要素の一つとしてアイコンがあります。 適切なアイコンを置くだけでユーザーの理解を高めることができますが、みなさんは普段デザインするときにどのようにアイコンを用意していますか？ おそらく素材サイトで探してきたり、一つ一つ作成したりと様々だと思います。 ただ、配布されているアイコンセットは数が多くなかったり、始めからすべて作るとかなりの手間だったりと、時間がかかってしまっているのではないでしょうか。 そんなとき便利なのがアイコンフォントです。 そこで今回はアイコンフォントをPhotoshopでのデザインに取り入れ、デザインの効率化を図る方法をご紹介します。 アイコンフォントとは アイコンフォントとは
Excelの本気！作業効率をアップする衝撃のアドインとツールまとめ - リクナビNEXTジャーナル
そもそもアドインって何？どうやって使うの？ アドイン（Add-in）とは、Excelなど各種Office製品に『あとからいろいろな便利機能をつける』ために作成された拡張パッケージのこと。 イマイチ日本では流行らなかったこともあり、利用方法すらよくわからない…という人も多いかと思いますので、まずは簡単に登録方法を下記に記載しておきます。 アドインファイル（.xla .xlam .xll）を「アドインフォルダ」に保存 ※既定は［C:Programm FilesMicrosoft OfficeOffice15Library］パスは環境によって多少異なりますが、わからない場合は「ファイルの検索」で【Excel.exe】があるフォルダを参照 Excelを起動して「ファイル」⇒「オプション」⇒「アドイン」と選択 アドインダイアログで「参照」⇒上述のファイルを選択して「OK」 これでOKです。そうすると
IT屋必見！ 『コマンドプロンプト』のストレスが少し減る小技集 - ゆとりずむ
こんにちは。らくからちゃです。 今日も、東京も東京証券所も雨模様ですね。昨日よりかは、多少小雨になってきたようですが、遠くの方に台風が見えるのが気になります。最大瞬間風速50メートル以上と、大変強力な台風なので、お庭においてあるあれやこれも、ポートフォリオも吹き飛ばされないようにご警戒ください。 さて、自己紹介のところでも書かせて頂いていますが、なんちゃってコンサルタントをやらせて頂いております。ただ、システムのインストールやら、アドオン開発のテストなどなどで、見よう見まねでエンジニアっぽいことをやっている時も御座います。（到底本職の人には敵いませんが・・・） まあお客様がご利用している端末がWindowsであることが殆どですので、システムをメンテナンスする際にもWindowsのコンソール機能である『コマンドプロンプト』を使うことになります。このコマンドプロンプト、ちょっとした小技で随分い
WordPressでしっかり設定しておきたいセキュリティやメンテナンスに役立つ.htaccessのまとめ
WordPressでブログやサイトを運営する前、そして運営している時にしっかり設定しておきたいWordPressのセキュリティやメンテナンスに役立つ.htaccessの設定を紹介します。 .htaccessファイルを守る 最初に行うことは、.htaccessをあなた以外の無許可のアクセスから守ることです。下記のスニペットは第三者があなたの.htaccessファイルにアクセスするのを阻止します。 ルートの「.htaccess」に下記を記述します。 <files ~ "^.*\.([Hh][Tt][Aa])"> order allow,deny deny from all satisfy all </files> wp-config.phpファイルを守る WordPressでもう一つ重要なファイルがあります、それはwp-config.phpです。
エクセルショートカットまとめ仕事の作業効率アップ
エクセルを使う人なら当たり前のショートカットですが、新入社員やよく使うけど意外と知らなかった！っという声を仕事をしていてびっくりされたりすることもあるのでよく使うものをまとめてみた エクセル便利ショートカットまとめ ctr + C コピー ctr + V コピーした内容を貼り付け ctr + X 切り取ってコピー ctr + 矢印：入力があるセルにぶつかるまで移動する ctr + A シート全選択 ctr + Z 作業した内容を一つ前に戻る ctr + スペース：選択中のセルの1列を全選択 Shift + スペース選択中のセルの1行を全選択 ctr + D 複数行を選択している場合、一番上のセルの内容を選択している下の行のセルに全てにコピーする ctr + R 複数列選択している場合、一番左のセルの内容を選択している右の列に全てにコピーする ctr + Shift + = 押した上にある行
ページが見つかりません | 挑戦する20代の転職サイト - キャリトレ
お探しのページは見つかりませんお探しのページは一時的にアクセスできない状況にあるか、移動もしくは削除された可能性があります。 また、URL、ファイル名にタイプミスがないか再度ご確認ください。
新入社員必見！プレゼン資料の作り方からプレゼン方法の基礎まで学べる良質SlideShare11選
ビジネスシーンにおいてプレゼンをする機会は誰にでもあるのではないでしょうか。 プレゼンというと「商品を販売する行為」をイメージしがちですが、一口にプレゼンといってもお客様に提案をする時、自分の売り込みをしたい時以外にも、社内メンバーへの提案や上司を説得する際にもプレゼンは必須です。 つまり、プレゼン能力は全てのビジネスパーソンにとって無くてはならない能力なのです。そのための、プレゼン力をつけるためにはまず、基本的なルールを学びましょう。 今回は、世界的に有名なファイル共有サービス「SlideShare（スライドシェア）」より、プレゼン資料の作り方から実際のプレゼン方法まで学べる資料を11個厳選してご紹介します。 資料作成時には実際のプレゼンを想定し、伝えたいポイントだけを記載する必要がありますが、書きたいことを整理出来ず情報を詰め込んでしまいがちです。 このスライドでは、聞き手に伝わるプレ
AWS(Amazon Web Services)技術資料メモ(2015年3月版) - hiroshixの日記
2015-03-16 AWS(Amazon Web Services)技術資料メモ(2015年3月版) 2015年3月版に更新。 技術資料はココにあるんだけど、散らかってるのでまとめてみた。全体的に資料の日付をチェックした方がいいかも。資料公開からアップデートがある場合も。あとどの資料も最初に概要入っててごめんなさい。 概要的なやつ スタートアップならおさえておきたいAWS入門サービス概要と基礎知識編 スタートアップならおさえておきたいAWS入門サービス概要と基礎知識編 from Hiroshi Takayama →つまづきやすいポイントや不安点など WebサービスStartUP向け AWSスケーラブルな構成例 WebサービスStartUP向け AWSスケーラブルな構成例 from Amazon Web Services Japan →構成例・代表的なサービスの一言紹介・課金関連・サポ
Backbone.JSからAngular2まで、全9大JavaScriptフレームワークを書き比べた! - paiza times
(English article is here.) こんにちは、吉岡([twitter:@yoshiokatsuneo])です。 ウェブ開発に欠かせないJavaScriptフレームワークですが、日々発展しておりReact.js, Ractive.js, Aurelia.js, AngularJS2.0など次々と新しいフレームワークが出てきています。 一体どれを使えばいいのか？何が違うのか？何から調べていいのか迷うことがあります。 そこで、現時点で事実上全てとなる、９大主要フレームワークについて、実際に使ってみて比較を行います。 Backbone.js Ember.js Knockout.js AngularJS(1.x) React.js Ractive.js vue.js Aurelia.js AngularJS2.0(アルファ版) これらのフレームワークでは、以下のような機能が実現さ
AWSで構築した環境にありがちなシェルスクリプトたち まとめ ｜ DevelopersIO
AWSでサーバを運用する際にはEC2からAWS CLIを使って他のAWSのサービスと連携したりすることがあると思いますが、AWS環境ならではのシェルスクリプトを集めてみました。AWS CLIのバージョンは1.7.13、Pythonのバージョンは2.6.9を使っています。私はAmazon Linuxで動作を確認しています。 目次 準備する AWS CLIのインストール AWS CLIのアップデート aws configureでセットアップする IAM roles for EC2 instancesに関して 監視系 CloudWatchでカスタムメトリクスを設定する ZabbixからCloudWatchの値を取得する プロセス監視する バックアップ系 AMIとEBSのバックアップを作成する RDSのスナップショットを作成する S3のフォルダを削除する 便利スクリプト系 Route53の自動登録
無料で使える！人気の日本語フリーフォント20選【おすすめ】
こんにちは！ 日本語のフリーフォント、なかなか良いのが見つからなかったり、どれがいいか迷ってしまうことってありますよね。 今回は、フォントで悩むデザイナーのために、人気の日本語フリーフォントを20個厳選してみました！ 新しいフォントから古いフォントまで様々なフォントがあるので、是非、チェックしてみてください。 1.はんなり明朝 フリーフォント界で有名な明朝体です。 不動の人気を誇っていますね。アクセス数も一番です。 →はんなり明朝 2.大甘書道体 テレビアニメ銀魂の次回予告タイトルに使われている、豪快な毛筆体です。 特に銀魂ファンには嬉しいフォントですよね！ →大甘書道体 3.あんずもじ 言わずと知れた手書きフォント。控えめな女の子が書いた文字っぽくて可愛くて人気がありますね。 →あんずもじ 4.うつくし明朝体 横書きの流れを意識して作られた明朝体フォント。 上品でリッチな雰囲気があります
grepコマンドで覚えておきたい使い方14個(+3個) | 俺的備忘録 〜なんかいろいろ〜
LinuxやUnixを使っていく上で、どんなに経験が浅くても一度は利用するgrepコマンド。 今回は、このgrepコマンドで覚えておきたい使い方について紹介する。 なお、ここで扱うgrepコマンドはLinuxのものをベースに記述している。商用UNIXやBSD等の場合、オプションなどが異なる事があるので注意。 1.基本の使い方 まずは基本的な使い方から。 テキストファイルから特定の文字列を含む行のみ出力する。 grep 検索したい文字列 検索したいテキストファイル ワイルドカードを用いる事で、複数のファイルを指定してgrepを行う事も出来る。 コマンドの出力結果から検索する場合は、「|(パイプ)」を利用する。 コマンド | grep 検索したい文字列 2.複数の条件でor検索する 複数の条件で検索を行う場合、eオプションを付与する。 grep -e 検索したい文字列1 -e 検索したい文字列
最近の行儀のよい JavaScript の書き方 - Qiita
JavaScriptは移り変わりの早い言語です。 もう1年以上経っていますし、記事のメンテもちゃんとできていないので、消し線を入れることにしました。 参考程度のために記事は一応残しますが、より新しい情報を読まれることをお勧めいたします。 はじめに --- 最近では JavaScript の実行環境はブラウザに限りません。（node.js, Web Workers） また、旧来のような <script> 経由でのロードもとうに古くなっています。今は CommonJS スタイルで、require を用いたモジュールのロードを行なうことがより良いとされています。 ですから、次のようなことは改める必要があります。 - var YourModule = {}; などとして、外部から YourModule.hoge(); などと呼び出す書き方 - this === window だと思うこと 今回は、
短時間睡眠のコツ｜簡単に睡眠の質を上げて快適に過ごす方法 | リスタ!
もし、短時間の睡眠で快適な生活ができたら、どれほどいいだろうかとお考えになったことは 一度はあると思います。 もしかしたら、既に試したことはあるけど、仕事に支障が出たり、身体の負担が大きくて、諦めた人もいるかもしれません。 実は、人間は1日3時間の睡眠を長く続けることができません。やみくもに力技で短眠を実践しても、いずれ体を壊す危険性さえがあります。それでも、短時間の睡眠で快適な生活ができる理由は、正しい短時間の睡眠のコツを実践しているからです。回復させる時間を作るからです。 そのコツがわかれば、1日に新たな時間が作れますし、今までやりたかった趣味を楽しんだり、新しい事に挑戦したり、将来のための勉強に時間を費やすことも可能になります。 そこで、短時間の睡眠で快適な生活ができるコツや方法、毎日の生活で、簡単に睡眠の質を上げる方法やその過ごし方まで今すぐ実践できる方法をご紹介します。 【目次】
インパクトありすぎ！ トマトを炊飯器にぶっ込んで炊くだけの「トマト丸ごとごはん」が意外なウマさだった
いま旬の野菜といえばトマト。そんなトマトを主役にした「トマトまるごとごはん」なるレシピがネット上で「インパクトがありすぎる」と話題を集めている。 お米の中にそびえ立つトマト！ Twitter上は「これは上手くやれば確かに美味しいであろうぎゃああー（蓋を開けるとこを想像） 」のような戸惑い（？）の声もあるが、「意外とうまそうやんけ」「これめっちゃおいしそうやりたい」のような好意的な声も挙がっている。 見た目は確実におもしろいだろうが、お米、調味料、トマトを炊飯器に入れて炊くだけという、誰でも確実に作れる工程は魅力的だ。これはやってみたい！ そこでNAVERの人気まとめ「炊飯器にドーン！ トマト丸ごとご飯のインパクトがすごい」に引用されたブログ「心おきなく好きなこと～」のエントリ「丸ごとトマトの炊き込みピラフ」を参考に作ってみた。 混ぜるとこんな感じになるんです。あらおいしそう！ 材料を混ぜて
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザインパターン[モデリング] -TECHSCORE-