どう書くんだっけ？ を一発解決！コピペ用コードスニペットを集めたオススメWebサイトまとめ
この記事では、コーディング作業で迷ったときに確認したいコードスニペットを集めた便利サイトをまとめて紹介しています。 ウェブ開発において、フロントエンドやデベロッパーが悩んでしまう問題の解決方法を知ることができるだけでなく、世界中の優秀なプログラマーの作成したコードを確認、実際に動かしながら学ぶことができます。 ちなみに、2020年に人気だったコードスニペットランキングがこちら。 2020年にCodepenで話題！コピペ可なHTMLスニペット ベスト100発表 どう書くんだっけ？ を一発解決！コードスニペットを集めたオススメWebサイトまとめ CoddMyUI Javascript、HTML、CSS、jQueryプラグイン、ウェブ開発にできるデザインスニペット1200個以上が揃ったサイト。ボタンやホバーリンク、テキストアニメーションなど細かくカテゴリ分けされているので、必要なパーツごとのコー
モダンJavaScript再入門 / Re-introduction to Modern JavaScript
FRONTEND CONFERENCE 2019の登壇資料です。 https://2019.kfug.jp/session/onoueyosuke Webサイト・Webアプリ制作への高まる要求に耐えられるようにJavaScriptは進化を続けてきました。特にこの約5年間で、JavaScriptはモダンなプログラミング言語へと大きな進化を遂げ、開発効率は劇的に高まりました。一方で、古いままの情報も多く、最新技術をキャッチアップするのは大変な面もあります。本セッションでは、新しくJavaScriptを学びたい人や昔に勉強した人、なんとなく書いている人が入門・再入門できるように、JavaScriptのモダンな書き方をなるべく実用的な例をまじえてご紹介します。また、将来のWebの変化についていけるように、これから先のJavaScriptがどのように進化していくのかの展望についてもお話しします。
ブロガー・Web関係者必見！モバイルとPC同時に閲覧できる超便利ブラウザ「Blisk」の存在を君はまだ知らない - Brian'z Imagination
レスポンシブデザインが流行してきているとはいえ、こんなことをしているはてなブロガーさんやWebデザイナーさんは後を絶たない。 PCでいちいちブラウザの幅を変えながらデザインを確認している わざわざUserAgent Switcherでユーザーエージェントを切り替えて表示を変えている 横にiPhoneやAndroidの実機を置いて表示を確認している そもそもモバイルを意識していない(論外) そんなWebデザインにかかわるすべてのひとに紹介したいのが、「Blisk」という超絶便利なニューカマー・ブラウザだ。いままで「え？こういうブラウザっていままでなかったの？」と不思議に思ってしまうくらい、発想はシンプルだが革新的なブラウザだ。まだベータ版であることやこれまでWindowsでしか公開されていなかったので紹介するのを戸惑っていたけれど、いよいよMac版もリリースしたので、堂々紹介していきたい*1
土日で作るWebサービス入門 - toyoshiの日記
先週日曜日に総額480円、プログラムコード200行、作業時間8時間で「給与明細.net」(http://www.給与明細.net)というWebサービスを作ってリリースをしました。これは給与支払明細書のPDFをWebで簡単に作れるWebサービスです。 シンプルな内容なので開発を開始してから8時間以内の作業でリリースできました。このエントリではサクッとサービスを開発してリリースするまでの僕なりの方法を紹介します。 特長 無料 会員登録不要 Excelから一括作成できる（CSVではない） オープンソース（MITライセンス） 目次 解決したい課題を見つける ドメインを取得する サイトマップとURLを決定する よいツールを集める まずデプロイ（公開）する そこそこのデザインにする 最低の機能をつけたらリリースする 広めるための準備をする おまけ：コードをかく 解決したい課題を見つける これがないとそ
【2012超まとめ】確実にWEBサービスを作りたい人へ【前編】
（記事が長すぎたので前編・中編・後編に分けました） 僕ももう、リストラされそうなとあるおっさんなんですが、先日Webサービスを公開しました。 きっかけになったのはこの記事です。 自分でWEBサービスを作りたいと思っている人へ http://anond.hatelabo.jp/20101203150748 こんな事できたら良いなぁと思っていると、他にもやっている方たちがいました。 たった2日で製作されたWebサービス「お部屋晒し」って？ http://matome.naver.jp/odai/2131952812556433001 WEBサイトを発注してみた。 http://anond.hatelabo.jp/20120318122617 Rails3 と jQuery で、真面目にオシャレなエロサイトをつくってみました - h300 http://d.hatena.ne.jp/inouet
高速でプログラミング言語をマスターするのに有効な記事まとめ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
HTML5+CSS3 入門
Webを記述する言語の標準の現状 昨年度であれば、HTMLを記述する授業では自信をもって以下の基準を推薦していました。 HTML (文書の構造を記述する言語) – XHTML 1.0 もしくは XHTML 1.1 CSS (文書の体裁・デザインを指定する言語) – CSS 2 しかしながら、ここ数年で、とくに去年あたりから状況は大きく変動しつつあります。現状の変化を理解するには、ここに至るまでの歴史的な経緯について簡単に理解する必要があります。ここまでの経緯を整理した上で、将来の展望を探りたいと思います。その上で、この授業ではどのような基準にのっとって「正しい」ということを定義するのか決めていきたいと考えます。 HTML (Webサイトの記述言語) の標準化巡る闘争の歴史 AppleInsider: なぜ Apple は HTML 5 に賭けているのか： ウェブの歴史 [Page 2] よ
GoogleがHTML5の実験場を公開、学習からコードの実行まで 【増田(maskin)真樹】 | TechWave（テックウェーブ）
1990年代初頭から記者としてまた起業家としてITスタートアップ業界のハードウェアからソフトウェアの事業創出に関わる。シリコンバレーやEU等でのスタートアップを経験。日本ではネットエイジ等に所属、大手企業の新規事業創出に協力。ブログやSNS、LINEなどの誕生から普及成長までを最前線で見てきた生き字引として注目される。通信キャリアのニュースポータルの創業デスクとして数億PV事業に。世界最大IT系メディア（スペイン）の元日本編集長、World Innovation Lab(WiL)などを経て、現在、スタートアップ支援側の取り組みに注力中。 米Googleは現地時間の6月22日、HTML5開発を支援するサイト「HTML5 Rocks」を公開した。 サイトではHTML5開発の各種情報のほか、チュートリアル、そしてサイト上でHTML5関連コードを編集して実行できるプレイグラウンドを提供し、学びなが
このサイトをご覧の方々へ | Librahack ： 容疑者から見た岡崎図書館事件
この事件に関して、ニュースを見て違和感を覚えた方、Twitterでつぶやいた方、似たようなことやっている方など、比較的ネットに詳しい方々へ。 岡崎図書館事件の真実を検証 サイトの目的と読者 このサイトの読者は、この事件に関して、ニュースを見て違和感を覚えた方、Twitterでつぶやいた方、似たようなことやっている方など、比較的ネットに詳しい方々を想定しています。 5月25日に偽計業務妨害罪で逮捕され、20日間の勾留と取り調べを経て、6月14日に不起訴処分（起訴猶予処分）となりました。これで事件は一応終結したと解釈しています。 留置場内ではマスコミ報道やネットの情報など外のことを全く知ることができません。出てきた後、Twitterなどネット上で騒がしくなっていたことを知りました。 騒がしくなった原因は、コンピュータやネットを生業とする方々と、新聞記者を含む一般の方々との、知識のギャップにある
お手軽アクセス解析サービス「Web Analyst」が永久無料化、有料版はさらにパワーアップ
せっかくGoogle Analyticsなどアクセス解析ツールを導入しても、入れただけになってしまっていて本当に「分析」ができているかよく分からない……という人は多いかと思います。これは、Google Analyticsに80種類以上のレポートがあるため、どのレポートのどの数値が売上アップに重要か判断するのが難しいためです。 以前お伝えした、EC studioの設定ほぼ不要・誰が見ても意味が分かるアクセス解析サービス「Web Analyst」では「ウェブサイトの成果」に注目、成果の達成を計測するのに特化した有料アクセス解析サービスとして登場しましたが、この「Web Analyst」が1ヶ月につき100万PVまでの解析が永久無料化、PV無制限の有料版ではレポート機能が強化されるなど、さらに使いやすいサービスに進化しました。 詳細は以下。 売上が上がる無料アクセス解析ツール｜Web Analy
Twitterを使って「情報強者」になるための必見サービス5つ | 教えて君.net
Twitterをコミュニケーションツールとしてのみ使うのはもったいない。膨大な数のユーザーがホンネをつぶやいているTwitterは、上手く使えば最強の情報収集サービスとなる。Twitterでの情報集めをサポートしてくれる5つのサービスを紹介しよう。 Twitterを単なるコミュニケーションのためのサービスと考えるのは早計だ。今やTwitterは500万人以上のユーザーを抱えており、使い方によっては強力な情報収集ツールになる。これから「情報強者」を名乗るなら、掲示板やブログ、Amazonレビューだけでなく、Twitterで浮かび上がってくる「世論」のチェックが必須。その助けとなるTwitter周辺サービスを紹介しよう。 Twitterで注目を集めている発言をランキング形式でチェック Twitterには140字という制限の中での名言・至言がたくさんあるが、自分のタイムラインだけを見ていてはなか
WEBプログラマー必見！WEB脆弱性基礎知識最速マスター - 燈明日記
以下は、WEBプログラマー用のWEB脆弱性の基礎知識の一覧です。 WEBプログラマーの人はこれを読めばWEB脆弱性の基礎をマスターしてWEBプログラムを書くことができるようになっているかもです。 また、WEB脆弱性の簡易リファレンスとしても少し利用できるかもしれません。 WEBアプリケーションを開発するには、開発要件書やプログラム仕様書通りに開発すれば良いというわけにはいきません。 そう、WEB脆弱性を狙う悪意のユーザにも対処しないといけないのです。 今回、WEBアプリケーションを開発にあたってのWEB脆弱性を、以下の一覧にまとめてみました。 このまとめがWEBアプリケーション開発の参考になれば幸いです。 インジェクション クロスサイト・スクリプティング セッション・ハイジャック アクセス制御や認可制御の欠落 ディレクトリ・トラバーサル(Directory Traversal) CSRF（
音楽作ってみたい奴はとりあえずコレで遊んでみるといい : ２のまとめＲ
2010年03月25日 ➥ 音楽作ってみたい奴はとりあえずコレで遊んでみるといい 53 comments ツイート 713： ラジオメーター(愛知県) []：2010/03/24(水) 19:12:49.06 ID:AHVHBk6k とりあえずここで遊んでみるといい。作った曲の公開もできる http://www.inudge.net/ で、慣れたらこことか http://www.hobnox.com/index.1056.en.html 物足りない人はここで遊んでみて http://www.soundation.com/studio で、大体掴めたらDAWを買えｗ 727： 鏡(茨城県) []：2010/03/24(水) 19:49:04.44 ID:J8rzKlcH >>713 何これ楽しいｗ 732： バカ []：2010/03/24(水) 20:12:07.92 ID:oEFzW6+
ヒマだからインターネットをしていました
ここ数年、さらにインターネットで色々な人がつながったりしている。自分も学生時代の友人とオンラインで再会し、普通に今日の天気について語り合ったり今日食った物の写真を眺めたりしている。今はインターネットユーザーとはイコール若者の大多数なので、結構気軽にそう言うコネクションを築けるけど、ブロードバンド普及以前はそうでもなかった。ツイッターはワンクリックで見知らぬ誰かをフォローできる。ちょっと前だとSNSなんかはマイミクに登録したりフレンド申請したりで承認含めて３クリックくらい？。もうちょい前だとブログ。古き良きトラックバックおよびコメント交流。複数回のクリックに加え、タイピングが少し必要。さらにさかのぼって、まだブログとかが流行しだす以前、個人サイトをやっている管理人は、気に入ったサイトに自分のページからリンクを貼る際、リンクページを作ったり相手にメールして許可を取ったりしていた。それはそれは不
HTTPリクエスト/レスポンスとは? HTTPヘッダーを理解しよう | 初代編集長ブログ―安田英久
今日は、少し技術的な話ですが、Web担当者も知っておくといい知識を。テーマは「HTTPヘッダー」です。知らなくてもWebサイトは作れますが、知っておくとサイト上での仕組み作りの視野が広がるかもしれません。 ブラウザでWebページを表示するときに、ブラウザはWebサーバーと通信しています。そのときに使われるのが「HTTP」というルールです。 HTTPは「HTTPリクエスト」と「HTTPレスポンス」に分けて考えます。ブラウザがサーバーに「このページを見たい」と頼む通信が「HTTPリクエスト」で、そのリクエストに応えてサーバーがブラウザに返す通信が「HTTPレスポンス」です。 まず、ブラウザ → サーバーの「HTTPリクエスト」から説明しましょう。 HTTPリクエストはブラウザが送るものですから、HTTPリクエストを作るのはブラウザです。サーバーは、受け取ったHTTPリクエストの内容からどんな情
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
画像スレの住民に俺がTumblrの使い方を教えるスレ : はれぞう
すべてのtwitterユーザーへ！関連ツール・ハック・サービス系エントリーまとめ