タグ

TIPSに関するkool_kreateのブックマーク (30)

  • 【まつもとゆきひろ氏 特別講演】20代エンジニアのためのプログラマー勉強法のまとめ 2019/3/30 - Qiita

    予想していた技術的な勉強法というより、エンジニア、ビジネスマンとしての生き方や、成功するための方法論を20代に向けてMatzさんが伝えてくれたのでまとめます。(自分なりの解釈も少し入ってます) とてもためになる講演でした。個人的には特に前談2、3、4、5、6がためになりました!! Matzさんありがとうございました! 講演内容 前談1. テクノロジーとは人を幸せにするためのもの 前談2. 若いうちから頑張ろう 1.学生と社会人の"勉強"の違い 2.なぜ勉強するのか? 3.勉強についてのTips(what, where, when, how) 4.とにかくアウトプット 5.成功するためのTips 6.最後に3つのアドバイス ※Ex)で書いている具体例はMatzさんが使われたものをそのまま使ってます。 前談1. テクノロジーとは人を幸せにするためのもの 来人を幸せにするためのテクノロジーが人

    【まつもとゆきひろ氏 特別講演】20代エンジニアのためのプログラマー勉強法のまとめ 2019/3/30 - Qiita
  • 誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック

    【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか? ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの? ・結局一番言いたいことはなんなの? ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・

    誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック
  • After Effects 全エフェクト

    After Effectsの全エフェクトを解説 オススメ★は個人的な意見となりますので、業種、価値観によりことなりますので目安程度とお考えください。 (※解像度をOriginalに変更頂く事でフル解像度の画面でご覧頂けます) フリーで学べる動画講座 Adobe Authorized Training Center...

    After Effects 全エフェクト
  • Vimの使い方―Tips

    検索を行う際に、検索する文字のスペルは分かっているが、先頭が大文字であったかを覚えていない場合に小文字だけで大文字もヒットさせたり、大文字で構成 されている単語ということが分かっているときに、大文字で検索文字を入力して小文字をヒットさせないようにすることができる設定です。 この設定により、全て小文字で検索文字を入力した場合は、大文字、小文字に関わらず検索にヒットするようになります。逆に、検索文字に大文字 を含めると大文字と小文字を区別して検索されるようになるため、検索をするときに、Shiftキーを押したりCapsLockをする必要がなくなります。 この設定の前に「:set ignorecase」により、大文字と小文字の区別を行わないようにする必要があります。このオプションは正確には、検索パターンに大文字が含まれると きに'ignorecase'のオプションをOFFにする設定です。

  • jquery小技まとめ32

    作成:2013/07/1 更新:2014/11/01 Web制作 > 先日ECサイトを制作したときに、動きのあるサイトにしないといけなかったので、色々調べて組み込んでみたんですが、jQueryでもう何でも出来ちゃいますね。近い将来ローカルで画像なんかを編集しなくても、ブラウザだけで色々できるようになるんじゃないでしょうか。今回は定番からちょっとマイナー(Google Analytics関係とか)なものまでjQueryの小技、プラグインを集めさせていただきました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ スクロール 1.ページ内リンク/フッターまわり/トップに戻る 2.パララックス スライド 3.カルーセル 4.レスポンシブなスライダー 5.ヌルヌルサクサクなスライドメニュー 6.サムネイル付きクロスフェードスライドショー 補助 7.Google Ana

    jquery小技まとめ32
    kool_kreate
    kool_kreate 2014/01/16
    目的別jquery
  • 「Vimを使い始めようと思うんですけど、おすすめを教えてください」 - ぼっち勉強会

    この記事は Vim Advent Calendar 2012 : ATND 17日目の記事です。 前日は@syootaroさんのでした。 今年、ぼくの周りで「Vimを使ってみようと思う」と人が3人くらい出てきました。 その人達から「おすすめのプラグインや設定ないですか」とか 「Vimってこういうこと出来ないの?」という質問を受けることがありました。 また、私の操作を見て「何それどうやったんですか」という質問もいくつか受けました。 毎回説明するの面倒くさいのでこの経験を生かし、今後も増えることが間違いない新世代Vimmerに向けて 「ぼくがおすすめする基操作と初期設定とプラグイン」を書いてみたいと思います。 ほとんどただのリンク集となっていますが。 対象は「Vimを触り始めてちょっと経った」程度の人です。 何より大事なこと viじゃなくてVimです。 前提 Vimはインストール済みであると

    「Vimを使い始めようと思うんですけど、おすすめを教えてください」 - ぼっち勉強会
  • Mastering Sublime Text 2

    2012.11.09 CSS Nite After Dark Vol.5 こもり資料。 #スライド最後のパッケージ一覧をアップデートしています。また、今後何か追加をするとしたら、下記Gistだけ書き換えますのでご了承ください。 https://gist.github.com/3819427

    Mastering Sublime Text 2
    kool_kreate
    kool_kreate 2013/09/11
    こもりさんによるおすすめpackage布教
  • Photoshopのシェイプでできること。

    PhotoshopをWebデザイン制作として使ってると、画像を編集する事よりも、シェイプを使って図形を描く事の方が多い気がします。Illustratorで描くのと違って、ピクセル具合も気にしながら描けるので、小さいアイコンなんかはPhotoshop上で作った方がきれいに描けたりします。それでいてパスなので、拡大しても劣化しないし、ダブルクリックでカンタンに色を変えられるし、もちろんIllustratorでも使い回せるし、いろいろ重宝ポイントがあるんです。 そんな万能シェイプの機能や特長について、個人的なまとめです。 ※この記事では、主にPhotoshop CS4を使っていますが、Photoshop CS6との違いも、分かる範囲で注釈入れてます。 ※OSはMac OS X 10.6 Snow Leopardを使ってますが、Mac OS X 10.8 Mountain Lionとの違いも、分か

    Photoshopのシェイプでできること。
  • SAIの線の終わり際のハネ防止 | 5月病ブログ

    SAIで絵を描いている方は同じ現象で困っている方もいるんじゃないでしょうか。 線を引いたあと、ちょろっと細い線がはみでるこんな現象。 ちょっと大げさにかいてますが。拡大するとこんなかんじ。 「手ブレ補正」を強めにするとこのハネが顕著のようです。 そのせいで手ブレ補正を泣く泣く弱めに設定してる方もいると思います。 今回はこれを防止する設定と解説です。 とりあえず解決策です。 まずは その他 → オプション タブレットというタブにある最小筆圧の設定です。 ここは初期設定では0になっていると思いますが、これを「10」くらいに設定しましょう。 それだけでもう細かいハネの現象は改善されるはずです。 使いにくいと感じたら、数字を各自で適当に調整してみて下さい。 ・解説・ まずこの図、左から順に、 ①強く描いてる状態 ②先っぽだけ触れてる状態 ③離してる状態 です。 早い話が、先ほどの

    kool_kreate
    kool_kreate 2013/03/17
    最小筆圧を10にすると書き始めと書き終わりのハネが消える!
  • これからIllustratorを始めてみようという人のための基本操作とかいろいろ

    Illustrator を使い始めるにあたっての、予備知識や基操作をまとめてみました。Illustrator って簡単ではないと思うんですけど、Webデザイナーなら使いこなしたいソフトウェアのひとつですよね。これからWebデザインで Illustrator を使ってみようという人が、少しでも Illustrator に親しんでくれればいいなーと思って書きました。 私はいつも Web制作の時には、Photoshop と Illustrator を使っています。ずっと前、Webデザインを勉強しはじめた頃、私は Illustrator より先に、まず Photoshop から使い始めました。そしてそのあと初めて Illustrator に触ったとき、Photoshop よりもとっても難しく感じて、基操作もなかなか覚えられなかった想い出があります。 もちろん ベジェ曲線 や パス など、Ill

    kool_kreate
    kool_kreate 2013/01/28
    アートボードとかについてもシステム的にわかっておきたい
  • Windowsでのバッチファイルの作成の小ネタ - おいしいCocoaの飲み方

    kool_kreate
    kool_kreate 2013/01/25
    cmdでカレントディレクトリから起動する方法
  • Mac OS X のキーボードショートカット

    Windows パソコン用のキーボードでは、「option」キーは「Alt」キー、「command」キーは「Ctrl」キーまたは Windows ロゴキーで代用してください。 Apple 製の一部のキーボードでは、たとえば、ディスプレイの明るさ調整 、キーボードの明るさ調整  など、特殊な記号や機能を割り当てられたキーがあります。こうした機能のないキーボードをお使いの場合でも、自分でキーボードショートカットを作成して、その一部を再現できる可能性があります。これらのキーを「F1」「F2」「F3」などの標準ファンクションキーとして使うには、「fn」キーと組み合わせます。 command + X:選択した項目を切り取り、クリップボードにコピーします。 command + C:選択した項目をクリップボードにコピーします。このショートカットは、Finder 内のファイルに対しても使えます。 comm

    Mac OS X のキーボードショートカット
  • イラストにおけるキャラクターの撮り方、考え方、tips - pal-9999のサッカーレポート

    皆さん、こんにちは、ベルマーレが三連敗してしまい、ふんだりけったりの管理人でございます。こんにちは。腹立たしいので、今日はサッカーの話でなく、久々にイラストの話でもしようかと思います。 そもそも、この時期は、J2サポにとっては、精神的にきっつい季節で、カリカリしてるです。まあ、次は真面目に香川の話でもしますが、今日は、サッカーの話をする気分じゃないので、久々にイラストの話でもします。 イラストにおけるキャラクターとカメラの話 さて、昨今、デジカメが安くなってきたせいか、イラストの描き方に色々と変化が起きているように思います。絵を描くときは、参考資料に写真を撮るのが普通ですけど、そこで問題になるのが、写真の撮り方です。 えーと、最近はデジカメの安いのでも、ズーム機能とか手ぶれ補正とかついているので、素人でも簡単に広角と望遠を使い分けて写真撮れるようになりました。 井上純弌氏による「萌え絵/エ

    kool_kreate
    kool_kreate 2013/01/03
    望遠で撮るとデフォルトに近い
  • 新人デザイナーのためのillustrator+αショートカットキー一覧のまとめ

    ショートカットキーを使えば、すぐできること、改善できることというのが沢山あります。しかしなかなか慣れてくるまではどうしてもUIに頼って、ショートカットキーを使わないなんて人も多いかと思います。そこで今回は操作に慣れていない人向けにillustoratorのショットカットキーを覚えるために役立つWEBサイトを紹介したいと思います。 photo by laffy4k 探してみるとものすごい数のチートシートがありますが、今日は使えそうなものをいくつかピックアップして紹介したいと思います。 詳しくは以下 ■デザインの裏技blog Illustratorショートカット一覧 ツールバー選択のショートカットキーを一枚の画像にまとめたもの、一回一回マウスを動かしている人は必見です。 ■Illustrator CS3 キーボードショートカット 50 一覧性の高いショートカットキーリスト。机の片隅に置いておく

    新人デザイナーのためのillustrator+αショートカットキー一覧のまとめ
    kool_kreate
    kool_kreate 2012/10/04
    ショートカットまとめ
  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

  • Web制作初心者に読ませたい、最近の初心者向けWeb制作ネタ

    「困った!HTML初心者にどうやって教えたらいい... / 新卒でも分かる!成果に繋がるWEBサイトの基礎ま... / フォントの基的な選び方 | Arch他...全7件

    Web制作初心者に読ませたい、最近の初心者向けWeb制作ネタ
  • GW中にまとめて読みたい、Web制作者におすすめのスライド

    コーディングが上達するコツ / 【スマホ】UIUX / 重要なのは、毎日さわっ... / html5j.orgがHTML5+JavaScr...他...全8件

    GW中にまとめて読みたい、Web制作者におすすめのスライド
  • いまさら聞けない「情報収集」のススメ - ミッションたぶんPossible

    はじめに (すごく長いので読みたくない人は飛ばして下さい) オレは会社で「事業推進室」という部署に配属されています。この部署は、良く言えば「特定分野に特出した能力を持つ、社内でもとりわけ優秀な人材を集めて、個の突破力で新しい事業を開拓する」という一見「会社のエリート集団」の様にも見受けられますが、その実「口だけはいっぱしでそこそこ仕事はできるせいで一回は間違って役職にしちゃったけどアクが強すぎて扱いづらいからテキトーに一部署に押し込めておくんであとはテメェらで仕事取ってこいや!」的な超攻撃的窓際族でございまして。おかげで同部署は一癖も二癖もある変人ばっかりが出世の望みの完全に断たれたのを良いことに放言とスタンドプレーで暴れ回る社内随一の危険地帯と化している次第です*1。会社側もイマイチどう扱ってよいか分からず手をこまねいているのが現状。弱ったもんですねー。 さて、いきなりですがちょっと話は

    いまさら聞けない「情報収集」のススメ - ミッションたぶんPossible
  • 今年(2011年)参考になったWeb制作者向けのスライドのまとめ - かちびと. net

    Web制作者というか、フロントエンド中心です。 WebデザインとかHTML5とかJavaScriptなどの スライドと、PHPなどが少し。タイトルで誤解 したらすみません。そろそろ年末年始の勉強 用に情報をまとめておきたいと思います。勉強 になるブログ記事!みたいなのはほっといても 誰かがまとめるんじゃないかな。 というわけで完全に自分用なのでいつも通り内容は偏ってます。一気にまとめて復習・・・出来るといいなwちゃんとアウトプットしないとダメですね・・とはいえ適当に端折ってます。そんな見る暇無さそうですし。 結構まとまりないです。 色彩センスのいらない配色講座

    今年(2011年)参考になったWeb制作者向けのスライドのまとめ - かちびと. net
  • 画像データ - CyberLibrarian

    コンピュータで扱う画像の話をする前に、写真や印刷技術の話を簡単にしておきます。 写真 話を単純にするためにモノクロ写真を例にすると、真っ白から真っ黒までの連続するグレーの濃淡の違い(連続階調)によって物を表現します。通常、写真はネガフィルムなどに非常に細かい銀の素粒子を並べた形で記録され、それを印画紙に焼き付けて作成されます。この銀の素粒子の密度によってグレーの濃淡を表現しているのです。 印刷 印刷機(Printing Machine)、プリンタなどは、網点(Halftone Dot)と呼ばれる網状の小さな点によってグレー階調を表現します。階調とは、色や明るさの濃淡の段階数のことです。通常はひとつひとつの点に濃淡をつけることはできません。そこで、網点の大きさや密度を変えることにより、目の錯覚を利用して濃淡の違いを表現します。これを、ディザ法(Dither Method = 誤差拡散法、別名

    kool_kreate
    kool_kreate 2011/11/18
    画像形式について