どうも、まさとらん（@0310lan）です！ 今回は、基本的なJavaScriptプログラミングが出来るようになった人向けに、さらなるステップアップを目指せる「YouTubeチャンネル」を厳選してまとめてみました！ 海外のプログラミング系YouTube動画は、有料でもおかしくない「質」の高さと豊富なコンテンツ量に魅力があり、確実にレベルアップが期待できるのでぜひ参考にしてみてください。 ■JavaScriptの勘所を勉強できるYouTubeチャンネル！ 【 Fun Fun Function 】 プログラミング動画とは思えない超ハイテンションなノリで、JavaScriptを学ぶうえで欠かせない勘所を分かりやすく教えてくれるのがコチラのチャンネル！ 「Spotify」の開発にも携わっていたというプログラマーの彼は、得意のJavaScript言語を分かりやすく伝えることに情熱を注いでおり、それは

開発部の土岐です。今日が誕生日で割り切れない数の歳になりました。 さて、これまでの幾度か弊社アプレッソで「アジャイルへの取り組みを始めてるよ！」ということを紹介して参りました。 appresso.hatenablog.com appresso.hatenablog.com 2016年7月現在、DataSpider Servistaの次バージョン、4.1の開発プロジェクトが本格化し、実際にアジャイルな開発に取り組んでおります！ と自信満々に言ってみたものの、本格的なアジャイルに取り組むのは初めての我々。「ヒヨコードでピヨピヨしている」状態ではありますが、日々悩み議論しながらいろいろなことにチャレンジしています。 ということで今後、その取り組みを具体的に紹介していこうと思います。 今回はアジャイル的な見積りの技法、「プランニングポーカー」についてです。 プランニングポーカーとは？ プランニング

先端技術ソリューション事業部 メディアソリューショングループ 金丸真之と申します。 今回、当社が取り組んでいる開発技法についてご紹介します。 アジャイルとは『すばやい』『俊敏な』という意味で、反復 (イテレーション) と呼ばれる短い開発期間単位を採用することで、リスクを最小化しようとする開発手法の一つです。アジャイル型開発手法にはいろいろなバリエーションがありますが、例えば次のような進め方で開発をします。

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.

「わたしが知らないスゴ本は、きっとあなたが読んでいる」の中の人、Dainと申します。 今回はお金で買うことのできる一生モノの自己投資になる本をご紹介したい。 現金や不動産、貴金属からビットコインまで、財産は盗られたり目減りしたりする恐れがある。だが、頭の中の財産は、誰も奪うことができない。すなわち、知や教養は、いったん頭に蓄えたら、一生涯あなたのものとなるのだ。 ここでは、あなたの知となり教養となる入口として、お薦めの本を選んでみよう。とはいっても、ただ選ぶだけでは面白くない。だから、日本の知を担う大学の最高峰、東京大学に務める教師が選んだ「アンケート・東大教師が新入生にすすめる本」から、合計1万円で買えるものをピックアップした。 「アンケート・東大教師が新入生にすすめる本」*1では、東京大学で毎年春に行われる新入生のためのブックガイドとして、エンタメから啓蒙書まで多種多様な本が紹介されて

Webサイトの制作はどんどん複雑化しており、１人で行う仕事ではなくなってきています。サイト制作では、ビジネスの目的に合わせた一貫性のあるデザインによって、快適なユーザー体験を作り出すことが重要です。 Webサイトを分割してチームでデザインをするときにチームメンバーが共通認識を持つには、デザインドキュメントまたはWebデザインのスタイルガイドを作成することが有効です。これは、エンジニアがデザインを変更してしまうことを防ぐのにも役立ちます。 異なるページの間に一貫した体験を作り出すために、スタイルガイドを用意するのはとても有効です。また、今後の開発やサードパーティ製品が生まれた際も、ブランドのガイドラインに沿い、ブランドの一部として知覚されるようにやすくなるでしょう。 Luke Clum氏は、Webデザインの第一歩としてスタイルガイドを利用することについて、昨年簡単に紹介をしました。この記事で

