プログラミング初学者のための「即戦力ノウハウ」（4 万字） - Qiita
はじめに これは文系出身の私が、入社後に早く教えて欲しかったことをまとめたものです。 私は 10 年ほど前に文系大学を卒業して技術職で採用されましたが、入社 1 年も経たないうちに「使えない」と言われ、お客様向けのサポートセンター業務に就くことになりました。 その間も個人ではコーディングを続け、開発チームに厄介な口出しなどしているうちに、いつの間にか技術職に戻っていました。 プログラミング未経験者のよくある回り道をした身として、同じような境遇の方の助けになれば幸いです。 以下はすぐに使えるものから、未経験の方には難しい内容まで含まれます。 すぐに分からなくても知ってさえいれば後々効いてくる内容にしたつもりですので、「そのうち分かるかな」くらいの気持ちで読んでもらえればと思います。 👑 コーディングの基礎テクニック 初学者に役立つ汎用的なテクニックをまとめます。 特に説明のない限り、コード
配列を征する者はJSを制す。JavaScriptのスマートな配列操作テクニック - ICS MEDIA
JavaScriptでコードを記述する際、配列の各要素について処理をするケースは頻出します。開発の現場で配列操作の処理を見ていると、次のようなケースがよくあります。 配列の非破壊の望まれる場面が増えているが、元の配列を破壊操作している filter()やevery()など配列のメソッドで書けるところを、forEach()メソッドやfor ... of文を使ってコードを記載し、冗長になっている 記述しても効果のないArray.from()を使用している コード的には問題なく、アプリケーションは意図的に動作しているかもしれません。しかし、冗長な記述は可読性が低下し、予期せぬバグを誘発する可能性があるでしょう。 本記事では、配列操作でよく見かける冗長な記述を、簡潔な記述で置き換える方法について解説します。 本記事で紹介するJavaScriptの配列操作のチートシートを用意したので、まとめて読みた
脅しも謝罪も必要ナシ。スゴ腕の債権回収OLに教わった、「人の動かし方」がスゴい
会社員なら、他人に仕事を頼んで、その進捗を確認するのが「面倒くさい」と感じた経験があるはず。しかし、たとえどんなに面倒でも、自分がすべての仕事を背負うのは不可能です。一体どうすれば他人に気持ちよく動いてもらえるのでしょうか。 今回お話をうかがったのは榎本まみさん。これまで2000億円もの債権を回収してきた、スゴ腕のオペレータです。多重債務者と日々向き合い、数多のクレームや罵詈雑言に立ち向かってきました。 そんな榎本さんも、新入社員の頃は「人と話すのが苦手だった」そう。自己分析を繰り返し、債務者の心理を研究することで、「人にものを頼むテクニック」を身につけていきました。 インタビューでは、電話からメールまで幅広く使えるテクニックを惜しみなくご紹介いただきました。その内容を、8つの心得、文章添削のパートに分け、まとめています。優しいしゃべり口からは想像できない、人間の心理に対する深く鋭い洞察が
トップ営業に聞いた「相手の心を一瞬で開く」会話テクニック - きなこ猫のスッキリ生活
営業の仕事は初対面の相手の心をいかに早く開くかが勝負だと思う。 私は営業職を合計8年ほど経験したが、最初の頃は人見知りでコミュニケーション能力もなかったので何を話したらいいかわからなかった。 会話のテクニックや営業方法については成績トップの人にやり方を聞いたり、本を読んだり、見よう見まねで自分のものにしてきた。 これらの会話テクニックは営業だけではなく、恋人や友達作り、上司との会話などにも応用できると思う。 今回は私の中でかなり印象に残った会話テクニックを教えてくれたトップ営業の男性の例とその応用方法を紹介してみる。 相手の心を一瞬で開く魔法の言葉 相手が努力している「こだわり」を見抜いて褒める 相手を褒めるポイント 見た目を褒めるポイント 知識を褒めるポイント 褒めた後に会話を続ける応用方法 まとめ 相手の心を一瞬で開く魔法の言葉 営業時代にアパートやマンション建築の営業の人達と飲みに行
うわっ、私のサイトBootstrapくさすぎ!? たった数文字変えるだけでBootstrapのくさみが抜ける7つのCSSテクニック。
なんか、このサイトBootstrapくさい。そう感じることはありませんか? その理由はズバリ、欧文ベースでつくられたフレームワークを文字構造の違う日本語で適用した際に不都合が出てしまっているからです。 それらが醸し出す違和感を放っておくと、Bootstrapくささを生み出す大きな原因になってしまいます。 そもそもの問題として、欧文と比較して和文は文字の要素が多く、文字自体のリズムも少ないため、どうしても複雑で単調に見えてしまいます。 しかし、和文だからといってあきらめることはありません。BootstrapのCSSを少しだけ変えるだけでグッと見た目がよくなる隠し味をご紹介します。 1. line-heightで行間にゆとりを。明朝やゴシックなど、フォントの種類が言葉の印象を表すように、文字の行間は読みやすさ、文章全体の雰囲気を左右します。 欧文をベースに設計されたBootstrapをそのまま
これどうやって作るの？フォトショップの勉強で参考にしたい、チュートリアルつくり方まとめ
フォトショップの新しい使い方や、テクニックを学びたいときはチュートリアルのつくり方を参考にしてみましょう。ステップごとに進めることができるので、実践的なツールの使い方を学ぶことができます。 今回はデザイナーが参考にしたい、最新 Photoshop チュートリアルをまとめてご紹介します。デモ用 PSD ファイルを無料ダウンロードできる素材もあるので、これからフォトショップをはじめるひとにもオススメです。 詳細は以下から。 これどうやって作るの？フォトショップの勉強で参考にしたい、チュートリアルつくり方まとめ 80年代レトロテキストのつくり方 Illustrator で作成した3Dシェイプ（Photoshopでも作成できます）に、レイヤースタイルを適用する手軽なテクニック。背景のつくり方もポイントで、参考PSDファイルも無料ダウンロードできます。 幻想的な多重露光エフェクトのつくり方 ポートレ
ネット乞食のテクニック
pha @pha ネット乞食のコツはとにかく自分の情報を出しまくることですかねー。どんな人か知ってもらって親近感を持ってもらうことが必要。 2013-12-01 13:23:57 pha @pha あと常にだらだらネット乞食するのではなく、ときどきポイントを決めてするのがよいです。具体的に「○○のために○円必要です」という情報が出てるとお金出しやすい。もしくは年一回の誕生日。誕生日はプレゼント文化があるので何か贈りやすい。 2013-12-01 13:27:10 pha @pha ネット乞食は普段からのその人への感情をお金に換える行為です。普段から、この人頑張ってほしいなー、助けたいなー、と思っててもきっかけがないとなかなか直接何かする機会がない。そういう気持ちを具体化しやすい水路を作ってやるのがネット乞食です。 2013-12-01 13:30:58
美少女ゲーム開発現場でのキャラクター彩色方法を、わかりやすく解説されているブログが凄い！ - 萌えイラスト上達法！ お絵かき初心者の学習部屋
さて、今回は塗りについての記事です。 皆さんは実際プロの現場の人が描いている講座を見た事がありますか？ 今回、ご紹介するのは 「美少女ゲーム開発現場でのキャラクターの塗り講座」 です。 プロの現場に携わっているアーティストが 講座を書いているサイトです。 使用ソフトはPhotoshop、SAIですので 使っている人は絶対に見ておくべきサイトだと思います。 また、効率よく塗りが出来るようなテクニックや 塗りに特化したブラシ設定の調整など 分かりやすく説明されています。 エ○ゲー的CG講座 http://cgkouza.blog93.fc2.com/ 以下は、見どころなどを説明していきたいと思います。 ●ファイルの解像度について 制作現場で基準となっている解像度があるようです。 印刷するものは350dpiがひとつの基準。 イベントCGは、2400x1800くらいでやってる事が多い 立ち絵は縦4
2ケタのかけ算もすぐできる？知っておきたい「暗算テクニック」 - はてなニュース
仕事でも普段の生活でも、ふとした時に使えると便利なのが「暗算」。いちいち計算機に頼らなくてもパパッと答えが出せれば、時間も有効に使えますよね。そこで今回は、「暗算のテクニック」についてのエントリーを集めました。 ■まるで手品みたい？覚えておきたい暗算テクニック 九九はマスターしていても、2ケタ以上のかけ算になると急にややこしく感じますよね。実は「これで答えが出るの？」という意外な方法もたくさんあります。 「焼肉じゅうじゅう」方式の暗算って？ ▽脳若返り！ 究極役立ち計算術 : ためしてガッテン - NHK NHKの「ためしてガッテン」で紹介された暗算術がこちら。スーパーでの買い物を予算内に納める時に役立つ「どんぶり勘定」（100円を“1どんぶり”と考え、頭の中でどんぶりの数を足していく方法）や、「じゅういくつ x じゅういくつ」のかけ算に使える「焼肉じゅうじゅう」方式のかけ算などがあります
文章テクニックを磨こう！マンガのセリフで学ぶ「レトリック」 - はてなニュース
文章の表現の幅を広げるために欠かせないの「レトリック（修辞技法）」の技法。現在、そんなレトリックをマンガのセリフから学ぶことができるサイトが、はてなブックマークで話題になっています。 ▽ふき出しのレトリック ～マンガの修辞学～ レトリックとは「効果的な言語表現を工夫する」こと。こちらのサイトでは実際にマンガやアニメの中に出てくるセリフを例に挙げ、そこで使われているレトリックを紹介しています。 例えばこちらは、「撲殺天使ドクロちゃん」に登場するセリフです。 彼女は、出会った瞬間に僕を撲殺。 撲殺したと思ったら、 ぴぴるぴるぴるぴぴるぴ～♪ 謎の擬音と共に、はい元通り。 彼女って、いったい何！？ こちらで使われているのは「声喩・オノマトペ」と呼ばれるレトリック。物音や声、物事の様子、人物の心情などを具体的かつ感覚的に表すことができ、イメージをより直接的に伝えることができます。 またこちらは、「
アマゾンの90%OFFなどの特価商品を簡単に探す方法 - ひとぅブログ
アマゾン（Amazon）は日本でも着実に支持を集め「1,500円以上送料無料」が多くのインターネットショップの標準となっていますね。本やCDに限らず、おもちゃや家電製品、パソコン、さらには食品などあらゆる商品を取り扱うようになってきました。 元々、価格の安い商品が多いアマゾンですが、たまに「90%OFF」など信じられないセールをする場合があります。この値引き手法はあのドン・キホーテと同じと言われています。大量の在庫処分品などが持ち込まれるケースも少なくないとか。 そんな超お得な商品の情報は、アマゾンのメールマガジンやAmazon.co.jp: セール・バーゲン・お買い得情報 でゲットすることができますが、もっと簡単に、興味のあるジャンルで割引率を指定して検索する方法をご紹介します！ アマゾンのトップページにアクセスし左メニューから希望のカテゴリをクリックします。（ここでは「パソコン・周辺機
JPEG画像をより美しく、より軽量に最適化するテクニック
JPEG画像をより美しく、より軽量に最適化するテクニックをSmashingMagazineから紹介します。 Clever JPEG Optimization Techniques 1. 「8ピクセル」のグリッド 2. カラーの最適化 3. JPEG最適化の一般的なTips 1. 「8ピクセル」のグリッド JPEG画像は、あなたが既に知っているように8x8のピクセルのブロックから成り立っています。画質を低くするとよく分かります。 この8x8ピクセルを利用して、JPEG画像を最適化します。 画質10で作成したサンプル 二つの正方形は同じ大きさ（8x8ピクセル）です。左上のはきれいに見え、右下のは汚く見えると思います。 これらは、それぞれ8x8のグリッドに並べたもので、左上はグリッドに揃えたもの、右下はグリッドに揃っていないものです。 保存する際に画像は、8x8ピクセルのブロックに分けられるため
初心者が簡単にプロっぽく記事の内容を仕上げるテクニック*ホームページを作る人のネタ帳
第３回目の特集は、記事の内容を少しだけレベルアップさせるテクニックです。 今回のトレーニングを全て終えた時、あなたのブログは少しだけレベルアップするかもしれないです。 あまりギスギスせずに記事を書きたいんだという方はそれでも良いと思います。 難しい事を要求するわけでもありません。特に、社長ブログや、社員ブログなどの、ぞくにいう『ブログ初心者』の方々を相手に考えた方法です。次の３つのステップにチャレンジしてみると、いつの間にか身についてしまうと思います。 興味のある方は是非やってみてください。やってダメだったら自分流を模索してみるのも悪くありませんので！ 要点分解トレーニング さて、記事を書く前に、必ず記事にしようと思うネタがあるはずです。 ネタがないのに書こうと思ってかける人なら素晴らしいですが、大体事前にネタがあるはずです。 そのネタを、まず分解する事。 これがこのトレーニングの肝です。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
45分間で「ユーザー中心のものづくり」ができるまで詰め込む
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP