絶対見ておきたい有名企業のスマホサイトまとめ (1/5)
この記事で取り上げているスマートフォンサイトの「BEFORE & AFTER」を以下の記事で紹介しています。合わせてご覧ください。 日本のスマホサイトは2年間でこんなに変わった iPhone、Androidの普及を背景に、スマートフォンのブラウザー向けにコンテンツや表示を最適化した「スマートフォンサイト」（スマホサイト）を開設する企業が増えている。当初はiPhone（iOS）の標準UIに倣った画一的なデザインが多かったが、最近では独特のレイアウトや斬新な色使いの個性的なスマートフォンサイトも増えてきた。 ここでは、Web制作者が見ておきたいスマートフォンサイトを紹介する。実務で参考にできるように、対象を日本語の企業サイトに絞り、業種別に分類してまとめた。スマートフォンサイトの制作に入る前にチェックしておこう。
2015/3/9追記：インテリアや収納の本を読んで、気に入ったアイデアをメモするブログを始めました！ インテリア・収納の本をたくさん読む！ブログ 2015/3/29追記：この記事↓もおすすめです。 sclo-b.hatenablog.com sclo-b.hatenablog.com sclo-b.hatenablog.com sclo-b.hatenablog.com 去年の暮れに家中の断捨離をした我が家。 結局１ヶ月間くらいかかっちゃいましたが、家中全てに目を通し、スッキリすることができました。 ※ちなみに、断捨離の経過をTwitterでつぶやくという企画をしていましたが、途中で辞めました。いちいち捨てるものについてつぶやくなんてことはせず、一気に集中して取り組む方がよかった（笑） そんな私の断捨離のやる気をアップさせた本があります。 「もうやだ〜」ってなった時、 「これ捨てるかどうか
イラストにおけるキャラクターの撮り方、考え方、tips - pal-9999のサッカーレポート
皆さん、こんにちは、ベルマーレが三連敗してしまい、ふんだりけったりの管理人でございます。こんにちは。腹立たしいので、今日はサッカーの話でなく、久々にイラストの話でもしようかと思います。 そもそも、この時期は、Ｊ２サポにとっては、精神的にきっつい季節で、カリカリしてるです。まあ、次は真面目に香川の話でもしますが、今日は、サッカーの話をする気分じゃないので、久々にイラストの話でもします。 イラストにおけるキャラクターとカメラの話 さて、昨今、デジカメが安くなってきたせいか、イラストの描き方に色々と変化が起きているように思います。絵を描くときは、参考資料に写真を撮るのが普通ですけど、そこで問題になるのが、写真の撮り方です。 えーと、最近はデジカメの安いのでも、ズーム機能とか手ぶれ補正とかついているので、素人でも簡単に広角と望遠を使い分けて写真撮れるようになりました。 井上純弌氏による「萌え絵／エ
プログラミングでよく使う英単語のまとめ【随時更新】 随時追加、整理していきます。 名前をつけるときには、名詞、動詞の違い、複数形、過去形などに注意しましょう。 オブジェクト指向では、クラス名は名詞、メソッドは動詞とします。 使ってはいけない言葉 get / set アクセサ (getter / setter) やプロパティによく使われている。 それ以外に使うと混乱を招くのでよくない。 get は軽量な処理と考えるので、中に重い処理は書いてはいけない。 単純な取得/設定以外で使いたくなったら他の言葉を考える。 load, save, commit, store, enable, disable, fetch, register, configure, add, etc... check 意味が広すぎて何をしているかわからない。 できるだけ別の言葉を使う。 具体的に何をしているかに分解して考え
CSS： marginの正しい理解 - kojika17
toggle()や変数、calc、:matchなど、今までにないCSSプロパティ、セレクタが提案・実装されて、CSS3, CSS4も楽しくなってきています。 border-radiusや、box-shadowなども、古いAndroidブラウザ以外なら、prefixなしで使える状況も増えてきました。 最新技術は、これから必要になってくるかもしれませんが、基本も大切です。 float や position など、CSSコーディングを悩ませるタネはいくつもありますが、今回はその中でも私がCSSで一番難しいと思う margin について書きます。 「marginはバグが多い」という声をたまに聞きます。 しかし話を聞いてみると、正常な動作をバグと間違って認識しているケースもあります。 marginを正しく理解することによって、効率的なレイアウトを構築できますので、基本的な内容ですが、読んで頂ければ幸
画像にエフェクトをかけて拡大表示したり、スライドを作ったり、ツールチップで表示したり、というような画像を使用したjQueryプラグインが沢山あるのと、探してる方が直ぐに見つけられるように、という事でリンク集を作りました。 という訳で、集まっているjQueryのプラグインの共通点は画像を使っている、という事だけです。一貫性無いといえば無いですが、個人的にも必要とする事が多いので自分用のメモも兼ねてシェア。 日本語English 結構カテゴリ分けはいい加減かもしれませんのであしからずご了承下さい。画像じゃなくてもいいんじゃ・・みたいのもありますが、デモで画像を使ってる、画像と相性が良さそう、みたいなものは基本的に掲載しています。 リンクにマウス乗せればキャプチャが出ます。 LightboxLightbox風に画像を表現できるjQueryいろいろ Lightbox2 / ベーシックなタイプ。グル
プログラミングの変数・メソッドの命名でよく使う英単語まとめ - SE_BOKUのまとめノート的ブログ
目次 プログラミングの変数・メソッドの命名でよく使う英単語 ログイン・認証 許可・権限 ネットワーク ファイル操作 外部入出力 データ入出力 データベース操作 オブジェクト操作 生成・構築 削除・破棄 変更 変換・結合・排除 分割・切り出す（スライス） 登録・設定 検索・置き換え 状態・状態変更 計算 プロセス操作 処理サイクル 確認（１） 確認（２） 比較 その他対で使う単語 コード・ID・引数（変数） 機械学習関連 その他（未分類） データベーステーブルのカラム名の工夫（変数） 変数の頭につける接頭語 プログラミングの変数・メソッドの命名でよく使う英単語 プログラミング時の「メソッド名」「変数名」の命名で使いそうな英単語を「同じ意味でもニュアンスによって使い分けされるもの」あたりを注意してまとめます。 ログイン・認証 単語 意味 log_in/log_out ログインする/ログオフする
作成：2014/04/21 更新：2014/10/24 Web制作 > 前回コーポレートサイト制作が捗るjQuery プラグインをまとめましたが、今回はCSS版ということで、使用頻度が高いものと、これから必要になりそうなものを、忘れないようにメモしておきます。コーポレートサイトやWeb サービスサイトでさりげなく使われているものや、今後増えそうなものなど。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 横並び １．今までの回り込み解除 ２．横並びや並び順 ３．均等に並べる／段組み ナビゲーションメニュー ４．多階層 ドロップダウン ５．amazon風 メガドロップダウン ６．ドロワーメニュー コンテンツメニュー ７．モーダルウィンドウ ８．アコーディオン ９．タブパネル テーブル １０．ストライプテーブル １１．レスポンシブ＋テーブル リスト １２．カウント
人生を変えた買い物 ( ･ω･)<皆さん、人生を変えた買い物と言えば何を思い浮かべるでしょうか？ 本だったり食べ物だったり家だったり乗り物だったり。千差万別でしょう。 私にとって人生を変えた最大の買い物は、そう、漫画ソフトでした。 ( ･ω･)<原稿料3000円事件の帰り道。アマゾンで検索してみたら 「ComicStudio」という漫画ソフトが5000円くらいで売ってました。 引っ越しやら旅行やらでお金、いっぱい使っていた時期だったので5000円の出費は少し痛手でしたが 「迷う理由が値段なら買え、買う理由が値段ならやめとけ」という名言もあることですし 思い切って買っちゃいました。 で、このソフトで描きまくった漫画の書籍化が決まったというわけです（超嬉しい・・・！） 【送料無料】 セルシス ComicStudio Debut 4.0 for Mac OS X （コミックスタジオ デビュー 4
WEB制作で必ずと言っていいほど登場するものの１つに「見出し」があります。 そこで今回は、CSSだけで作られている見出しの中でも、実用性が高いものやCSSの最新要素を使ったものを厳選してご紹介します。コピペで簡単に実装できるので、是非使ってみてください。 飾り付きの見出し 擬似要素before、afterを使って飾りをつける見出しです。beforeとafterのcontentプロパティを変更すれば、☆や♡にすることもできます。 同じくbefore、afterを使うパターンです。transformプロパティで斜めにした長方形と長方形を重ねることで三角形を作っています。 beforeとafterを使ったシンプルな見出しです。ボーダーを指定した擬似要素の位置をpositionプロパティで指定しています。 ボーダーがある見出し キャプション付きの見出しです。シンプルなので使いやすいですが、レスポン
CSSのみでテキストにグラデーションやリフレクトをかけるテクニック（ちょっと更新） - くらげだらけ
前回はiOS5のMobile Safariから使えるようになったHTML5・CSSについて前編と後編に分けてご紹介しましたが、そのなかで説明していない小さなテクニックについて少し紹介したいと思います。 今回はCSSでテキストにグラデーションをかけるテクニックについてです。 前回のWeb App Demoではフッタータブに特殊なWebFontを使ってアイコンを表示させるようにしていましたが、タブがActiveのときに色が変わってエフェクトがかかるようになっています。 このエフェクト効果はCSSでテキストにグラデーションをかけるテクニックをつかってやっています。 通常、CSSでテキストカラー（colorプロパティ）にグラデーションを指定することはできませんが「:after」擬似クラスや「mask-image」プロパティを組み合わせて使うことでグラデーションのような表現をすることができます。具体
収納下手を克服するため妻監修のもと無印良品中心に理想の収納システムを構築しました - karaage. [からあげ]
電波な汚部屋をどうにかしたい！ 去年、電波な汚部屋を公開しました。 ちょっとだけお見せすると以下のような感じです。 片付けてBefore Afterやるからな！といったきり、案の定ずっとあのままだったわけですが。引越しを機についに部屋の整理をすることにしました！いらないものは少しは減らしたのですが、やはり必要なものは必要なわけです（Raspberry Piとか電子部品とか作った作品とか）。 このままではまた汚部屋の悲劇再びとなってしまうので、そのような事態を避けるべく、スーパーアドバイザに妻(id:necogista)を迎えて、猛然と汚部屋に立ち向かうことにしました。 無印良品で収納システム構築 捨てるものがないのだったら、収納しかない！というわけで、収納術に長けた妻のアドバイスをもとに、無印良品を最大限に活用して収納システムを構築することにしました。妻曰く「統一感のある収納を簡単に実現す
![収納下手を克服するため妻監修のもと無印良品中心に理想の収納システムを構築しました - karaage. [からあげ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/ceff5ceabd0158f1f755daadefc93e19a73794a1/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkaraage%2F20170111%2F20170111232046.jpg)
限界までMySQLを使い尽くす!!
どこまで出来るか?!やれるところまでやってやるぜ!!と、威勢が良いのは若い間だけの話。オトナのオトコは、攻めるときはとことん攻めるが自らの限界もわきまえて賢く振る舞うのがスマートってものである。というわけで、今日はMySQLのいろいろな限界についてまとめてみる。皆さんも是非MySQLの限界を知り、MySQLをもっとスマートに使って頂きたい。 SQL文の最大長 MySQLサーバーが実行出来るSQL文の最大長は、max_allowed_packetシステム変数で表される。max_allowed_packetの最大値は1GBである。max_allowed_packetの値はセッションごとにも設定可能なので、デフォルトではそこそこの値（16MBなど）に設定しておいて、必要に応じて大きな対を使うと良いだろう。 データベースの個数 データベースオブジェクトの個数に制限はない。データベースオブジェクトは
突然だが、私の部屋には何もない。 殺風景な空間で暮らしている。あまり人間の住んでいる部屋という感じがしない。普通の家にあるものがほとんどないからである。 具体的に何がないのか。たとえば冷蔵庫がない。電子レンジがない。炊飯器がない。洗濯機も、掃除機も、テレビも、ソファも、クッションもない。 「逆に何ならあるんだよ」という声が聞こえてきそうなので、部屋の写真を載せておこう。 仕事用の机と椅子、寝るための脚付マットレス、そして本棚とスピーカーがある。あとはクローゼットに衣類があるだけだ。自分でもたまに、電子レンジも冷蔵庫もないのにスピーカーがある部屋にウケている。音にこだわっている場合か！ 予算2万円で「一人暮らしに必要なもの」を買う べつに強い思想があってこんな暮らしをしているわけではない。この部屋に住みはじめてもうすぐ1年になるんだが、それ以前は人の家に長いこと居候していた。家電などはすべて
LINEで「。」を使わない人が多いのはなぜ？→若い世代は句点を使うと「怒っている」と感じるから→実は海外でも同じ現象が起きていた話
石黒 圭 @ishigurokei 日本語研究者／国立国語研究所教授／一橋大学大学院言語社会研究科連携教授／専門は日本語学・日本語教育学／読解教育・作文教育を中心に研究／言葉も好きだが言葉を話す人間が何よりも好き！ なお、こちらでつぶやく内容は石黒個人の見解であり、国立国語研究所や一橋大学の意見・見解を代表するものではありません。 ishigurokei.com 石黒 圭 @ishigurokei LINEの吹き出しで、文の最後に句点（。）を入れないのはなぜでしょう。これはマンガの吹き出しや、小説の会話の閉じカギ（」）に（。）を入れないのと同じ理屈で、入れなくてもわかるからです。 学校では句点を入れる（。」）を教わりますが、社会のルールは異なります。 diamond.jp/articles/-/329… 2023-09-24 15:10:44 リンク ダイヤモンド・オンライン なぜ、LIN
cssやプログラミングIE6でも動くjQuery 使いやすそうなjqueryプラグイン をまとめました。最低でもIE6でも 動いてくれる事を前提にしています。 他サイトでよく見かけるプラグインで、 個人的に実用性のあるプラグインと 思ったものをまとめます。 使いやすそうなjqueryプラグイン をまとめました。最低でもIE6,7でも 動いてくれる事を前提にしています。 他サイトでよく見かけるプラグインで、 個人的に実用性のあるプラグインと 思ったものをまとめます。 IE6、7でも動いてくれて、実用性のあるjQueryいろいろ。確認したブラウザはIE6,7とChromeです。他は大抵動くんじゃないかな（適当）。 デモで画像が透過されていないのもありますが、他のjsライブラリでIE6でも透過可能（DD_belatedPNG.jsとか）なのでそこは抜きにして動作する事を条件に挙げています。主観入
スマートフォンやタブレット端末といった、いわゆる「スマートデバイス」を意識したWebサイト制作はもはや常識となっている。各企業のWebサイトは、次のような方法でスマートデバイスに対応していることがほとんどだろう。 スマートフォン向け専用サイトを構築する レスポンシブWebデザインで Webサイトを構築する viewportを調整する Web Professionalでは、2011年2月、有名企業のWebサイトがスマートフォンにどのように対応しているかを紹介した。 これらのサイトは、2年経ってどのような変化を遂げたのか。本記事では、取り上げたサイトに再び訪れ、サイトデザインのトレンドがどう移り変わったのかを観察。日本のスマホサイトの「BEFORE & AFTER」を紹介しよう。 半数以上のサイトがリニューアル まず、調査したサイト数に対してリニューアルしたサイトと、大きくは変化していないサイ
TL;DR 2014/12/01：続編である「最近のサイトで使われていた CSS 小技集」を書きました。 今回は CSS のみで実現できるもの、動きあるエフェクトやこれから使用頻度が高くなりそうなものをメモしておきます。さり気なく使いたい CSS テクニックです。 画像 １．キュレーションサイト風のランキングボタン キュレーションサイトがサイドバーに「よくつけてる」ランキングボタンです。counter-incrementで数値を増加させ、content: counter()でカウンターを表示します。人気の記事を表示させる WP プラグイン等と組み合わせるといいですね。ざっくりとしたソースで申し訳ないです、微調整はお願いします。 html <ul class="sample"> <li><img src="xxx.png" /><span class="post-title">テストテストテ
知っておくと速い！CSS3に関する「便利」なまとめ
作成：2013/11/25 更新：2014/10/24 Webデザイン > 先週WordPressの自作テーマを作っていたときに、もっとCSSで効率化できないものかと、色々調べてたら結構使ってないものがありました。出来るだけ短縮できるところは短縮したいので、今回はCSSの中でもサイトを作る上で「知っておくと効率的」なものをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 知っておきたいプロパティ １．カウント数を出力 ２．要素の前後に文字や画像 ３．カーニング ４．画像フィルタ ５．均等幅にレイアウト ６．アニメーション一覧 スマホサイト対策 ７．viewport ８．改行削除 ９．Webクリップアイコン １０．UIリセット／入力フィールド拡張 １１．横並び １２．ボタンサンプル １３．画像を使わない矢印 １４．自動改行 １５．はみ出しを隠す １
擬似要素を使った見出しデザイン
このブログの見出しはシンプルなんですが、CSSの「:before」や「:after」など擬似要素を使えば色々と装飾ができますので今回は8つのサンプルを紹介します。 HTMLはすべてHタグだけです。特に意味はありませんが今回のサンプルはh4タグを使っています。 「:before」「:after」やボーダーで表現する三角形の使い方など慣れない方もいるかもれませんので、その都度簡単に解説していきます。「:before」「:after」疑似要素はIE7以下は非対応ですのでご注意ください。 今回のサンプルは別サーバにアップしていますのでご覧ください。 それでは今回8つのサンプルを紹介していきます。 1. 吹き出しのような見出し1 吹き出しの下の部分を:after擬似要素で作っています。三角形はボーダーで作っています。下の画像を見ると何となくイメージできるでしょうか。今回の場合は上の赤い部分のみ色を付
こんにちは、投稿開発部の森川 (@morishin127) です。クックパッド、お料理アルバム、みんなのお弁当の iOS アプリの開発等に携わっています。 クックパッドでの開発は GitHub Enterprise 上で行われており、書いたコードをプロダクトに取り込む前には基本的に第三者のコードレビューが必須です。コードレビューはプロダクトの品質向上に貢献していますが、往々にして結構な時間と労力がかかるものです。Pull-Request を出してレビューをしてもらい指摘の修正を繰り返していると、場合によってはマージに数日〜1週間ほどかかってしまうこともあります。自分の開発速度を速めるため、また周りのエンジニアの開発速度を下げないためにレビューしやすい Pull-Request を出すことは重要です。この記事ではレビューしやすい Pull-Request のために心がけていることを紹介したい
ブラウザごとに異なるHTMLの各要素のスタイルの相違を吸収し、各要素のデフォルトのスタイルが定義されたCSSリセット用のスタイルシートを紹介します。 normalize.cssを最近のWeb制作にあうようカスタマイズされたもので、対応ブラウザはすべてのモダンブラウザ、IEは8+対応です。 ress -GitHub 参考: normalize.cssの特徴とコード 2015年、Web制作者が押さえておきたいCSSの各種リセット ressの特徴 ress: html, グローバルセレクタの定義 ress: 一般的な要素の定義 ress: フォーム要素の定義 ress: メディア要素の定義 ress: アクセシビリティ用の定義 ress: ::selectionの定義 ressの特徴 ressは「normalize.css」をカスタマイズしたもので、スタイルシートを始める時のしっかりしたベースな
はじめに 「なんか、レビューのたびに変数名を指摘されてる気がする...」 「日本人なんだから、英語で命名とか無理...」 こんなお悩みありませんか？ この記事では、「プログラマーが英語の命名で悩んだ時にどうすれば良いか」をフローチャート形式で解説します！ これであなたも駆け出しエンジニアを卒業できるかも!? ※本記事はLaravel,Vue.jsのプロジェクトで運用されているルールを元に解説しています。 プロジェクト内だけの内輪ルールも含まれていますので、ご了承ください。 対象者 この記事は下記のような人を対象にしています。 駆け出しエンジニア プログラミング初学者 PHP(Laravel),JavaScript(Vue.js)で英語のネーミングに苦戦中 前提知識 下記のような中学・高校で学ぶ内容については理解していること前提で解説します。悪しからず。 三単現のsって何？ 5文型(SV/S
はじめに こんにちは。ブロックチェーンチームのエンジニア、 @nanamachi です。 tech.mobilefactory.jp 前回の記事ではたくさんの方に閲覧&コメントいただきありがとうございました。この記事から1年。モバイルファクトリーは日本のどこからでも働けるようになり、書籍購入、資格取得、セミナー参加、懇親会の支援制度などフルリモートに適応できるよう多くの変化をしてきました ( https://recruit.mobilefactory.jp/work-style/ )。その中で社員の環境もさまざま変わったことでしょう。 この変化を記事にすれば、閲覧数を稼げる 弊社の魅力を発信できるに違いない!という目論見で、初めてバズった記事にすがるエンジニア組織開発責任者の@kfly8から次のようなチャットが送られてきました。 kfly8: インターネット識者*1の @nanamachi
はじめに 結果 プラスに変わったこと Before (Backlog導入前) (1)寝不足と、モチベーション低下との闘い (2)やることが多すぎて日が暮れていた After (Backlog導入後の5つの変化) (1)期限を設定することにより気持ちが楽になった (2)情報共有による時間の節約ができた 引き継ぎしやすい (3)以前よりも子どもと向き合えるようになった BacklogのWikiは議事録としても秀逸 (4)育児以外のタスクに時間を掛けないようになった (5)夫婦の雑談が増えたことによって、新しいアイディアが生まれた プロジェクト管理ツールはこれからも継続使用します はじめに 我が家では1ヶ月ほど前にプロジェクト管理ツールを導入しました。 当初の宣言通り、まずは1ヶ月間 Backlogを導入し、家庭内のタスクが滞りなくスムーズに対応できるかどうか試してみることにしました。 今回は、
擬似要素はCSS1から存在するもので、ここで解説する「:before, :after擬似要素」はCSS2.1でリリースされたものです。 CSS1では「:first-letter, :first-line」です。 擬似クラス、擬似要素 擬似要素の記述は一つのコロンを使用し、「:before, :after」となります。 コロンを使用するものは他に、「:hover」などの擬似クラス、CSS3ではコロンを二つにした「::before, ::after」などがあります。 サポートブラウザブラウザ 「:before, :after擬似要素」をサポートするブラウザは下記の通りです。 IE8+ Firefox3.5+ Chrome Safari4+ Opera6+ IE8+とすべてのモダンブラウザと言ってよいでしょう。 非サポートブラウザへの対応 IE7にも「:before, :after擬似要素」を利
はじめに 僕は趣味でよくギター（エレキギター）を弾きます。 ですが、長年ずっと困っていたことがありました。 それはギターアンプのノイズです。 多かれ少なかれ、エレキギターを弾くときはアンプからノイズが出るものです。 しかし、僕の家のギターアンプからは明らかに異常な「キーン」というノイズが出ます。 実際どんな音なのかは以下の動画で確認できます。（うるさいのでボリュームには気を付けて！） www.youtube.com このノイズは以下のような特徴があります。 5〜6年前から急に発生し始めた 常時ノイズが出るわけではなく、たまに発生する ノイズが鳴り始めると鳴ったり止んだりを繰り返す ギターを変えても、アンプを変えても同じようにノイズが出る（なので、ギターやアンプの問題とは考えにくい） ギターを全くつないでいない状態でもノイズが出る（なので、ギターのピックアップがノイズを拾っているわけではない
Firefoxのメモリ消費量を猛烈に減らすツール"Firefox Ultimate Optimizer" - あまたの何かしら。in はてな
有名どころでは、about:configから直接いじる方法がありますね。 FirefoxやThunderbirdのメモリ消費量を劇的に減らす方法 - GIGAZINE 日本語圏で紹介されていなかったようだから、書いてみますよ。 使用するのは自己責任ってことでお願いしますね。とはいっても、たくさんの人に使ってもらってレビューを書いてほしいです。私はやりました（以下、実験にて）。実体がわかったので、コメントや追記を見てください。 #追記＋コメントは要参照。 Firefox Ultimate Optimizer（以下、FUO）とは メキシコ発のMozilla Firefoxのメモリ消費量を劇的に減らす（あるサイトではdramaticallyではなくdrasticallyと紹介されている。それくらいに凄い。）ツール。Rafael Felipe Sarabia Caravantesっていう19歳の青
VSCodeを使い始めました。とりあえずデフォルトをイケてる感じにしたかったので、4つの拡張機能をインストールしました。せっかくなので共有します。 Before After 私と同じVSCode初心者は、とりあえず下記をインストールしておけばOKだと思います！ Dracula Theme Material Icon Theme Indent Rainbow Bracker Pair Colorizer 1. Dracula Theme まずはこれ。Dracula Themeです。 これを入れればシンタックスハイライトが変わり、かなり雰囲気が良くなります。デフォルトのハイライトだと特別感が少ないので、本当におすすめです。 追記：Dracula以外のおすすめThemeをこちらにまとめています。よかったら見てください。 VSCodeをカッコよくするTheme拡張7つ GitHub https:/
ナレーションは加藤みどりさん、BGMは例の曲でお楽しみください。 Inscrutable Battle アーティスト: 松谷 卓出版社/メーカー: Sony Music Labels Inc.発売日: 2015/01/21メディア: MP3 ダウンロードこの商品を含むブログを見る今日のビフォー・アフターは、テレビの「カンブリア宮殿」で見た代官山蔦屋書店を、ふるさと武雄市に作りたい。 そんな依頼者、前武雄市長と「TSUTAYA図書館の匠」がタッグを組んで作り上げた、TSUTAYA図書館をご覧いただきましょう。 大きく変わっていない建物外観 意外と知られていませんが、武雄市図書館は、2000年10月にオープンした新しい建物です。 2013年にTSUTAYA図書館へ改装する際にも、建物の基本構造は変わっていません。 新しくなった武雄市図書館へ訪れる人が増え、その感想として「建物の高いデザイン性」
2018年もいよいよ本日が最後となりました。皆さんいかがお過ごしでしょうか。この記事では機械学習/ディープラーニング初心者だった自分が2018年にやったことをまとめていきたいと思います。ポエムじみた記事になってしまいましたが、何らかの参考になれば幸いです。 2018年のBefore-After Before 今年（4月）ぐらいまで機械学習の「き」の字も知らなかった。k-Nearest Neighbor？Support Vector Machine？なにそれ美味しいのってレベル 昔統計をやっていたので、ロジスティクス回帰ぐらいは知っていた。オーバーフィッティングの概念ぐらいは知っていたが、厳密な定義は知らなかった。 Pythonも触ったことなかった After 機械学習とディープラーニングの基礎はだいたいわかった Pythonがだいたい使いこなせるようになった 物によってはディープラーニング
1. はじめに 本稿は、私が1年以上の期間をかけて、成長し続けるチームに変わることができた施策を紹介します。 本稿は長文なので、忙しい人は太字だけを拾い読みして、興味をもった施策だけを詳しく読んでいただければと思います。 なお、本稿の内容で「Developers Summit 2020 KANSAI」というカンファレンスで発表した結果、ベストスピーカー賞1位をいただきました。発表を視聴してくださった方々に感謝しております。 発表資料と発表動画はコチラ 2. 施策の効果 私の開発チームは当初(1年と数ヶ月前)は、以下の状態でした。 あまり積極的に今のやり方を変えようと思っていないチーム メンバーは、中堅(私)が1名と入社2年目と3年目の3人(後に新人が配属して途中から4名に) 全員、技術記事を書いたことがない 全員、社外の勉強会などのイベントに参加したことがない 全員、開発知識は、業務で教え
チャイルドセレクタや隣接セレクタなど、あんまり馴染みのないちょっと小難しい CSS のセレクタなどをまとめてみました。 これからクロスブラウザの照準を、IE7 に合わせるなら、ちょっとお役立ちかもです！ そろそろ IE6 のことは忘れて、IE7 からのクロスブラウザを目指せばいいのかなーという気がしています。CSS のプラパティーの中には、今まで IE6 のことを考えて使わなかったものがたくさんあったりします。それらを改めて確認してみると、コーディングの幅が広がるなーという気になったりもします。 これから使う事が増えるかもしれない、CSS のセレクタやプロパティを、もう一度振り返ってみると同時に、IE7 で注意したい事などを簡単にまとめてみました。 IE6 ではサポートされていませんでしたが、IE7 からは使ってもOKなセレクタやプロパティには、どんなものがあるのか確認してみます。後半は
Sass、そしてSassy CSS (SCSS)
CSSを拡張したメタ言語であるSass、そしてその別文法として定義されたSCSSについて、960.gsなどのCSSフレームワークと絡めて、Sass (主にSCSS)の良さを解説する。 CSSフレームワーク Sass Sassy CSS aka SCSS SCSSでCSSフレームワーク 2カラムレイアウトの作成 clearfixやReset CSSの組み込み カラム幅の変更 カラムの入れ替え SCSSで完結することの意義 まとめ 最後に CSSフレームワーク 960.gsやBlueprint、BlueTripなどCSSフレームワークと呼ばれるものは色々ある。フレームワークと名乗るだけのことはあって、それらの生産性はとても高い。テンプレートで適切にクラス名やIDを埋め込むだけなので、複雑怪奇なCSSコーディングを意識することなく誰でも簡潔にきれいなカラム・レイアウトを作成できる。 HTML 4
https://cookpad.connpass.com/event/249346/ にて発表。
JQuery Cycle Plugin
Check out Cycle2, the latest in the Cycle line of slideshows. Overview The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more. It also supports, but does not require, the Easing Plugin. How it Works The plugin provides a method called cycle which is
「文章の推敲は、自分一人でやるものだ」と思いこんでいないだろうか？ しかし、グループウェアなどのコラボレーションツールを使って「みんなで推敲」すると、文章は、驚くほどよくなる。 「Googleドキュメントを文章推敲プラットフォームとして使う」という、誰でも思いつきそうな、しごく単純なアイデアだが、実際にやってみると、驚くほどの威力があり、新鮮な感動を覚える。これは、集合知を使った文章推敲のイノベーションだ。 この「みんなで推敲」の体験談の発表会が8月30日に開催された。具体的に、どのように「みんなで推敲」が行われ、文章が改良されていくのか、そのプロセスが分かる、たいへん興味深い内容だったので、この記事でまとめる。 今回発表を行ったのは、ふろむださん主催の[面白文章力クラブ]のメンバーの３人。このクラブは、ライティングの初心者からプロまでが集まって「みんなで推敲」を行う場所だ。 わたし自身、
先日「LinuxのデスクトップをMacのようにドレスアップする（無料）」 を読ませていただいて、自分で実際にやってみたくなったので、UbuntuのデスクトップをMac OSX Leopard風にしてみました。 Mac買えばええやん、って言われそうだけど、Ubuntu(Linux)でどこまでやれるのか、実際に試してみたくなったのでトライ。 せっかくなので、方法というか手順をログとして残しておきます。 基本的に「http://maketecheasier.com/turn-your-ubuntu-hardy-to-mac-osx-leopard/2008/07/23/」を参考にさせていただいた(というか、ほとんどそのまま...)のですが、私の環境では一部上手くいかなかったり、部分的にハマったりしたので、その点の補足＆日本語訳くらいの感覚で参考にしていただければと思います。 気になるBefore
企業絡みの報道では最近は東芝がもっぱら注目を集めていました。 昨日東芝が起用した第三者委員会の調査報告書の要約が開示され、本日15時にその報告書のフル版が開示され、19時には記者会見があるそうですから、これからスタンバイモードになっていた専門家の皆様が分かりやすく噛み砕いた解説をされるはずです。 私もこの第三者委員会の報告書の要約をチラチラ眺めていたのですが、既に多くの方が指摘されている、あるグラフがとても印象的でしたので、今回紹介する次第です。 そのグラフとはこちら。 ※画像は、東芝『第三者委員会調査報告書＜要約版＞』P84より 東芝のPC事業部の月別売上高・営業利益の推移です。営業利益の方が2008年3月までは損益トントンぐらいだったのに、それ以降乱高下をしています。四半期の最初の月で大幅な営業赤字になって、最後の月で大幅な営業黒字になっている。 それまでのトレンドとは大きく異なるし、
Git / GitHub を使用したチーム開発時のガイドラインを制定しました | DevelopersIO
開発時にはみなさん Git や GitHub を使うと思いますが、使い方についてチームメンバー間で微妙に認識の違いがあると進捗を妨げてしまいます。それを防ぐためにガイドラインを定めてみました。 ちなみにこれは CX 事業本部の Tech Lead のお仕事紹介第 1 弾のポストです。 この記事の英語版も書きました。 前提 CX 事業本部ではクライアントからの開発案件や自社サービスの開発をしていますが、その際に有用な（と考えている）ガイドラインです。 様々な事情でチームメンバーが変更になる可能性があり、新規メンバーの立ち上がりを支援する意味合いも込めています。そのため、開発効率をなるべく落とさずに効果的なスキルトランスファーが実施できることを主眼としています。 ガイドライン 定めたガイドラインの全文を貼ります。 3 つのセクションに分かれています。 commit 時のガイドライン avoid
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
持ち物全てを一度に見渡せるくらい"断捨離"して、「家の中で物を探す時間」をなくす。 - 僭越ながら
プログラミングでよく使う英単語のまとめ【随時更新】
画像を使ったいろいろなjQueryプラグイン224個まとめ - かちびと.net
すごく役立った！サイト制作でさりげなく使われているCSSテクニックまとめ
原稿料わずか3000円の仕事を断った後スゴイことになった話 - うだまのブログ
HTMLとCSSのコピペですぐに実装できる見出しデザイン14選
モノがない殺風景な部屋で暮らす男に2万円を与えると、なにを買うのか？（真顔日記・上田啓太） - ソレドコ
IE6、7でも動いてくれる&実用性の高そうなjQueryプラグイン30個まとめ
日本のスマホサイトは2年間でこんなに変わった (1/4)
知っておくと便利！あのサイトでさりげなく使われていたCSS小技集 - コムテブログ
開発速度を上げるための Pull-Request のつくり方 - クックパッド開発者ブログ
CSSリセットはこれで決まり！モダンブラウザによる相違を吸収するようカスタマイズされたスタイルシート -ress
初心者プログラマーのための変数/関数/メソッドの英語命名規則 - Qiita
突撃！ 在宅の開発環境 2021年夏 - Mobile Factory Tech Blog
【家庭にプロジェクト管理ツールを導入して1ヶ月】実感した5つの変化 - Mana Blog Next
:before, :after擬似要素 の使い方を基本からマスターするためのチュートリアル | コリス
長年の悩みだったギターアンプのノイズが「マイ電柱」で直った件 - give IT a try
インストールするだけでVSCodeをカッコよくする拡張4つ - Qiita
劇的! 武雄市図書館 ビフォー・アフター by TSUTAYA図書館の匠
機械学習/ディープラーニング初心者が2018年にやったこと、読んだ論文 - Qiita
1年以上かけて生産性倍増＋成長し続けるチームになった施策を全部公開 - Qiita
IE7からのCSSの小難しいセレクタやプロパティいろいろ
クックパッドマートの失敗したデータ設計 Before / After 大放出
驚くほど上達する「みんなで推敲」体験事例の発表会まとめ
UbuntuのデスクトップをMac OSX Leopard風にするチュートリアル - 元RX-7乗りの適当な日々
東芝の「チャレンジ」を一目で察することができる、あるグラフ - 斗比主閲子の姑日記