TEDトークを英語の学びとして、そして新しい視点の取り入れとして見るのがものすごく好きなのですが、今回見たTEDトークは今までで一番感動しました。(身近に感じました) youtu.be The first 20 hours — how to learn anything (何を学ぶにも最初の20時間だけやってみる) みなさんもご経験はあるのではないでしょうか。 何かを極めるわけではなく、ただ単に興味あることや、経験として何かをやってみることで、 興味があることを始めたが自分の下手さにがっかりしてやめてしまった友人と比べて全然結果がでない下手を披露するのが嫌で人前ですることを辞めたらいつの間にかすること自体を辞めてしまったなどです。 というのも、今まで僕は何をするにも結構ドベから始まり、悔しい思いをしつつそれをなんとなく継続した結果、気づいたらいい感じになっているときがあります。 その、『い

なにかデザインをはじめるとき、無数にある色から配色を決定するのに頭を悩ませることもあるでしょう。この記事では、適切な配色カラーパレットを決めるのに役立つ８つの基本ルールを詳しく紹介します。 コンテンツ目次 1. 色数を制限しよう。 2. 自然からインスピレーションをもらおう。 3. 60−30−10ルールを試してみよう。 4. まずはグレースケールでデザインしよう。 5. 黒色を利用するのは避けよう。 6. 重要性を色のコントラストで表現しよう 7. 色を使ってユーザーの感情を引き出そう。 8. デザインを理解しやすくしよう。 9. ボーナス: デザイナー向け配色ツールまとめ 配色基本ルール１ 色数を制限しよう。 デザインプロジェクトに配色を適用するには、バランスが重要になります。色数が増えるほどバランスを取るのは難しくなります。配色は最高でも3色までに制限することで、よりよい結果となるで

今まで、自宅・職場では外部ディスプレイを使って作業をしてましたが最近はRoostを使い始めて、家でも外でもRoostと外部キーボード、マウスで仕事するようになりました。これで肩の痛みが激減したので下を向いて作業する時間が多いと首の筋肉に引っ張られて肩が凝るみたいですね。 ここできになるのはディスプレイ1枚だと画面切り替え大変じゃないのってところなのですが、以前 @reoring さんに教えてもらって自分にすごいフィットしたので共有しておきます。あまりmacのデスクトップについての記事がないような。 [追記2020/11/16] macOS 11.0 Big Sur(Intel) で動作確認できました。Total Spaces2をBig Surより前から使っている場合は最新版(v2.9.6~)を再インストールする必要があります。 TL;DR デスクトップを10画面作成する ショートカットキー

また、私たちバズ部は12年で400社以上のメディア支援を行い、 立ち上げから10ヶ月で14.6億円の売上を産んだ不動産メディア8ヶ月で月間140万PVを実現したアプリメディアなど大きな成果を挙げ続けている。 各サイトの成功要因をインタビューしているので、 あなたのサイトに役立てて欲しい⇒25サイトの成功事例インタビューはこちら 1. 平均CTRの５倍以上のCTRを叩き出したタイトル実例１３選　　平均CTRの５倍以上のCTRを叩き出したタイトル実例１３選（弊社クライアント） （データは2017年7月時点の数値） 上半身ストレッチはイイコトばかり！部位別エクササイズ10選二の腕筋トレ５日間！腕幅-１.５cmを実現した５種目はコレ！お酒を飲むとニキビができる？美肌キープのポイント５つノンデザイナー必見！自社サイトをぐっと見やすくする3つのコツ熟睡必至の３大機能と素材とは？敷きパッドのおすすめの選

