もうFTPを利用することは止めて、Gitを使おう。そのほうがメリットが多いよー
もうFTPを利用することは止めて、Gitを使おう。そのほうがメリットが多いよー 2014.02.26 | この方法お勧めです！ | 覚えておきたい どもどもパープルことメガネこと大串です。 最近なにかと涙もろくなりまして、ちょっと身近な人のBlogとか読むだけでも熱いものがこみ上げたりしています。こういうことって今後も増えていくんでしょうね。母親がやたらめったらテレビに向かって泣いていたのも頷ける今日このごろです。 さてGitHubシリーズですね。前回は GitHubをつかって共同開発！ サイトのデザインリニューアルしました !という記事を書きました。もちろん今も共同開発は続いておりまして、次のマイルストーンは月末を予定しております。達成率は25%ですが、なんとなかるでしょう。。。たぶん。。おそらく。 そしてきょうの本題ですね。タイトルの通り、FTPをやめてgitでファイルの送信受信もして
CSRF 対策用トークンの値にセッション ID そのものを使ってもいい時代は終わりつつある - co3k.org
CSRF 脆弱性対策には攻撃者の知り得ない秘密情報をリクエストに対して要求すればよく、そのような用途としてはセッション ID がお手軽でいいよねという時代があったかと思います。 いや、もちろん、 CSRF 対策の文脈だけで言えば今も昔も間違いというわけではありません。セッション ID が秘密情報であるのは Web アプリケーションにおいて当然の前提ですので、 CSRF 対策としてリクエストに求めるべきパラメータとしての条件はたしかに満たしています。 たとえば 『安全なウェブサイトの作り方』 改訂第6版では以下のように解説されています。 6-(i)-a. (中略) その「hidden パラメータ」に秘密情報が挿入されるよう、前のページを自動生成して、実行ページではその値が正しい場合のみ処理を実行する。 (中略) この秘密情報は、セッション管理に使用しているセッション ID を用いる方法の他、
2013年Web制作に使い始めてよかったツール・サービスまとめ 〜そして時は2014年へ〜
2013年Web制作に使い始めてよかったツール・サービスまとめ 〜そして時は2014年へ〜 2013.12.19 | この方法お勧めです！ | 初心者向け | 制作あるある 皆様しわっす。WP-Dではジミーな技術系記事を書いてますエメラルドこと井村です。 パープルリーダーから「ゆく年くる年」というお題をいただきまして、たまにはまとめ記事的なものを書いてみたいと思います。 日々新技術に猛進する猛牛のような制作者の皆様には役に立たない記事だと思うので、日本酒でもたしなみながらくるくるスクロールしていただければこれ幸いであります。 個人的な話になりますが2013年3月に独立しまして、制作環境なども自分の好きな物を使うことができるようになりました。またフリーランスにとっては作業効率が自分の手取りに直結するので、作業の自動化・効率化は死活問題でもありますよね。 紹介しているツールやサービスは2013
Google タグマネージャで Web ページに読み込む JavaScript を管理してみる
Google タグマネージャ （Google Tag Manager） をこの Blog 内の各ページで読み込んでいる JavaScript コードの管理に数ヶ月前から使い始めていますが、結構使いやすくて便利なのと、ページの表示速度的にもいい結果が出たので紹介してみます。 Google タグマネージャ公式サイト 機能 ： Google タグマネージャ Google タグマネージャとは？ Google タグマネージャは無料で簡単に使用できるタグ管理システムです。ウェブ上の使いやすい管理画面から自分でタグを管理してモバイル アプリを設定できるため、面倒なコード書き換えは不要で、IT 部門に依頼する必要もありません。 機能 ： Google タグマネージャ から引用 と公式には書いてありますが、簡単にいえば Web ページ内で読み込む各種の JavaScript コード、例えば Google A
GitHubを使ってみよう！導入と簡単な流れ、よく使うコマンドなど。 ｜https://wp.yat-net.com/name
2013年 10月 24日 GitHubを使ってみよう！導入と簡単な流れ、よく使うコマンドなど。 カテゴリ： Git タグ：GitGitHub GitHubを覚えよう覚えようと思ってなかなか手をつけてこなかったので、そろそろ本腰入れて使おうと色々やってみたのでまとめておきます。 1.GitHubとは？ 2.GitHubを使えるようにする 3.Git及びGitHubでよく使うコマンド一覧 GitHubとは？ github ソースファイルのバージョン管理システムにGitというものがあります。 Gitはリポジトリ（管理保存場所）先として、ローカル、もしくはリモートを選択出来るのですが、GitHubはそのリモート先にあたるもので、プロジェクトの管理をWeb上で行うことが出来るサービスです。 GitHubは無料で利用出来るプランも用意されています。容量に応じて金額が変わってきますが、プロジェクトを非
ウェブサイトのヴィジュアルを定義するスタイルガイド用のテンプレート素材 -UI Style Guide Template
UIスタイルガイドとはウェブサイトのヴィジュアルを定義するもので、コンテンツから切り離すことによりウェブサイトのスタイルを的確に確認するのに役立ちます。 UIスタイルガイドを作成する際にベースとなるテンプレート素材を紹介します。 UI Style Guide Template UIのスタイルを一括で管理することでデザインの作業時だけでなく、コーディングや検証の時にも重要なガイドになるでしょう。また、クライアントがヴィジュアルの変更を求めてきた際も、部分的にみるのではなく、全体を通して整合性をもった対応を行うことができます。 テンプレート素材にはカラースキームや背景をはじめ、さまざまなUIエレメントのスタイルが定義されています。
レスポンシブWEBデザインのデザイン・設計上の注意点 | Web制作 | | SRE BLOG | SRE BLOG
レスポンシブWEBデザインはその特徴から、レイアウトの自由度が低いと言われています。どのようなデザインにするのかは悩ましい問題とも言えるでしょう。 そこで今回は前回のレスポンシブWEBデザインの基本に続き、実際の事例とともにデザインや設計における注意点を紹介していきます。 １、各デバイスのサイズを把握しましょう！ レスポンシブWEBデザインの最大の特徴はなんと言っても、色々な端末から見れるということ。設計する前に端末のサイズを把握していなければ、始まりません。 参考までに主要なディスプレイサイズを図にしてみました。 ユーザーがいつどんな環境でサイトを見るのか、考えてみることが大切ですね。 ２、よく使うブレークポイントはこれだ！ どの画面サイズでも見やすいサイトになるよう適切なブレークポイントを設定しましょう。 ちなみにSRE BLOGでは1160,1080,1024,985,960,940
FTPの代わりにWordPressのプラグインを使うと便利 【WP-FileManager】
FTPの代わりにWordPressのプラグインを使うと便利 【WP-FileManager】投稿 : 2013-01-10更新 : 2015-08-20 追記：2015/08/20 現在のバージョンは、1.4.0で大丈夫そうですが、使い終わったら、無効化しておいたほうがよい気がします。 アクセスログとかにもそれらしいのを見かけるので・・。 ソフト名：WordPress wp-FileManager Plugin 1.3.0 回避策：あり 脆弱性： 機密情報の奪取, ディレクトリトラバーサル, ファイルのダウンロード, ソース： http://wordpress.org/extend/plugins/wp-filemanager/ Daily Vuln Watch Japan:WordPress wp-FileManager Pluginに機密情報奪取の脆弱性。危険度：中! - livedo
WEBサーバーのファイルを管理できるWordPressプラグイン「AjaXplorer」 | Web活メモ帳
AjaXplorerはFTP接続すること無く、WEBサーバー上のファイルを管理する事ができるツールです。PHPとJavaScriptを使用することでエクスプローラー風の画面を表示し、自由にファイルを操作することが可能です。 特徴的なのはGoogle Analyticsを使用してどのファイルがダウンロードされたかなどの統計が取れることです。 スタンドアロンなPHPスクリプトも用意されているようですが、WordPressに組み込むことも可能になっているため、初心者でも簡単に使用することが可能になってます。 ファイルはサムネイル表示や削除など、通常のエクスプローラーと変わらない操作を指定することが可能です。 データベースは特に使用していないとの事なので、PHP5が使用可能であれば動作するようです。 ユーザーにサーバーのファイルを操作させる場合に使用してみるのはいかがでしょうか。
年末なのでブログの大掃除と各種設定の見直しをしてみた。やったこと6つまとめ
WordPress Born In Texas / teamstickergiant もう2012年も残りあとわずか。やり残したことは無いでせうか。 そんなわけで、私はと言いますと前々からやろうと思っていたWordPressの煤払いを行いました。やったことをまとめときたいと思います。 カテゴリーの整理 何も考えずに乱立させてしまった当サイトのカテゴリ。 「Web」があったかと思えば「Webサイト」があったり、ポツンと「Google Chrome」と言うカテゴリがあったり… 我ながら混乱して参りましたので、重複するものは片方だけ残すなど選別。30以上あったカテゴリーを19まで減らしました。それでも多いような気がしますがまぁこんなもんでしょう。 リンクエラーの解除 サイト内のリンク切れを教えてくれるプラグインBroken Link Checkerを導入しているのですが、ずっと確認せずにいたリン
一枚もののウェブページをとにかく簡単に作れる『tackk』 | 100SHIKI
わりと前からあるが、今触ってみたら結構良かったのでご紹介（今更だけど）。 自分のホームページやブログほどじゃなくても、ちょっとしたイベントのためにウェブページが作りたいなー、というシーンはままある。 そうしたときに使えるのがtackkだ。 もちろん似たようなツールは他にもあるが、使い勝手がとにかくシンプルな点が素晴らしい。 まずアクセスするといきなり編集画面だ。あとはテキストや写真を入力してテーマを設定すればOKである。共有用のURLはアクセスした瞬間に付与されるのでそれを使えばいい。 また無料のユーザー登録をすれば複数のページを管理することもできるようだ。「一枚もののウェブページをとにかく簡単に作れる」というコンセプトが良いですな。
レスポンシブ・ウェブデザインでの CSS コードの書き方 | Yomotsu net
いわゆるレスポンシブ・ウェブデザイン、つまりメディアクエリーを採用した Web サイトを構築する際の一番管理しやすいと感じるコードの書き方をまとめました。ただし、あくまでも個人的な、経験から感じた意見ですので絶対ではありません。 CSS のコードの配置広く知られている方法はいくつかあります。 CSS ファイル自体を分ける方法 @media 規則で 1ファイル内にメディア特性単位に書く方法 @media 規則で 1ファイル内にパーツ単位で書く方法 それぞれをコードで表すなら以下の書き方が該当します。 方法1 : CSS ファイル自体を分ける方法この方法は管理が大変でおすすめできません。これでファイルごとコード分割されてしまったらコード検索しづらいわけです。 <link rel="stylesheet" href="desktop.css" media="(min-width:769px)">
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://blog.shinji.asia/sourcetree_git/
HugeDomains.com
html5-memo.com
http://designaholic.cc/2012/07/web-20.html
http://designaholic.cc/2012/07/web-19.html
WEBディレクターがスケジュールを引いてはいけない理由｜designaholic -Creative Column-