https://b.hatena.ne.jp/beth321/coding/ codingに関するbeth321のはてなブックマーク (71) https://www.webprofessional.jp/anatomy-of-a-modern-javascript-application/ beth321 2017-06-16T20:17:36Z まとめ あとで読む javascript ES2015 coding node.js プログラミング JS frontend web制作 <blockquote cite="https://www.webprofessional.jp/anatomy-of-a-modern-javascript-application/" title="ASCII.jp － Web Professional（ウェブ・プロフェッショナル）｜デザインからマーケティングまで、Webを仕事にする人の情報サイト"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.webprofessional.jp%2Fanatomy-of-a-modern-javascript-application%2F" alt="" /> <a href="https://www.webprofessional.jp/anatomy-of-a-modern-javascript-application/">ASCII.jp － Web Professional（ウェブ・プロフェッショナル）｜デザインからマーケティングまで、Webを仕事にする人の情報サイト</a></cite><p><a href="https://www.webprofessional.jp/anatomy-of-a-modern-javascript-application/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/40615189c75704c213829eda0fda97db56821f4d/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.webprofessional.jp%2Fwp-content%2Fuploads%2Fsites%2F2%2F2017%2F06%2F14221823%2F0614-2.jpg" alt="ASCII.jp － Web Professional（ウェブ・プロフェッショナル）｜デザインからマーケティングまで、Webを仕事にする人の情報サイト" title="ASCII.jp － Web Professional（ウェブ・プロフェッショナル）｜デザインからマーケティングまで、Webを仕事にする人の情報サイト" class="entry-image" /></a></p><p>WebPro KUSANAGI Security Editionが進化！ 新機能「SafeUpgrade」でダウンタイムゼロのnginxアップデートを実現 KUSANAGI Security Editionが新機能「KUSANAGI SafeUpgrade」を導入し、nginxのメジャーバージョンアップを無停⽌で実施可能にする。 0 0 WebPro 高速CMS基盤「KUSANAGI Security Edition」がMicrosoft Azu...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.webprofessional.jp/anatomy-of-a-modern-javascript-application/"><img src="https://b.hatena.ne.jp/entry/image/https://www.webprofessional.jp/anatomy-of-a-modern-javascript-application/" alt="はてなブックマーク - ASCII.jp － Web Professional（ウェブ・プロフェッショナル）｜デザインからマーケティングまで、Webを仕事にする人の情報サイト" title="はてなブックマーク - ASCII.jp － Web Professional（ウェブ・プロフェッショナル）｜デザインからマーケティングまで、Webを仕事にする人の情報サイト" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.webprofessional.jp/anatomy-of-a-modern-javascript-application/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1112 https://flukeout.github.io/ beth321 2015-03-18T04:39:24Z css coding css css3 勉強系ゲーム 学習 webサービス web game selector <blockquote cite="https://flukeout.github.io/" title="CSS Diner"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fflukeout.github.io%2F" alt="" /> <a href="https://flukeout.github.io/">CSS Diner</a></cite><p><a href="https://flukeout.github.io/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/64962bb9f12baea23eb8783517fce08ff2a9ebf6/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fflukeout.github.io%2Fimages%2Ffb-share.jpg" alt="CSS Diner" title="CSS Diner" class="entry-image" /></a></p><p>No worries, you&#39;ve got this! You&#39;re about to learn CSS Selectors! Selectors are how you pick which element to apply styles to. Exhibit 1 - A CSS Rule p { margin-bottom: 12px; } Here, the &quot;p&quot; is the selector (selects all &lt;p&gt; elements) and applies the margin-bottom style. To play, type in a CSS sel...</p><p><a href="https://b.hatena.ne.jp/entry/s/flukeout.github.io/"><img src="https://b.hatena.ne.jp/entry/image/https://flukeout.github.io/" alt="はてなブックマーク - CSS Diner" title="はてなブックマーク - CSS Diner" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/flukeout.github.io/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 111 https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-horizonscroll.html beth321 2015-03-16T04:02:09Z () iOS コリス Coding jQuery javascript plugin iPhone android コンテンツスライダー <blockquote cite="https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-horizonscroll.html" title="[JS]スマホでもデスクトップでも快適！水平スクロールコンテンツを簡単に実装できるスクリプト -horizonScroll.js"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fjavascript%2Fjquery-plugin-horizonscroll.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-horizonscroll.html">[JS]スマホでもデスクトップでも快適！水平スクロールコンテンツを簡単に実装できるスクリプト -horizonScroll.js</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-horizonscroll.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/20a1df207e7ce23044916ab3e174ff9baf723b9d/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015031609.png" alt="[JS]スマホでもデスクトップでも快適！水平スクロールコンテンツを簡単に実装できるスクリプト -horizonScroll.js" title="[JS]スマホでもデスクトップでも快適！水平スクロールコンテンツを簡単に実装できるスクリプト -horizonScroll.js" class="entry-image" /></a></p><p>マークアップは非常にシンプル、スクリプトの設置も簡単、スマホでもタブレットでもデスクトップでもすいすい快適に操作できる水平スクロールコンテンツを実装できるjQueryのプラグインを紹介します。 デモのアニメーション horizonScroll.jsの使い方 Step 1: 外部ファイル 当スクリプトとjquery.jsを外部ファイルとして...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/jquery-plugin-horizonscroll.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-horizonscroll.html" alt="はてなブックマーク - [JS]スマホでもデスクトップでも快適！水平スクロールコンテンツを簡単に実装できるスクリプト -horizonScroll.js" title="はてなブックマーク - [JS]スマホでもデスクトップでも快適！水平スクロールコンテンツを簡単に実装できるスクリプト -horizonScroll.js" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/jquery-plugin-horizonscroll.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 133 http://unitopi.com/jquery-parent-child-3/ beth321 2015-02-19T06:34:27Z *あとで読む () ** javascript JQuery あとで読む DOM element Coding プログラミング <blockquote cite="http://unitopi.com/jquery-parent-child-3/" title="【JavaScript】（基礎）親要素・子要素の取得・追加まとめ③ | unitopi - ユニトピ -"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Funitopi.com%2Fjquery-parent-child-3%2F" alt="" /> <a href="http://unitopi.com/jquery-parent-child-3/">【JavaScript】（基礎）親要素・子要素の取得・追加まとめ③ | unitopi - ユニトピ -</a></cite><p><a href="http://unitopi.com/jquery-parent-child-3/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/321bf87502b392579bc2d5ed44fe66b39d06e9d6/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Funitopi.com%2Fwp-content%2Fuploads%2F2015%2F02%2Fsample001.png" alt="【JavaScript】（基礎）親要素・子要素の取得・追加まとめ③ | unitopi - ユニトピ -" title="【JavaScript】（基礎）親要素・子要素の取得・追加まとめ③ | unitopi - ユニトピ -" class="entry-image" /></a></p><p>こんにちは！ unitopi新米ライターの、ケインでございます。 このシリーズも最終回。今回も、JavaScriptにおいて基本的だけど忘れがちな、JavaScript（jQuery）における「親要素・子要素の取得・追加（削除）」について、今回は「要素の追加と削除」のお話をさせていただきます！ ちなみに今回は、説明の仕方がこれまで...</p><p><a href="https://b.hatena.ne.jp/entry/unitopi.com/jquery-parent-child-3/"><img src="https://b.hatena.ne.jp/entry/image/http://unitopi.com/jquery-parent-child-3/" alt="はてなブックマーク - 【JavaScript】（基礎）親要素・子要素の取得・追加まとめ③ | unitopi - ユニトピ -" title="はてなブックマーク - 【JavaScript】（基礎）親要素・子要素の取得・追加まとめ③ | unitopi - ユニトピ -" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/unitopi.com/jquery-parent-child-3/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 170 https://postd.cc/coding-advice-for-aspiring-software-engineers/ beth321 2015-01-06T23:14:03Z プログラミング management あとで読む Coding development コード Tips programming dev Programing <blockquote cite="https://postd.cc/coding-advice-for-aspiring-software-engineers/" title="ソフトウェアエンジニアを目指す人へのコードに関するアドバイス | POSTD"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fpostd.cc%2Fcoding-advice-for-aspiring-software-engineers%2F" alt="" /> <a href="https://postd.cc/coding-advice-for-aspiring-software-engineers/">ソフトウェアエンジニアを目指す人へのコードに関するアドバイス | POSTD</a></cite><p><a href="https://postd.cc/coding-advice-for-aspiring-software-engineers/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/8a9b221d401a380a94be04b069525ba1d7ac0aed/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fpostd.cc%2Fwp%2Fwp-content%2Fuploads%2F2014%2F10%2Fmacbook-air-all-faded-and-stuff-500x333.jpg" alt="ソフトウェアエンジニアを目指す人へのコードに関するアドバイス | POSTD" title="ソフトウェアエンジニアを目指す人へのコードに関するアドバイス | POSTD" class="entry-image" /></a></p><p>この短い記事で私は、ある素晴らしいアイデアを提案します。それは、製品品質のコードは、下記リストに挙げた特性で説明することができるということです。それぞれ、重要性の高いものから順番に記述しています。もしあなたが、学校もしくは独学でプログラミングを学ぶ、真面目な学生なのであれば、製品品質のシステムを...</p><p><a href="https://b.hatena.ne.jp/entry/s/postd.cc/coding-advice-for-aspiring-software-engineers/"><img src="https://b.hatena.ne.jp/entry/image/https://postd.cc/coding-advice-for-aspiring-software-engineers/" alt="はてなブックマーク - ソフトウェアエンジニアを目指す人へのコードに関するアドバイス | POSTD" title="はてなブックマーク - ソフトウェアエンジニアを目指す人へのコードに関するアドバイス | POSTD" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/postd.cc/coding-advice-for-aspiring-software-engineers/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 137 https://gihyo.jp/dev/serial/01/scene/0004 beth321 2014-10-29T00:21:26Z programming coding work develop code review development 開発 プログラミング codereview <blockquote cite="https://gihyo.jp/dev/serial/01/scene/0004" title="第4回　コードレビューについて | gihyo.jp"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgihyo.jp%2Fdev%2Fserial%2F01%2Fscene%2F0004" alt="" /> <a href="https://gihyo.jp/dev/serial/01/scene/0004">第4回　コードレビューについて | gihyo.jp</a></cite><p><a href="https://gihyo.jp/dev/serial/01/scene/0004"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/4670e693aba2d6e04ee9f2e34b8434112f478d99/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fgihyo.jp%2Fassets%2Fimages%2FICON%2F2007%2F029_scene.png" alt="第4回　コードレビューについて | gihyo.jp" title="第4回　コードレビューについて | gihyo.jp" class="entry-image" /></a></p><p>はじめに 「プログラミングに関する雑多な事柄」がテーマの本連載、第4回は「コードレビュー」について取り上げたいと思います。 コードレビューの方法 コードレビューは、文章のレビューと似ています。文章と同様にコードの場合も、人に見てもらうことで、わかりづらい部分や冗長な部分など、さまざまな問題点が見つか...</p><p><a href="https://b.hatena.ne.jp/entry/s/gihyo.jp/dev/serial/01/scene/0004"><img src="https://b.hatena.ne.jp/entry/image/https://gihyo.jp/dev/serial/01/scene/0004" alt="はてなブックマーク - 第4回　コードレビューについて | gihyo.jp" title="はてなブックマーク - 第4回　コードレビューについて | gihyo.jp" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/gihyo.jp/dev/serial/01/scene/0004"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 60 https://github.com/redis/jedis beth321 2014-10-28T02:01:45Z redis java coding jedis kvs nosql <blockquote cite="https://github.com/redis/jedis" title="GitHub - redis/jedis: Redis Java client"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2Fredis%2Fjedis" alt="" /> <a href="https://github.com/redis/jedis">GitHub - redis/jedis: Redis Java client</a></cite><p><a href="https://github.com/redis/jedis"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ed5ee0ee6ed2a3485c90a75ed22a03beeb8647b1/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fopengraph.githubassets.com%2F0a67c79721a28e1aa99ef8aafb98f4635e1516f80b4a2b7d4f0a3f1c94e3b581%2Fredis%2Fjedis" alt="GitHub - redis/jedis: Redis Java client" title="GitHub - redis/jedis: Redis Java client" class="entry-image" /></a></p><p>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. Dismiss alert</p><p><a href="https://b.hatena.ne.jp/entry/s/github.com/redis/jedis"><img src="https://b.hatena.ne.jp/entry/image/https://github.com/redis/jedis" alt="はてなブックマーク - GitHub - redis/jedis: Redis Java client" title="はてなブックマーク - GitHub - redis/jedis: Redis Java client" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/github.com/redis/jedis"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 14 https://gihyo.jp/design/serial/01/less beth321 2014-10-22T02:25:46Z tutorial LESS css *プログラミング CSS3 webデザイン スマートフォン gihyo Web制作 coding <blockquote cite="https://gihyo.jp/design/serial/01/less" title="LESSで3倍ラクするスマートフォンコーディング 記事一覧 | gihyo.jp"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgihyo.jp%2Fdesign%2Fserial%2F01%2Fless" alt="" /> <a href="https://gihyo.jp/design/serial/01/less">LESSで3倍ラクするスマートフォンコーディング 記事一覧 | gihyo.jp</a></cite><p><a href="https://gihyo.jp/design/serial/01/less"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/36e14a9d7fd2807704e2940d9f037b2818e7e4a3/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fgihyo.jp%2Fassets%2Fimages%2Fgihyojp-ogp.png" alt="LESSで3倍ラクするスマートフォンコーディング 記事一覧 | gihyo.jp" title="LESSで3倍ラクするスマートフォンコーディング 記事一覧 | gihyo.jp" class="entry-image" /></a></p><p>運営元のロゴ Copyright © 2007-2026 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します⁠。個別にライセンスが設定されている記事等はそのライセンスに従います。</p><p><a href="https://b.hatena.ne.jp/entry/s/gihyo.jp/design/serial/01/less"><img src="https://b.hatena.ne.jp/entry/image/https://gihyo.jp/design/serial/01/less" alt="はてなブックマーク - LESSで3倍ラクするスマートフォンコーディング 記事一覧 | gihyo.jp" title="はてなブックマーク - LESSで3倍ラクするスマートフォンコーディング 記事一覧 | gihyo.jp" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/gihyo.jp/design/serial/01/less"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 70 http://tech.aucfan.com/sublime-text-plugins/ beth321 2014-10-11T23:50:05Z Web制作 *** SublimeText tips plugin editor KKH まとめ coding Sublime Text <blockquote cite="http://tech.aucfan.com/sublime-text-plugins/" title="Sublime Textの作業効率を飛躍的に上げるプラグイン31個 | aucfan Engineers&#39; blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Ftech.aucfan.com%2Fsublime-text-plugins%2F" alt="" /> <a href="http://tech.aucfan.com/sublime-text-plugins/">Sublime Textの作業効率を飛躍的に上げるプラグイン31個 | aucfan Engineers&#39; blog</a></cite><p><a href="http://tech.aucfan.com/sublime-text-plugins/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/742e107e04edeff83db399aa7e971732ce4feddf/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fwww.fastpic.jp%2Fimages.php%3Ffile%3D0951085242.png" alt="Sublime Textの作業効率を飛躍的に上げるプラグイン31個 | aucfan Engineers&#39; blog" title="Sublime Textの作業効率を飛躍的に上げるプラグイン31個 | aucfan Engineers&#39; blog" class="entry-image" /></a></p><p>こんにちは、湘南生まれデトロイト育ちのきんぐです。 入社してから1年半ほどWebマーケターをやった後、気付いたらエンジニアになってました。 そんなこんなで異動してから9ヶ月が経ち、合コン等で Q.「お仕事は何されてるんですか？」 A．「うぇ・・うぇぶえんじにあです。ほーむぺーじの運営してます。」 くらいは言え...</p><p><a href="https://b.hatena.ne.jp/entry/tech.aucfan.com/sublime-text-plugins/"><img src="https://b.hatena.ne.jp/entry/image/http://tech.aucfan.com/sublime-text-plugins/" alt="はてなブックマーク - Sublime Textの作業効率を飛躍的に上げるプラグイン31個 | aucfan Engineers&#39; blog" title="はてなブックマーク - Sublime Textの作業効率を飛躍的に上げるプラグイン31個 | aucfan Engineers&#39; blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/tech.aucfan.com/sublime-text-plugins/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 411 https://github.com/rubocop/ruby-style-guide beth321 2014-10-04T09:19:35Z ruby codingstyle convention ruby コーディング規約 styleguide coding スタイルガイド github programming <blockquote cite="https://github.com/rubocop/ruby-style-guide" title="GitHub - rubocop/ruby-style-guide: A community-driven Ruby coding style guide"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2Frubocop%2Fruby-style-guide" alt="" /> <a href="https://github.com/rubocop/ruby-style-guide">GitHub - rubocop/ruby-style-guide: A community-driven Ruby coding style guide</a></cite><p><a href="https://github.com/rubocop/ruby-style-guide"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/4e6a9583fc2eb93de387888e7e2686852e3a3884/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fopengraph.githubassets.com%2Fb6624272160132fe0585c83707f76cf3d97f477d6603590caa1be1cd7c032f15%2Frubocop%2Fruby-style-guide" alt="GitHub - rubocop/ruby-style-guide: A community-driven Ruby coding style guide" title="GitHub - rubocop/ruby-style-guide: A community-driven Ruby coding style guide" class="entry-image" /></a></p><p>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. Dismiss alert</p><p><a href="https://b.hatena.ne.jp/entry/s/github.com/rubocop/ruby-style-guide"><img src="https://b.hatena.ne.jp/entry/image/https://github.com/rubocop/ruby-style-guide" alt="はてなブックマーク - GitHub - rubocop/ruby-style-guide: A community-driven Ruby coding style guide" title="はてなブックマーク - GitHub - rubocop/ruby-style-guide: A community-driven Ruby coding style guide" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/github.com/rubocop/ruby-style-guide"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 148 https://ascii.jp/elem/000/000/923/923055/ beth321 2014-10-02T04:27:21Z Bootstrap CSS いつか試す Web Design Coding SPA Less <blockquote cite="https://ascii.jp/elem/000/000/923/923055/" title="Bootstrapでシングルページをコーディング (1/5)"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fascii.jp%2Felem%2F000%2F000%2F923%2F923055%2F" alt="" /> <a href="https://ascii.jp/elem/000/000/923/923055/">Bootstrapでシングルページをコーディング (1/5)</a></cite><p><a href="https://ascii.jp/elem/000/000/923/923055/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ffaf8db217796ff6e1b0bea76995dad27056bc73/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fascii.jp%2Fimg%2F1998%2F01%2F01%2F746488%2Fl%2F66de4b82da1c6e02.jpg" alt="Bootstrapでシングルページをコーディング (1/5)" title="Bootstrapでシングルページをコーディング (1/5)" class="entry-image" /></a></p><p>メインイメージを作る メインイメージ部分は、大きなロゴと短い文章のみの非常にシンプルな構成です。ロゴや文章を「index.html」に指定し、オリジナルのスタイルを「theme.less」に記述してデザインを整えます。 index.htmlは次のように変更します。 ■変更前のソースリスト（index.htmlの一部、緑色部分を変更） &lt;/nav&gt;...</p><p><a href="https://b.hatena.ne.jp/entry/s/ascii.jp/elem/000/000/923/923055/"><img src="https://b.hatena.ne.jp/entry/image/https://ascii.jp/elem/000/000/923/923055/" alt="はてなブックマーク - Bootstrapでシングルページをコーディング (1/5)" title="はてなブックマーク - Bootstrapでシングルページをコーディング (1/5)" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ascii.jp/elem/000/000/923/923055/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 8 https://blog.guildworks.jp/2014/09/22/if%E6%96%87%E3%81%AE%E6%9D%A1%E4%BB%B6%E5%BC%8F%E3%81%AE%E6%9B%B8%E3%81%8D%E6%96%B9%E3%81%82%E3%82%8C%E3%81%93%E3%82%8C/ beth321 2014-09-23T06:23:25Z 書き方 増田亨 設計 () programming プログラミング Coding あとで読む java management <blockquote cite="https://blog.guildworks.jp/2014/09/22/if%E6%96%87%E3%81%AE%E6%9D%A1%E4%BB%B6%E5%BC%8F%E3%81%AE%E6%9B%B8%E3%81%8D%E6%96%B9%E3%81%82%E3%82%8C%E3%81%93%E3%82%8C/" title="if文の条件式の書き方あれこれ | GuildWorks Blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fblog.guildworks.jp%2F2014%2F09%2F22%2Fif%25E6%2596%2587%25E3%2581%25AE%25E6%259D%25A1%25E4%25BB%25B6%25E5%25BC%258F%25E3%2581%25AE%25E6%259B%25B8%25E3%2581%258D%25E6%2596%25B9%25E3%2581%2582%25E3%2582%258C%25E3%2581%2593%25E3%2582%258C%2F" alt="" /> <a href="https://blog.guildworks.jp/2014/09/22/if%E6%96%87%E3%81%AE%E6%9D%A1%E4%BB%B6%E5%BC%8F%E3%81%AE%E6%9B%B8%E3%81%8D%E6%96%B9%E3%81%82%E3%82%8C%E3%81%93%E3%82%8C/">if文の条件式の書き方あれこれ | GuildWorks Blog</a></cite><p><a href="https://blog.guildworks.jp/2014/09/22/if%E6%96%87%E3%81%AE%E6%9D%A1%E4%BB%B6%E5%BC%8F%E3%81%AE%E6%9B%B8%E3%81%8D%E6%96%B9%E3%81%82%E3%82%8C%E3%81%93%E3%82%8C/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/b4981f400bd99a0919fb6d50cea0b68e2a0f7c4a/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fsecure.gravatar.com%2Fblavatar%2F35a5a9005b8cacd953f4fda86a966490%3Fs%3D200%26ts%3D1594413773" alt="if文の条件式の書き方あれこれ | GuildWorks Blog" title="if文の条件式の書き方あれこれ | GuildWorks Blog" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/blog.guildworks.jp/2014/09/22/if%E6%96%87%E3%81%AE%E6%9D%A1%E4%BB%B6%E5%BC%8F%E3%81%AE%E6%9B%B8%E3%81%8D%E6%96%B9%E3%81%82%E3%82%8C%E3%81%93%E3%82%8C/"><img src="https://b.hatena.ne.jp/entry/image/https://blog.guildworks.jp/2014/09/22/if%E6%96%87%E3%81%AE%E6%9D%A1%E4%BB%B6%E5%BC%8F%E3%81%AE%E6%9B%B8%E3%81%8D%E6%96%B9%E3%81%82%E3%82%8C%E3%81%93%E3%82%8C/" alt="はてなブックマーク - if文の条件式の書き方あれこれ | GuildWorks Blog" title="はてなブックマーク - if文の条件式の書き方あれこれ | GuildWorks Blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/blog.guildworks.jp/2014/09/22/if%E6%96%87%E3%81%AE%E6%9D%A1%E4%BB%B6%E5%BC%8F%E3%81%AE%E6%9B%B8%E3%81%8D%E6%96%B9%E3%81%82%E3%82%8C%E3%81%93%E3%82%8C/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 279 https://source.android.com/docs/setup/contribute/code-style beth321 2014-09-05T00:22:35Z Android androiddev Java プログラミング Guideline コーディング規約 コーディングスタイル programming CodingRule coding <blockquote cite="https://source.android.com/docs/setup/contribute/code-style" title="AOSP Java code style for contributors  |  Android Open Source Project"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fsource.android.com%2Fdocs%2Fsetup%2Fcontribute%2Fcode-style" alt="" /> <a href="https://source.android.com/docs/setup/contribute/code-style">AOSP Java code style for contributors  |  Android Open Source Project</a></cite><p><a href="https://source.android.com/docs/setup/contribute/code-style"><img src="" alt="AOSP Java code style for contributors  |  Android Open Source Project" title="AOSP Java code style for contributors  |  Android Open Source Project" class="entry-image" /></a></p><p>AOSP Java code style for contributors Stay organized with collections Save and categorize content based on your preferences. The code styles on this page are strict rules for contributing Java code to the Android Open Source Project (AOSP). Contributions to the Android platform that don&#39;t adhere ...</p><p><a href="https://b.hatena.ne.jp/entry/s/source.android.com/docs/setup/contribute/code-style"><img src="https://b.hatena.ne.jp/entry/image/https://source.android.com/docs/setup/contribute/code-style" alt="はてなブックマーク - AOSP Java code style for contributors  |  Android Open Source Project" title="はてなブックマーク - AOSP Java code style for contributors  |  Android Open Source Project" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/source.android.com/docs/setup/contribute/code-style"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 64 http://re-dzine.net/2012/09/github-htmlcss-styleguide/ beth321 2014-08-26T02:27:35Z "line document CSS HTML Coding github Guideline ガイドライン sass styleguide <blockquote cite="http://re-dzine.net/2012/09/github-htmlcss-styleguide/" title="re-dzine.net situs togel online toto 2023 -"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fre-dzine.net%2F2012%2F09%2Fgithub-htmlcss-styleguide%2F" alt="" /> <a href="http://re-dzine.net/2012/09/github-htmlcss-styleguide/">re-dzine.net situs togel online toto 2023 -</a></cite><p><a href="http://re-dzine.net/2012/09/github-htmlcss-styleguide/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/4d394f021b882e48d0ec571f4ac3a41b9773f514/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fre-dzine.net%2Fimg%2Fogp_square.png" alt="re-dzine.net situs togel online toto 2023 -" title="re-dzine.net situs togel online toto 2023 -" class="entry-image" /></a></p><p>By penulis • January 10, 2023 • comments off Sebelum langsung ke poin utama yaitu mengenai trik rahasia main togel online yang beneran udah terbukti gacor buat hasilkan kemenangan, kalian yang mungkin masih berstatus pemula di game…</p><p><a href="https://b.hatena.ne.jp/entry/re-dzine.net/2012/09/github-htmlcss-styleguide/"><img src="https://b.hatena.ne.jp/entry/image/http://re-dzine.net/2012/09/github-htmlcss-styleguide/" alt="はてなブックマーク - re-dzine.net situs togel online toto 2023 -" title="はてなブックマーク - re-dzine.net situs togel online toto 2023 -" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/re-dzine.net/2012/09/github-htmlcss-styleguide/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 61 https://github.com/necolas/idiomatic-css beth321 2014-08-26T02:24:40Z css CSS *web Guideline *あとで読む coding <blockquote cite="https://github.com/necolas/idiomatic-css" title="GitHub - necolas/idiomatic-css: Principles of writing consistent, idiomatic CSS."><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2Fnecolas%2Fidiomatic-css" alt="" /> <a href="https://github.com/necolas/idiomatic-css">GitHub - necolas/idiomatic-css: Principles of writing consistent, idiomatic CSS.</a></cite><p><a href="https://github.com/necolas/idiomatic-css"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/50f8915e16fe13d44ccf4f61b0c82d0f97619704/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fopengraph.githubassets.com%2Fb72a2dc4881826249b3ea6924d44661e044544e0f400630bff3b397c8401d53d%2Fnecolas%2Fidiomatic-css" alt="GitHub - necolas/idiomatic-css: Principles of writing consistent, idiomatic CSS." title="GitHub - necolas/idiomatic-css: Principles of writing consistent, idiomatic CSS." class="entry-image" /></a></p><p>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. Dismiss alert</p><p><a href="https://b.hatena.ne.jp/entry/s/github.com/necolas/idiomatic-css"><img src="https://b.hatena.ne.jp/entry/image/https://github.com/necolas/idiomatic-css" alt="はてなブックマーク - GitHub - necolas/idiomatic-css: Principles of writing consistent, idiomatic CSS." title="はてなブックマーク - GitHub - necolas/idiomatic-css: Principles of writing consistent, idiomatic CSS." border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/github.com/necolas/idiomatic-css"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 30 https://cssguidelin.es/ beth321 2014-08-26T02:23:15Z css コーディング規約 twitter css book guideline StyleGuide ガイドライン coding bem <blockquote cite="https://cssguidelin.es/" title="CSS Guidelines (2.2.5) – High-level advice and guidelines for writing sane, manageable, scalable CSS"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcssguidelin.es%2F" alt="" /> <a href="https://cssguidelin.es/">CSS Guidelines (2.2.5) – High-level advice and guidelines for writing sane, manageable, scalable CSS</a></cite><p><a href="https://cssguidelin.es/"><img src="" alt="CSS Guidelines (2.2.5) – High-level advice and guidelines for writing sane, manageable, scalable CSS" title="CSS Guidelines (2.2.5) – High-level advice and guidelines for writing sane, manageable, scalable CSS" class="entry-image" /></a></p><p>CSS Guidelines High-level advice and guidelines for writing sane, manageable, scalable CSS About the Author CSS Guidelines is a document by me, Harry Roberts. I am a Consultant Front-end Architect from the UK, and I help companies all over the world write and manage better quality UIs for their p...</p><p><a href="https://b.hatena.ne.jp/entry/s/cssguidelin.es/"><img src="https://b.hatena.ne.jp/entry/image/https://cssguidelin.es/" alt="はてなブックマーク - CSS Guidelines (2.2.5) – High-level advice and guidelines for writing sane, manageable, scalable CSS" title="はてなブックマーク - CSS Guidelines (2.2.5) – High-level advice and guidelines for writing sane, manageable, scalable CSS" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/cssguidelin.es/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 79 https://www.megane-blog.com/2014/08/15/1284/ beth321 2014-08-16T09:55:40Z Sublime Text sublime あとで sublimetext mac tips HTML コーディング プログラミング coding <blockquote cite="https://www.megane-blog.com/2014/08/15/1284/" title="Sublime textでコードをなるべく楽に綺麗に書くための機能紹介 3つ - megane9988のブログ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.megane-blog.com%2F2014%2F08%2F15%2F1284%2F" alt="" /> <a href="https://www.megane-blog.com/2014/08/15/1284/">Sublime textでコードをなるべく楽に綺麗に書くための機能紹介 3つ - megane9988のブログ</a></cite><p><a href="https://www.megane-blog.com/2014/08/15/1284/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/17edfda116d41ad1afe15d4b044ba58e12e862fd/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.megane-blog.com%2Fwp-content%2Fuploads%2F2014%2F08%2F82e08f181cc3a9270b41e93de623f49d.png" alt="Sublime textでコードをなるべく楽に綺麗に書くための機能紹介 3つ - megane9988のブログ" title="Sublime textでコードをなるべく楽に綺麗に書くための機能紹介 3つ - megane9988のブログ" class="entry-image" /></a></p><p>1. コードフォーマット パッケージとして提供されている HTML-CSS-JS Prettify を導入する。使い方はソースコードで右クリックして、Prettify Codeを選択。ショートカットは　Shift + Command + H。しかるべきところでの改行と、インデントをまとめてしてくれるのでたすかります。 コードフォーマットの設定 Prettify Co...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.megane-blog.com/2014/08/15/1284/"><img src="https://b.hatena.ne.jp/entry/image/https://www.megane-blog.com/2014/08/15/1284/" alt="はてなブックマーク - Sublime textでコードをなるべく楽に綺麗に書くための機能紹介 3つ - megane9988のブログ" title="はてなブックマーク - Sublime textでコードをなるべく楽に綺麗に書くための機能紹介 3つ - megane9988のブログ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.megane-blog.com/2014/08/15/1284/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 292 https://www.slideshare.net/slideshow/ss-37936903/37936903 beth321 2014-08-14T02:03:46Z 効率化 css slideshare coding web開発 grunt プログラミング html フロントサイド webデザイン <blockquote cite="https://www.slideshare.net/slideshow/ss-37936903/37936903" title="フロント作業の効率化"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.slideshare.net%2Fslideshow%2Fss-37936903%2F37936903" alt="" /> <a href="https://www.slideshare.net/slideshow/ss-37936903/37936903">フロント作業の効率化</a></cite><p><a href="https://www.slideshare.net/slideshow/ss-37936903/37936903"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/8dcc28961961947d6e810b5310f2f6fc1dbb3faf/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Frandom-140812232156-phpapp01-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds" alt="フロント作業の効率化" title="フロント作業の効率化" class="entry-image" /></a></p><p>HTML5を使うためのプログレッシブエンハンスメント 〜すべての人に確実に情報を届けるために〜SwapSkillsFreeEventProgressiv...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.slideshare.net/slideshow/ss-37936903/37936903"><img src="https://b.hatena.ne.jp/entry/image/https://www.slideshare.net/slideshow/ss-37936903/37936903" alt="はてなブックマーク - フロント作業の効率化" title="はてなブックマーク - フロント作業の効率化" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.slideshare.net/slideshow/ss-37936903/37936903"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 248 https://www.megane-blog.com/2014/08/06/1220/ beth321 2014-08-07T00:13:59Z ### Markdown wordpress jetpack cheatsheet ソースコード writing チートシート reference coding <blockquote cite="https://www.megane-blog.com/2014/08/06/1220/" title="Markdown記法 とりあえずこれだけ覚えれば大丈夫 基本のチートシート - megane9988のブログ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.megane-blog.com%2F2014%2F08%2F06%2F1220%2F" alt="" /> <a href="https://www.megane-blog.com/2014/08/06/1220/">Markdown記法 とりあえずこれだけ覚えれば大丈夫 基本のチートシート - megane9988のブログ</a></cite><p><a href="https://www.megane-blog.com/2014/08/06/1220/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/cad7b504164f7422c7d6a24e289a48139b2b9f1f/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.megane-blog.com%2Fwp-content%2Fuploads%2F2014%2F08%2Fmarkdown.png" alt="Markdown記法 とりあえずこれだけ覚えれば大丈夫 基本のチートシート - megane9988のブログ" title="Markdown記法 とりあえずこれだけ覚えれば大丈夫 基本のチートシート - megane9988のブログ" class="entry-image" /></a></p><p>まだ使ってない人向けです。WordPressの場合は、Jetpackが提供してくれるMarkdownを利用することで、普通にタグを書くよりもずいぶんブログを書く時間が短縮できますよ。 見出し [code lang=text] # h1 ## h2 ### h3 // 増やした数だけ数字が増える [/code] リスト [code lang=text] – リスト – リスト – 子要素(先頭に...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.megane-blog.com/2014/08/06/1220/"><img src="https://b.hatena.ne.jp/entry/image/https://www.megane-blog.com/2014/08/06/1220/" alt="はてなブックマーク - Markdown記法 とりあえずこれだけ覚えれば大丈夫 基本のチートシート - megane9988のブログ" title="はてなブックマーク - Markdown記法 とりあえずこれだけ覚えれば大丈夫 基本のチートシート - megane9988のブログ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.megane-blog.com/2014/08/06/1220/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 140 https://anond.hatelabo.jp/20140801103805 beth321 2014-08-01T04:34:54Z webサービス websearvice web coding webサービスまとめ すごい ライブラリ サービス *webservice アプリ <blockquote cite="https://anond.hatelabo.jp/20140801103805" title="一発当てた個人開発者をまとめるWebサービス作った"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fanond.hatelabo.jp%2F20140801103805" alt="" /> <a href="https://anond.hatelabo.jp/20140801103805">一発当てた個人開発者をまとめるWebサービス作った</a></cite><p><a href="https://anond.hatelabo.jp/20140801103805"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/2ec6a459bb9b383ee013c4fa73ad41a2bd0d9813/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fanond.hatelabo.jp%2Fimages%2Fog-image-1500.gif" alt="一発当てた個人開発者をまとめるWebサービス作った" title="一発当てた個人開発者をまとめるWebサービス作った" class="entry-image" /></a></p><p>http://individualist.link/ （←ドメインかっこいいでしょ） 〜 居酒屋にて 〜 A「やっぱり若者が稼ぐにはアプリ作るしかないと思うんですよ」 B「あー分かる」 B「スマートフォンアプリ？Webアプリでもいいの？」 C「ゲームは当たると大きくていいよね」 A「Webアプリでもいいです」 B「当ててそれで暮らしてる人見ます...</p><p><a href="https://b.hatena.ne.jp/entry/s/anond.hatelabo.jp/20140801103805"><img src="https://b.hatena.ne.jp/entry/image/https://anond.hatelabo.jp/20140801103805" alt="はてなブックマーク - 一発当てた個人開発者をまとめるWebサービス作った" title="はてなブックマーク - 一発当てた個人開発者をまとめるWebサービス作った" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/anond.hatelabo.jp/20140801103805"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 586