今まで数々のプロジェクトマネージャーとそのプロジェクトマネージメント手法に翻弄されてきたが、現在の勤め先であるベルリンのITスタートアップで取り入れている手法が歴代の中でも一番マシ。まず工数見積がとても洗練されている。エンジニアが無理やりに「今週中に完成させます！」と言わされて、結局はその約束が守りきれずに翻弄される、というような弊害が最小化できているな、という話。 プロジェクトマネージメントチームのメンバー達はその見積方法を「フィボナッチ」と表現している。 だいたい工数見積なんてものが正確にできる人に出会ったことが無い。複雑なITプロジェクトの全体像を把握して「これをうちのチームで完了するためには＊＊日を要する」なんてピタッと当てたためしがない。絶対にズレる。 エンジニアに向かって「お前さー『今週中に完成させます』って言ったよな？誰だっけ、それ言ったの？オレじゃねーよ。お前だよ。おめーの

schema.orgとは schema.orgの仕様通りにHTMLにマークアップする事で、Google,Yahoo!,Microsoftなどの検索エンジンに正確な情報を収集してもらい、ユーザーに最適な検索結果を提供するというものです。 例えば本について書かれたHTMLがあったとします。その情報に対し「ここには本の題名が書いてあります」「ここには本の出版日が書いてあります」「ここには著者の名前が書いてあります」などの、HTMLでは伝えきることができない、より詳しい情報をクローラーに伝えることを目的としたものです schema.orgのメリット 1. 検索エンジンでリッチスニペットが表示される schema.orgではmicrodataという方式でマークアップすることで、クローラーがページの内容を解析しやすくなります。その結果、検索エンジンにリッチスニペットを表示することができます。 リッチス

インスタは「妄想の検索エンジン」メルカリは「通販の検索エンジン」としてつかう。女子大生が教えてくれたスマホで「ビキニ」を買うまでの心理と経路。 女子大生の方に「スマホで買い物する過程」を詳しく聞いてみました。インスタで妄想してからメルカリでモノを買う…？？ まず「インスタ検索」で妄想を膨らませる。 スマホをつかって「最近買ったモノ」って何かありますか？ どういう経緯で買ったのかも知りたいです。 女子大生： このまえ、海外旅行のために「ブラジリアンビキニ」っていう、露出度の低いビキニを買いました。 まず、最初にやったことは「インスタでの検索」ですね。ハッシュタグ「#ブラジリアンビキニ」で検索して、実際に着ている人の写真を見てみました。 その写真を見ながら「わたしが着ても似合うかな？」って妄想するんですよ。日本人の体型でも似合うかな、自分が着てもカワイイかなって。笑 たしかに、通販サイトにも写

注意 この文章は、ここの文章をそのままコピペしたものです。 プラグイン作成に非常に有効なのでメモしました。 最新版はオリジナルの文章を読むことをお勧めします。 元文書: Plugins/Authoring - jQuery Wiki(t) jQueryを使うことが快適になってきたら、プラグインの作り方を知りたくなるでしょう。それは正解です！プラグインとメソッドでjQueryを利用することは、非常に協力で、さらに、プラグインの中に最も有効な機能を抽象化することで、開発にかける時間を大幅に節約出来ます。この記事は、プラグインを書き始める際の基本的な概要とベストプラクティス、さらに気をつける必要のある一般的な落とし穴についての記事です。 目次 さあはじめよう コンテキスト 基本 メソッドチェーンの維持 デフォルトとオプション 名前空間 6.1. プラグインのメソッド 6.2. イベント 6.3.

2021年12月28日 CSS 大きさの異なる複数のボックスを隙間なく並べてタイル状に表示したい！そんな時もありますよね。モザイクレイアウト、Masonryレイアウト、Windows 8 Metroスタイルレイアウト…などなど、さまざまな呼び方のあるこのレイアウト。今回は display: grid という新しい配置方法を使ってレイアウトを組んでみますよ！もちろんレスポンシブにも対応させたいと思います！ ↑私が10年以上利用している会計ソフト！ CSSグリッドの基本の書き方は動画で確認！ 基本的な記述方法は動画でも紹介しています。初めてCSSグリッドに挑戦するよという方はまずはこちらで基礎を覚えておきましょう！ 1. どんなレイアウトにするか書き出す グリッドレイアウトは少し複雑で、何も考えず組んでいくとどこの要素がどうなっているのか…こんがらがってきちゃいます。ご利用は計画的に！慣れるま

