小〜中規模サイトのフロントエンド・コーディング規約 CSS・JavaScript編 - Qiita
2021/3/16 初めて記事を書いてから３年以上経過してしまったので、 内容を見直ししました。 関係者が10名以下の小〜中規模案件の開発・保守が多い弊社のCSS・JavaScript規約（にしたい）です。 長くなってしまったコーディング規約もようやく最後です。 ↓関連 環境構成編 HTML編 CSS、JavaScript は数年で書き方が変わってしまうので、 定期的に規約の見直しができると理想ですね。 小〜中規模サイトのフロントエンド・コーディング規約 CSS編 ディレクトリ構成 CSSに関するファイルの一般的な例を示します。 ルート ├ src ... 作業ディレクトリ │ ├ scss │ │ ├ lib ... 外部ライブラリなど │ │ ├ sprite ... spritesmith などで生成したファイル │ │ ├ foundation (base) ... 変数や mix
初めて学ぶ知識をどのように学習しているか - $shibayu36->blog;
ふと、自分が初めて学ぶ知識をどのように学習しているか疑問に思ったので、考えてみたことをブログに書いておく。初めて学ぶ知識というのは、自分がやったことだと例えばマネジメント、プロジェクト管理、コーチングなどがある。 僕はある知識を初めて学ぶ時、まずはストーリー仕立てで知識を解説してくれる本を読んでいることが多い。特にそのストーリーの背景に体系的な理論が見え隠れするようなものであれば、さらに良いと感じている。例えば以下のブログで紹介したような本を最初に読んでいる。 つかまらない上司にならないために - 1分間マネジャーの時間管理を読んだ - $shibayu36->blog; モチベーションと目標設定・教育と褒める叱る - 「1分間マネジャー」を読んだ - $shibayu36->blog; 問題の効率的な解決方法を学ぶ - 「世界一やさしい問題解決の授業」読んだ - $shibayu36->
[CSS]これなら簡単！レスポンシブ対応、アスペクト比を維持したまま画像や要素を実装する -RatioBuddy
デスクトップやスマホなど、異なるスクリーンのサイズでも、黄金比や白銀比などのアスペクト比を維持したまま画像や要素を実装するスタイルシートを生成する便利なオンラインツールを紹介します。 このかわいいデザインに、癒やされますｗ
![[CSS]これなら簡単！レスポンシブ対応、アスペクト比を維持したまま画像や要素を実装する -RatioBuddy](https://cdn-ak-scissors.b.st-hatena.com/image/square/cde97ef420f6979f6f55c6ada68e3199441556d4/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201702%2F2017031503-01.png)
まとまってない文章を晒すのに抵抗があったけど、メモを垂れ流したら仕事がうまく回りだした件について - CARTA TECH BLOG
Zucks Ad Networkでデータ解析をしています、@yuu_itoです。 気づいたら3月も半ばですね。花粉で目がしょぼしょぼします。 メモを取ることについて書いていきます。 きっかけ 技術調査のために論文を集めGoogle Docsにまとめていた時、 とりあえずまとめた後に共有しますねと連絡したら、 メモはGitHub Issueへのコメントで書いておいたら？というのが始まり。 やってみて気づいたこと まとまっていない状態の文章を晒すことに抵抗があったのですが、やってみると嬉しいことがありました。 1. Issueに気づいた人がコメントをくれる。 弊社ではGitHubとSlackを連携してIssueの更新をSlackに通知しています。 取り組んでいること、考えていることを書いていると 「なんかデータの傾向がイメージと違った」→「それ～だからかも」 「計測しているデータ、不要なものも
全員が「副業」を持つ時代になります
孫泰蔵さんは、東京大学在学中にYahoo! JAPANの立ち上げに参画したことを皮切りに、世の中の最先端を行くビジネスを次々に手がけてきた方。一度はお会いしたいと思ってきました。 ただ一方、最先端を行く経営トップだけに、近寄りがたいに違いないし、恐らくファッションにあまり興味がないのかもと、勝手な想像を抱いていたのです。 それがあるイベントでご一緒してびっくり。よく似合う装いをされていて、とてもおしゃれ。しかも、お話がわかりやすくて柔らかい。これは是非、お話を聞いてみたいと思ったのです。早速、お願いしたところ、快く引き受けていただきました。 聞いてみたいと思っていたのは、何といっても、AIやロボット化が進む中、日本の未来はどうなるのか、否、世界の未来はどうなるのか？大きな質問に対して、孫さんの壮大な構想をうかがうことができました。 孫 泰蔵（そん・たいぞう）氏 Mistletoe株式会社
モノレート ｜ ランキング・価格推移・価格比較を、お買い物の前にチェック！
モノレートは2020年6月30日をもって、サービスを終了いたしました。 長年のご利用、ありがとうございました。 ＞＞楽天版モノレートはこちら[無料]＜＜＜ ＞＞新サービス「WatchBell（ウォッチベル）はこちら＜＜ ※WatchBell(ウォッチベル)はより高い収益を得るための出品者用アマゾンデータ可視化ツールです。 ※モノレートの代替えやリニューアルではございません。 【2020/8/20掲載】----- ・watchbell(ウォッチベル) / 価格改定＆利益シュミレーターの使い方を実践解説!!（つっちー社長様）【動画】 ・WatchBell（ウォッチベル）はモノレートの代わりになるのかレビューします（ふうげつ様）【サイト記事】 ・【感想】WatchBell（ウォッチベル）を実際に使ってみた（ベンティ樋口）様【サイト記事】 【2020/7/1掲載】------ ・【緊急配信】モノレ
新人エンジニアに読んでもらいたい「7つの本 + α」 - なぎにゃぎのにょきにょきにっき
どーも。 なぎにゃぎです。 毎年4月になると多くの新人ＩＴエンジニアの方が職場に配属されますね。 僕は新人時代にしっかりとした研修を受けられず、苦労した記憶があります。 自分で色々と技術書などを買い漁って勉強しましたけど、その中でも特に若いうちに読んでおきたい書籍を紹介したいと思います。 追記 おすすめしたい本が増えてきたので随時更新していきたいと思います。 コーディング リーダブルコード プリンシプル オブ プログラミング3年目までに身につけたい一生役立つ101の原理原則 リファクタリング テクノロジー Webを支える技術 絵で見てわかる Oracleの仕組み アルゴリズム図鑑 絵で見てわかる26のアルゴリズム その他 入門 考える技術・書く技術 なぜ、あなたの仕事は終わらないのか 「納品」をなくせばうまくいく まとめ コーディング リーダブルコード リーダブルコード ―より良いコードを
なぜ日本のおじさんは怒ると「責任者を呼べ！」と騒ぐのか
スピン経済の歩き方： 日本ではあまり馴染みがないが、海外では政治家や企業が自分に有利な情報操作を行うことを「スピンコントロール」と呼ぶ。企業戦略には実はこの「スピン」という視点が欠かすことができない。 「情報操作」というと日本ではネガティブなイメージが強いが、ビジネスにおいて自社の商品やサービスの優位性を顧客や社会に伝えるのは当然だ。裏を返せばヒットしている商品や成功している企業は「スピン」がうまく機能をしている、と言えるのかもしれない。 そこで、本連載では私たちが普段何気なく接している経済情報、企業のプロモーション、PRにいったいどのような狙いがあり、緻密な戦略があるのかという「スピン」に迫っていきたい。 先日、介護施設にお勤めの方のあるツイートが話題になった。 詳しくはググっていただきたいのだが、禁煙エリアで喫煙をしていた50～60代の男性を職員の方が注意したところ、「客に向かってなん
使って無い人多すぎてビビる！Search Consoleを活用した超お宝キーワード発見術【超保存版】
どうも、ブログマーケッターJUNICHIです。 やっぱりブログって色んな事書かないと飽きて続きませんね。 SEOの記事ばっかりだと頭使うから疲れます。 でも頑張れる限りは、キーワードの話をします。 今回は、多くの人が無視している、超素晴らしいキーワード選定ツールの紹介です。 それは、GoogleのSearch Consoleです。 もともと、Googleウェブマスターツールって呼ばれていたツールです。 Search Consoleを導入して、2～3カ月以上WEBサイトを運営している人ならば、このツールを上手に使う事で、掘り出し物のキーワードが見つかるので、是非この使い方を覚えてみて下さい。 Search Consoleの『検索アナリティクス』・『検索クエリ』は超優秀なツール Seach Console自体は、キーワード選定をするためだけのツールではないんだけど、その中にある「検索アナリティ
ウェブ制作者なら意識してほしいCSS設計の基礎知識 - ICS MEDIA
みなさんは、CSSを書くときに管理のしやすさを意識していますか？ CSSを書くときに命名や構造のルールをシンプルにすることで、他のCSS編集者が理解しやすくなります。 何も意識せずにCSSを書くと、 誰も読めない、理解できない 何に使っているかわからない謎のルールセットがあるが、必要かもしれないので消せない CSSを修正したら意図していないパーツも修正の影響が出てしまった スタイルが上書きされすぎていて、 !important せざるを得ない といった問題が起こりやすくなります。このような問題を解決するアプローチとして、CSSを設計するという考え方があります。ウェブサイトの規模が大きくなり複雑化していく現代では、CSS設計を意識することの重要性が高まってきています。今回は、CSS設計をしたことがなくても意識してほしいCSS設計の基礎になる考え方と、基本の手法についてご紹介します。 CSS設
ブログは本当に楽しいからとりあえず始めてみなよ - 羆の人生記
はてなブログで当サイトを始めてから早１年半が経ちました。 気が付けばもう2017年の春なのですね、最近はブログを始める人が増えている気がします。嬉しい限りです。 今まで、多くのブログ運営記事を公開してきましたが、今回は春ということで改めて当サイトの１年半を振り返り、これをもってブログというものに興味を示していただければな、と考え筆を走らせます。 きっかけはお金だった？ 最初は何書けばいいのかわからなかった SEOを意識しすぎた 目標を立てた 記事の質にこだわった ブログアドバイザーに転身 今からブログ始める人に伝えたいこと きっかけはお金だった？ 実は、『ポジ熊の人生記』開設前にはてなブログに出会っています。 職場の同僚がアフィリエイトをやっていて、懇意の僕にこっそりと教えてくれたのです。「月に３万円くらい稼いでいる」と。僕は仰天しましたね、本業で生計を立てつつも、＋３万円も収入があれば、
高橋源一郎氏の「教育勅語」現代語訳
高橋源一郎 @takagengen この前、「方丈記」を現代語に訳したのだが、実は、古典の現代語訳は、個人的に、しょっちゅうやっている。人知れずだが。というのも、普通に古典を読んだり、あるいは、いわゆる「現代語訳」を読んでいてもピンと来ないことが多いからだ。なんか、そういう意味じゃないんじゃないかなあ。そう思える。 2017-03-15 14:38:52 高橋源一郎 @takagengen たとえば、「朕惟フ」と言うと、ふつう「私は思う」と訳す。もちろん間違っていない。でも、なんか違う。「朕」を使えるのは、天皇ただひとり。同時代で、「朕惟フ」を読んだ人は、「私は思う」とは受けとらなかったんじゃないかな。正確だけれど「正しくない」訳、そんな気がする。 2017-03-15 14:40:47 高橋源一郎 @takagengen というようなことを、昨晩、ここ何年か連載している「論語」全訳の途中
キャリアを上げるために読んでおくべきおススメ本10選 | キャリハイ転職
外資系企業やトップ日系企業で活躍するためにおさえておきたい本を紹介しておく。本を私がよく読むのでキャリアアップに役に立ちそうなものを紹介させていただく。 本としては、ベンチャー起業家の創業期がおもしろいのだがあまりに現実離れしていてキャリアアップの参考にならないので、できるだけ組織内で活躍してきた方の本を抽出する。 企業参謀元マッキンゼーコンサルタントである大前研一氏の名著だ。同氏は本をたくさん出版しておりはずれが少ない。 書き始めてから思ったが、おすすめの大前本で１記事書けそうだ。 そのなかでも企業参謀は現代日本を適切に表した、現代の古典と言える本だ。素晴らしい本は時代を経ても役に立つというが本書はまさにそうだ。日本企業の問題点を適切にあらわしている。 個人レベルのキャリアまでブレークダウンしている内容ではなにので自分は行動をどう変えたらよいかは考えてほしい。いずれにしても本書は読んでほ
広告業界は終わらない
広告業界で働いている。 大きな会社ではないが、誰もが知るような広告代理店と一緒に、誰もが知るような大企業の広告を手がけている。 一言でいって、この業界のやつらはクソだ。 クソな慣習がクソな若手へ脈々と受け継がれているクソな業界だ。 それでも広告が好きでこの仕事をしている。 無駄が多すぎる無駄な待機、無駄な打ち合わせ、メールですむような内容でも、身体を拘束したがる。 時間と体を案件に委ねるのが誠意であり、face to faceで過ごす時間こそ、価値があると思っている。 パソコンも携帯電話もあるのだから、ただの連絡待ちなら自宅で待てばいい。 ほとんど無言の打ち合わせを長時間するぐらいなら、必ずアウトプットを持ち寄る決まりを作ればいい。 でも、しない。 なぜか？時間と身体的拘束こそ、最大の忠誠だから。 サクっと終わらせたら、やる気がないみたいだから。 ばーかばーか！ 飲み会が長すぎる打ち上げ、
【新卒応援】Macを手に取ったらまず入れるべき業務効率化ツール5選 - オールアバウトTech Blog
今週から、オールアバウトで一年間働いてきた新卒エンジニアが投稿する連載企画 「テックブログ新卒週間」を始めます！ 今回は3本連載のうちの一本目、2016年度入社 開発エンジニアのTKKが投稿をさせていただきます。 よろしくお願いいたします！ はじめに 社会人になり、PCの買い替えや会社からの貸与によって、初めてMac端末に触れる方は多いのではないでしょうか。 かくいう自分も、そんな一人。Macを受けとったものの最初はどんなソフトウェアから入れればいいのかわからず、苦労しました💦 そんな苦労から得た、実際に業務に役立った「まずは入れるべき業務効率化ツール」を5つご紹介します。 自分と同じ境遇の方々の力になれれば幸いです。 Spectacle https://www.spectacleapp.com/ 概要 ショートカットキーで各ウィンドウの移動、サイズ調整ができる オススメポイント キーボ
Photoshopでまずダウンロードしておきたい無料ブラシ素材50個セットまとめ
鉛筆やチョークで描いたような風合いから、水彩ペイントの淡い色合いやレトロなグランジ感など、さまざまな質感を表現できる Photoshop ブラシ素材セット。 あらかじめ収録されているブラシに飽きてしまったり、新しいブラシを自分で作成するのは面倒、不要で無駄なブラシはインストールしたくない。そんな人におすすめしたい無料ダウンロードできる高品質な Photoshop ブラシ素材をまとめてご紹介します。 後半では、Illustrator で利用できるベクターブラシ素材もいくつかピックアップしています。 2021年版の最新Photoshopブラシも一緒に確認しておくと良いでしょう。 フォトショップでまず入れておきたい無料ブラシ素材70個まとめ 2022年版 ブラシを切り替えたり、ブラシサイズを変更したりと、何度も行う作業はショートカットキーの利用がおすすめです。また、CCライブラリを活用したPho
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
長文日記
http://11neko.com/loom/