はじめに 「なんかサーバが重たい」そう思った瞬間にどのようにボトルネックを調べるのか？ どのように対処すべきなのか？を知らない人が意外に多いので、自分の振り返りも含めまとめていきます。 サーバが重いと思ったら、、、 UNIXの開発者であり、現在はGolangの実装にも携わっているRobert C. Pike氏の、 「推測するな、計測せよ」 サーバが重いと思ったら、まずは計測していきましょう。 まずはロードアベレージを調査 まずはシステム全体の負荷指標であるロードアベレージを確認してみましょう。 確認方法はメジャーな物として、top、uptimeコマンドが存在します。 そもそもロードアベレージとは、単位時間あたりの待ちタスク数を指標としています。 uptimeコマンドを実行した場合 [moriyaman@web01 ~]$ uptime 00:57:24 up 223 days, 1:43,

Webデザインのセンスを磨く方法の一つは、優れたデザインを数多く見ること。 デザインの細部に至るまでの徹底的なこだわり、気持ちのいいインタラクションやアニメーション、素晴らしいアイデア満載のUIを備えたWebサイトを紹介します。 時間がある時にじっくりお楽しみください！

JavaScript,jQueryの爆速コーディング、デバッグ方法論の勧め～実践向け逆引き(windows,chrome向け)～JavaScriptjQuery ※2017/4/21にオンロード時のデバッグ方法8を追記しました！ こんにちは！エイチーム引越し侍の加藤です！ みなさんJavaScript書いてますか？ console.logめっちゃ使うよねーって人は目からうろこのデバッグ方法を、 ケース毎に紹介していこうと思います。(僕はconsole.log使いません) サーバーにデバッグ用のコードをアップロードすること無いので、 消さずに意図に反してリリースしてしまう危険性がないのもお勧めです。 前提知識 F12で出てくるデベロッパーツール(Elements, Console, Source, Network)の知識 Ctrl+Shift+Fで外部ソース(js,css)に対して一括検索が

数字がたんたんと並ぶエクセル表ってとっつきにくいですよね。見やすくするには「テーブル機能」が便利です。例えば、表に縞模様をつけて見やすくしたり、データバーを使ってセルに横棒グラフを表示できたりします。今回は、見やすい資料作りに必須な表のレイアウトワザを紹介します。 エクセルの表を見やすくするレイアウトワザ①表に縞模様を付ける表に縞模様を付けるには、テーブル機能を使います。レイアウトを残したままテーブル機能を解除するには、「範囲に変換」を使います。 ↑表を選択します ↑「ホーム」タブ → 「テーブルとして書式設定」ボタンをクリックし、メニューからスタイルを選択します 「テーブルとして書式設定」画面が表示されます。 ↑内容を確認し、「OK」ボタンをクリックします テーブルのスタイルが設定されます。 ↑テーブル機能が設定され、フィルターボタンが表示されます フィルターボタンなどのテーブル機能を解

みなさんは、CSSを書くときに管理のしやすさを意識していますか？　CSSを書くときに命名や構造のルールをシンプルにすることで、他のCSS編集者が理解しやすくなります。 何も意識せずにCSSを書くと、 誰も読めない、理解できない 何に使っているかわからない謎のルールセットがあるが、必要かもしれないので消せない CSSを修正したら意図していないパーツも修正の影響が出てしまった スタイルが上書きされすぎていて、 !important せざるを得ない といった問題が起こりやすくなります。このような問題を解決するアプローチとして、CSSを設計するという考え方があります。ウェブサイトの規模が大きくなり複雑化していく現代では、CSS設計を意識することの重要性が高まってきています。今回は、CSS設計をしたことがなくても意識してほしいCSS設計の基礎になる考え方と、基本の手法についてご紹介します。 CSS設